@import url(//fonts.googleapis.com/css?family=Roboto+Mono:400,300,500,700,300italic,400italic,500italic,700italic&subset=latin,latin-ext);@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);/* EXTENSION STYLES START FOR 'planning-extension' */


/* ASSIGNMENTS OVERVIEW START */

.planning-extension__assignments-overview--item {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
}

.planning-extension__assignments-overview--item + .planning-extension__assignments-overview--item {
  margin-top: 6px;
}

/* ASSIGNMENTS OVERVIEW END */


/* EXTENSION STYLES END FOR 'planning-extension' */



:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth; }

a:focus-visible {
  outline: thin dotted var(--color-text-light);
  outline-offset: -2px; }

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

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

sup {
  inset-block-start: -0.5em; }

sub {
  inset-block-end: -0.25em; }

img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button,
input {
  *overflow: visible;
  line-height: normal; }

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top; }

:focus {
  outline: none; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.pull-right {
  float: inline-end; }

.pull-left {
  float: inline-start; }

.pull-left-10x {
  float: inline-start;
  padding: 10px; }

.pull-right-10x {
  float: inline-end;
  padding: 10px; }

.hide {
  display: none; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.beta-hide {
  display: none !important; }

.sd-blue {
  color: #5ea9c8; }

.blue-text {
  color: #419fc6 !important; }
  .blue-text::-webkit-input-placeholder {
    color: #419fc6 !important; }
  .blue-text:-moz-placeholder {
    color: #419fc6 !important; }
  .blue-text::-moz-placeholder {
    color: #419fc6 !important; }
  .blue-text::-ms-input-placeholder {
    color: #419fc6 !important; }

.no-bg {
  background: none !important; }
  .no-bg:hover {
    background: none !important; }

.uppercase {
  text-transform: uppercase; }

.discreet {
  color: #888; }

ul.list-view.list-without-items li {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-text-lighter); }

.sd-grid-list.list-without-items li {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  display: flex;
  line-height: 38px;
  align-content: center;
  justify-content: center;
  text-align: center;
  color: var(--color-text-lighter);
  border-radius: 3px; }

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.flex-row {
  display: flex;
  align-items: center; }

.text-red {
  color: #e51c23; }

.sibling-spacer-4 > * + * {
  margin-inline-start: 4px; }

.sibling-spacer-10 > * + * {
  margin-inline-start: 10px; }

.user-html-in-single-line p {
  display: inline; }

.sd-spacer {
  display: flex; }

.sd-spacer--horizontal {
  flex-direction: row; }

.sd-spacer--vertical {
  flex-direction: column; }

.sd-spacer--start {
  align-items: flex-start; }

.sd-spacer--center {
  align-items: center; }

.sd-spacer--end {
  align-items: flex-end; }

.sd-spacer--stretch {
  align-items: stretch; }

.sd-spacer--horizontal-4 > * + * {
  margin-left: 4px; }

.sd-spacer--vertical-4 > * + * {
  margin-top: 4px; }

.sd-spacer--horizontal-8 > * + * {
  margin-left: 8px; }

.sd-spacer--vertical-8 > * + * {
  margin-top: 8px; }

.sd-spacer--horizontal-16 > * + * {
  margin-left: 16px; }

.sd-spacer--vertical-16 > * + * {
  margin-top: 16px; }

.sd-spacer--horizontal-medium > * + * {
  margin-inline-start: 10px; }

.sd-spacer--vertical-medium > * + * {
  margin-block-start: 10px; }

.css-table {
  display: table; }
  .css-table > .tr {
    display: table-row; }
    .css-table > .tr > .td {
      display: table-cell; }

.small-tag {
  font-size: 12px;
  color: #000;
  background-color: #f5f5f5;
  padding: 3px 6px;
  border-radius: 2px; }

.hover-AB:hover .hover-AB--A,
.hover-AB:not(:hover) .hover-AB--B {
  display: none !important; }

@media print {
  .no-print {
    display: none !important; } }

.icon-button--small {
  padding: 0;
  margin: 0;
  line-height: 1; }
  .icon-button--small:hover [class^="icon-"], .icon-button--small:hover [class*=" icon-"], .icon-button--small:active [class^="icon-"], .icon-button--small:active [class*=" icon-"] {
    color: var(--sd-color-interactive); }

.icon-big--inherit-color[class^="big-icon--"], .icon-big--inherit-color[class*=" big-icon--"] {
  color: inherit; }

:root {
  --diff-color-addition: #e6ffe6;
  --diff-color-removal: #ffe6e6;
  --diff-color-modification: #fff4e6;
  --diff-color-reordering: #ffffe6; }

.html-diff ins, .html-diff del {
  text-decoration: auto; }
  .html-diff ins.mod, .html-diff del.mod {
    border-bottom: 2px solid orange; }

.html-diff del.diffmod,
.html-diff del.diffdel {
  background-color: var(--diff-color-removal); }

.html-diff ins.diffmod,
.html-diff ins.diffins {
  background-color: var(--diff-color-addition); }

.sd-focusable:focus {
  outline: 2px solid #5ea9c8; }

.dragging-in-progress {
  z-index: 100; }

.modal.modal-react p {
  margin: 0; }

.input-error {
  font-size: 1.2rem;
  font-style: italic;
  color: var(--error-text-color); }

.multi-edit-add-button {
  background-color: var(--sd-colour-bg--06);
  height: 100%;
  align-items: center;
  display: flex;
  width: 46px;
  justify-content: center; }

body {
  margin: 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--color-text);
  background-color: var(--sd-colour-panel-bg--100);
  overflow: hidden;
  height: 100%; }

@page {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-block-start: 1.5cm;
  margin-block-end: 1.5cm; }

.top-menu-hidden #top-menu {
  display: none; }

.top-menu-hidden .monitoring {
  inset-block-start: 0; }

.top-menu-hidden .subnav--authoring {
  inset-block-start: 0; }

.top-menu-hidden .main-section {
  inset-block-start: 48px; }

#main-container {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  padding-block-start: 48px;
  box-sizing: border-box;
  background: var(--sd-colour-panel-bg--100);
  overflow: hidden;
  transition: all 0.3s ease; }
  #main-container.menu {
    inset-inline-start: 300px; }
  #main-container.authoring #workspace-container {
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.3);
    inset-inline-end: 44%;
    z-index: 100;
    border-inline-end: 3px solid var(--sd-colour__splitter);
    transition: all 0.5s; }
    @media only screen and (max-width: 1430px) {
      #main-container.authoring #workspace-container {
        inset-inline-end: 54%; } }
    #main-container.authoring #workspace-container.ui-resizable-resizing {
      transition: none; }
      #main-container.authoring #workspace-container.ui-resizable-resizing + #authoring-container {
        transition: none; }
    #main-container.authoring #workspace-container .ui-resizable-handle {
      display: block; }
      #main-container.authoring #workspace-container .ui-resizable-handle:hover {
        background-color: var(--sd-colour-interactive);
        margin-inline-start: 2px;
        margin-inline-end: 2px;
        width: 3px;
        box-shadow: 2px 0 0 0 var(--sd-colour-interactive--alpha-20), -2px 0 0 0 var(--sd-colour-interactive--alpha-20); }
  #main-container.authoring #authoring-container {
    width: 44%;
    transition: width 0.5s; }
    #main-container.authoring #authoring-container .content-item-preview {
      display: flex; }
    @media only screen and (max-width: 1430px) {
      #main-container.authoring #authoring-container {
        width: 54%; } }
  #main-container:not(.authoring) #workspace-container {
    width: auto !important; }
  #main-container:not(.authoring) #authoring-container {
    width: auto !important; }
  #main-container:not(.authoring) .ui-resizable-handle {
    display: none !important; }
  #main-container.hideMonitoring #workspace-container {
    inset-inline-end: 100%;
    margin-inline-start: -100%; }
  #main-container.hideMonitoring #authoring-container {
    width: calc(100% - 48px) !important; }
  #main-container.hideMonitoring .content-item-preview {
    display: none; }

#workspace-container {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  box-sizing: border-box;
  inset-block-end: 3.2rem;
  inset-inline-start: 48px;
  background-color: var(--sd-colour-panel-bg--100); }

#authoring-container {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  box-sizing: border-box; }

.main-section {
  position: absolute;
  inset-block-start: 96px;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0;
  padding: 0;
  z-index: 1; }
  .main-section.with-subnav .preview-layout {
    top: 48px; }
    .main-section.with-subnav .preview-layout .preview-pane .actions {
      padding: 15px 20px;
      height: 28px; }
    .main-section.with-subnav .preview-layout .preview-pane .user-details-pane {
      inset-block-start: 40px; }

.main-section.filter {
  inset-block-start: 96px;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0;
  padding: 0;
  z-index: 1; }
  .main-section.filter.with-subnav .preview-layout {
    top: 48px; }
    .main-section.filter.with-subnav .preview-layout .preview-pane .actions {
      padding: 15px 20px;
      height: 28px; }
    .main-section.filter.with-subnav .preview-layout .preview-pane .user-details-pane {
      inset-block-start: 40px; }

.main-section.search {
  inset-block-start: 48px; }
  .main-section.search .archive-sidebar {
    inset-block-start: 48px; }

.search-label {
  margin-block-end: -2px;
  margin-block-start: 10px; }

.main-section.users .preview-layout .list-pane > .content {
  inset-inline-end: 400px;
  transition: all ease-in-out 0.2s; }

.main-section.users .preview-layout.closed .list-pane > .content {
  inset-inline-end: 0; }

.main-section.contacts-section .preview-layout .content {
  inset-inline-end: 560px;
  transition: all ease-in-out 0.2s; }

.main-section.contacts-section .preview-layout.closed .content {
  inset-inline-end: 0;
  transition: all ease-in-out 0.2s; }

.action-bar {
  position: absolute;
  inset-block-start: -96px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 48px;
  background: transparent;
  z-index: 1;
  padding: 0.8rem 1.2rem;
  transition: all ease 0.35s;
  border-block-end: 1px solid var(--sd-colour-line--light);
  display: flex;
  align-items: center; }
  .action-bar.show {
    inset-block-start: -48px; }

.preview-layout {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  transition: right ease 0.2s; }
  .preview-layout .list-pane > header, .preview-layout .preview-pane > header {
    height: 48px;
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    box-shadow: 0 1px 0 0 var(--sd-colour-line--x-light);
    z-index: 1;
    padding-inline-end: 3.6rem; }
    .preview-layout .list-pane > header .nav-tabs, .preview-layout .preview-pane > header .nav-tabs {
      box-shadow: none; }
  .preview-layout .list-pane > .content, .preview-layout .preview-pane > .content {
    position: absolute;
    inset-block-start: 48px;
    inset-inline-start: 0;
    inset-block-end: 0;
    inset-inline-end: 0; }
  .preview-layout .list-pane {
    position: absolute;
    background: var(--sd-colour-panel-bg--100);
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    border-inline-end: 1px solid black;
    z-index: 1;
    transition: right ease 0.2s; }
    .preview-layout .list-pane .shadow-list-holder {
      padding: 20px; }
    .preview-layout .list-pane > header {
      background-color: var(--sd-colour-panel-bg--100); }
    .preview-layout .list-pane > .content {
      overflow: auto; }
  .preview-layout .preview-pane {
    position: absolute;
    width: 400px;
    inset-block-start: 48px;
    inset-inline-end: 0;
    inset-block-end: 0;
    background: var(--sd-colour-panel-bg--000);
    overflow-y: auto;
    transition: right ease 0.2s;
    z-index: 2;
    box-shadow: inset 2px 0 3px -1px rgba(0, 0, 0, 0.2); }
    .preview-layout .preview-pane > header {
      position: relative;
      display: flex;
      align-items: center; }
      .preview-layout .preview-pane > header .close-preview {
        position: absolute;
        inset-block-start: 10px;
        inset-inline-end: 8px;
        opacity: 0.5; }
        .preview-layout .preview-pane > header .close-preview:hover {
          opacity: 1; }
    .preview-layout .preview-pane > .content .additional-info {
      border-block-end: 1px solid var(--sd-colour-line--light);
      padding: 10px 20px; }
    .preview-layout .preview-pane > .content .action-menu {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      inset-block-start: 0;
      inset-inline-end: 0.8rem;
      width: 3.2rem;
      height: 4.8rem;
      z-index: 2; }
      .preview-layout .preview-pane > .content .action-menu .dropdown {
        display: block; }
    .preview-layout .preview-pane img {
      max-width: 100%; }

.ingest-container .list-pane {
  inset-block-start: -48px; }

.archive-container .archive-sidebar {
  inset-block-start: 48px; }

.sd-overlay-panel {
  z-index: 100 !important; }

.workspace .main-section .sd-overlay-panel {
  inset-block-start: 0;
  inset-block-end: 0;
  width: 56rem; }

.workspace.authoring .main-section .sd-overlay-panel {
  width: 40rem; }

.workspace .main-section .archive-content .sd-overlay-panel {
  inset-block-start: 4.8rem; }

.slide-pane {
  position: absolute;
  inset-block-start: 1px;
  inset-block-end: 0;
  inset-inline-end: -400px;
  width: 400px;
  background-color: white;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }
  .slide-pane.slide-pane--inset {
    inset-block-start: 96px;
    inset-block-end: 30px; }
  .slide-pane.open {
    inset-inline-end: 0; }
  .slide-pane > .slide-pane__header {
    height: 48px;
    border-block-end: 1px solid #424242; }
    .slide-pane > .slide-pane__header h3 {
      font-size: 20px;
      line-height: 48px;
      color: black;
      font-weight: 300;
      float: inline-start; }
    .slide-pane > .slide-pane__header .close {
      margin-block-start: 14px;
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 12px; }
  .slide-pane > .slide-pane__content {
    flex-grow: 1;
    width: 100%;
    inset-block-start: 48px;
    overflow: auto;
    padding: 20px 15px 0 20px;
    box-sizing: border-box; }
    .slide-pane > .slide-pane__content .dropdown {
      margin-block-end: 20px; }
      .slide-pane > .slide-pane__content .dropdown .dropdown__toggle, .slide-pane > .slide-pane__content .dropdown .dropdown__menu {
        width: 100%; }
        .slide-pane > .slide-pane__content .dropdown .dropdown__toggle.focus, .slide-pane > .slide-pane__content .dropdown .dropdown__toggle:focus, .slide-pane > .slide-pane__content .dropdown .dropdown__menu.focus, .slide-pane > .slide-pane__content .dropdown .dropdown__menu:focus {
          outline: 2px solid #5ea9c8; }
  .slide-pane > .slide-pane__footer {
    width: 100%;
    padding: 15px 15px 0 15px;
    border-block-start: 1px solid #424242;
    box-sizing: border-box; }
    .slide-pane > .slide-pane__footer button {
      margin-block-end: 15px; }
    .slide-pane > .slide-pane__footer .btn-list li {
      padding-block-end: 0; }
  .slide-pane.slide-pane--dark {
    background-color: #3b3b3b; }
    .slide-pane.slide-pane--dark > .slide-pane__header h3 {
      color: white; }

.btn-list {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: wrap;
  margin-inline-start: -0.4rem;
  margin-inline-end: -0.4rem;
  margin-block-end: 0.6rem; }
  .btn-list li {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem);
    margin: 0.4rem !important; }
    .btn-list li .btn__check {
      width: 100%; }

.form__row--desk-select .dropdown__toggle, .form__row--desk-select .dropdown__menu {
  width: 100%; }

.form__row--desk-select .dropdown__toggle {
  width: 100%;
  max-height: 3.2rem; }

.split-content {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0; }
  .split-content > .nav, .split-content > .header, .split-content > header {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 48px;
    border-block-end: 1px solid #f0f0f0;
    box-sizing: border-box; }
  .split-content > .content {
    position: absolute;
    inset-block-start: 48px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    overflow: auto;
    overflow-x: hidden;
    padding: 20px;
    background-color: #f8f8f8; }

.tablist {
  transition: all 0.3s ease;
  width: 48px;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  z-index: 20;
  background: var(--sd-colour-panel-bg--100);
  overflow: hidden; }
  .tablist.left-tablist {
    inset-inline-start: 0;
    overflow: visible;
    box-shadow: inset -8px 0 7px -6px #888; }
  .tablist.right-tablist {
    inset-inline-end: 0;
    overflow: visible;
    box-shadow: inset 8px 0 7px -6px #888; }
  .tablist .navigation-tabs {
    margin: 0;
    border: 0;
    list-style-type: none; }
    .tablist .navigation-tabs > li {
      position: relative;
      float: none; }
      .tablist .navigation-tabs > li .btn {
        display: block;
        position: relative;
        box-sizing: border-box;
        width: 48px;
        height: 48px;
        text-align: center;
        padding: 0;
        margin: 0;
        border-radius: 0px;
        border: 1px solid #898989;
        border-width: 0 0 1px 0 !important;
        background: none;
        box-shadow: none; }
        .tablist .navigation-tabs > li .btn:hover {
          background: #b7b7b7;
          border: 1px solid #898989;
          border-width: 0 0 1px 0 !important; }
        .tablist .navigation-tabs > li .btn .helper-icon, .tablist .navigation-tabs > li .btn .main-icon {
          position: absolute;
          inset-block-start: 10px;
          inset-inline-start: 10px; }
        .tablist .navigation-tabs > li .btn .helper-icon {
          opacity: 0;
          margin: 0;
          inset-inline-start: 12px;
          width: 24px;
          height: 24px;
          font-size: 24px;
          line-height: 24px;
          z-index: 2;
          transition: all 0.4s 0s, transform 0.3s 0s; }
        .tablist .navigation-tabs > li .btn .main-icon {
          opacity: 1;
          transition: all 0.2s, transform 0.2s; }
      .tablist .navigation-tabs > li .label--info {
        position: absolute;
        inset-block-start: 3px;
        inset-inline-end: 3px;
        text-shadow: none;
        z-index: 2; }
      .tablist .navigation-tabs > li.active .btn {
        background: #b8b8b8; }
      .tablist .navigation-tabs > li.active .btn:hover .helper-icon {
        opacity: 1;
        transform: rotate(180deg);
        transition: all 0.3s 0.2s, transform 0.2s 0.2s; }
      .tablist .navigation-tabs > li.active .btn:hover .main-icon {
        opacity: 0;
        height: 8px;
        width: 8px;
        inset-block-start: 20px;
        inset-inline-start: 20px;
        background-size: 100%; }

.tabpane {
  position: absolute;
  width: 330px;
  inset-block-start: 0;
  inset-block-end: 0;
  background: var(--sd-colour-panel-bg--100);
  border-color: var(--sd-colour__side-panel-border);
  border-style: solid;
  z-index: 15;
  transition: all 0.3s ease; }
  .tabpane.left-tabpane {
    inset-inline-start: -330px;
    border-width: 0 3px 0 0;
    box-shadow: 2px 0px 8px 0px rgba(50, 50, 50, 0.35); }
    .tabpane.left-tabpane.open-tabpane {
      inset-inline-start: 48px; }
  .tabpane.right-tabpane {
    inset-inline-end: -330px;
    border-width: 0 0 0 3px;
    box-shadow: -2px 0px 8px 0px rgba(40, 50, 50, 0.35); }
    .tabpane.right-tabpane.open-tabpane {
      inset-inline-end: 48px; }
  .tabpane .tabcontent {
    padding: 0;
    position: absolute;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-start: 1px;
    inset-inline-end: 1px;
    overflow: hidden; }

.notification-pane {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  position: fixed;
  color: var(--color-text);
  inset-block-start: 48px;
  inset-block-end: 32px;
  inset-inline-end: -316px;
  width: 300px;
  background: rgba(27, 30, 35, 0.82);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.32), 0 1px 4px rgba(0, 0, 0, 0.32), 0 0 0 1px var(--sd-colour-line--light);
  z-index: 100;
  transition: right 0.3s ease-in-out;
  border-radius: var(--b-radius--x-large);
  margin: 12px 0;
  z-index: 1050; }
  .notification-pane.show {
    inset-inline-end: 12px; }
  .notification-pane .notification-pane__header {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    height: 48px;
    width: 100%;
    border-block-end: 1px solid var(--sd-colour-line--light);
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .notification-pane .notification-pane__header .user-info {
      height: 40px;
      padding-block-start: 12px;
      padding-block-end: 2px; }
      .notification-pane .notification-pane__header .user-info .name {
        color: var(--color-text-light);
        font-size: 12px;
        display: block;
        line-height: 12px; }
      .notification-pane .notification-pane__header .user-info .displayname {
        font-size: 11px;
        color: var(--color-text-light);
        display: block;
        line-height: 12px;
        margin-block-start: 2px; }
    .notification-pane .notification-pane__header .icn-btn {
      color: var(--color-text-light); }
    .notification-pane .notification-pane__header .actions {
      height: 20px; }
      .notification-pane .notification-pane__header .actions button {
        border: 0;
        background: 0;
        color: var(--color-text); }
      .notification-pane .notification-pane__header .actions a, .notification-pane .notification-pane__header .actions button {
        font-size: 10px;
        color: var(--color-text-light);
        text-decoration: none;
        text-transform: uppercase;
        line-height: 20px;
        padding-inline-end: 16px;
        padding-inline-start: 0;
        display: inline-block;
        margin: 0 !important; }
        .notification-pane .notification-pane__header .actions a:last-child, .notification-pane .notification-pane__header .actions button:last-child {
          border: 0; }
        .notification-pane .notification-pane__header .actions a:hover, .notification-pane .notification-pane__header .actions button:hover {
          color: var(--color-text); }
  .notification-pane .notification-pane__title {
    font-size: 16px;
    color: var(--color-text);
    padding: 10px;
    font-weight: 300;
    margin-inline-end: auto; }
  .notification-pane .notification-pane__content {
    grid-row: 2 / 2;
    grid-column: 1 / 2;
    overflow-y: auto;
    position: relative; }
    .notification-pane .notification-pane__content .module {
      margin-block-start: 20px; }
      .notification-pane .notification-pane__content .module .title {
        font-size: 16px;
        color: var(--color-text);
        padding: 10px;
        font-weight: 300; }

.card-box {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--sd-item__main-Bg);
  font-size: 13px;
  color: var(--color-text); }
  .card-box--with-click:hover {
    background-color: var(--sd-item__main-Bg--hover);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.5); }
  .card-box--flex {
    display: flex;
    flex-direction: column; }
  .card-box .card-box__header {
    background-color: #607c8a;
    padding: 0;
    border-radius: 4px 4px 0 0;
    color: white;
    box-sizing: border-box; }
    .card-box .card-box__header::before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      inset-inline-end: 0;
      height: 8px;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 4px 4px 0 0; }
    .card-box .card-box__header .dropdown {
      float: inline-end;
      margin-block-start: 8px; }
      .card-box .card-box__header .dropdown .dropdown__menu {
        margin-block-start: 0; }
      .card-box .card-box__header .dropdown .dropdown__toggle {
        border: none;
        outline: none;
        padding: 0 8px;
        display: block;
        background: transparent;
        height: 42px;
        text-align: center;
        line-height: 0;
        font-size: 15px;
        position: relative;
        z-index: 2;
        opacity: .4; }
        .card-box .card-box__header .dropdown .dropdown__toggle i {
          color: white; }
        .card-box .card-box__header .dropdown .dropdown__toggle:hover {
          opacity: .7; }
      .card-box .card-box__header .dropdown.open .dropdown__toggle {
        opacity: 1; }
    .card-box .card-box__header--empty {
      height: 8px; }
    .card-box .card-box__header--padded-flex {
      display: flex;
      padding: 14px 24px 6px 14px; }
      .card-box .card-box__header--padded-flex i {
        color: white;
        opacity: 0.7;
        padding-inline-end: 10px; }
  .card-box.inactive .card-box__header {
    background-color: #ababab; }
  .card-box.active .card-box__header {
    background-color: var(--sd-item__main-Bg--activated); }
  .card-box .card-box__heading {
    padding: 20px 16px 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white; }
    .card-box .card-box__heading--editable {
      padding: 10px 16px 10px;
      text-transform: initial; }
      .card-box .card-box__heading--editable:hover {
        cursor: text; }
      .card-box .card-box__heading--editable > div {
        padding: 9px 0 3px 0; }
      .card-box .card-box__heading--editable > input {
        margin-block-start: 6px; }
  .card-box .card-box__sub-heading {
    background-color: var(--sd-colour-panel-bg--100);
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text);
    text-transform: uppercase;
    padding: 4px 16px; }
    .card-box .card-box__sub-heading.success {
      background-color: #8bc34a;
      color: white; }
  .card-box .card-box__btn-group {
    margin: 14px 6px 0 0; }
    .card-box .card-box__btn-group--right {
      float: inline-end; }
    .card-box .card-box__btn-group .btn {
      background: transparent;
      padding: 10px 2px;
      color: white;
      opacity: 0.4; }
      .card-box .card-box__btn-group .btn:focus, .card-box .card-box__btn-group .btn:hover {
        box-shadow: none;
        opacity: 1; }
      .card-box .card-box__btn-group .btn [class^="icon-"],
      .card-box .card-box__btn-group .btn [class*=" icon-"] {
        color: white; }
  .card-box .card-box__thumbnail {
    padding-block-start: 8px;
    line-height: 0; }
    .card-box .card-box__thumbnail + .heading {
      background-color: var(--sd-colour-panel-bg--200);
      font-weight: 500;
      text-align: center;
      color: var(--color-text);
      padding: 10px 16px; }
  .card-box .card-box__content {
    padding: 16px;
    flex-grow: 1; }
    .card-box .card-box__content h4 {
      text-transform: uppercase;
      font-size: 11px;
      color: var(--color-text-light);
      letter-spacing: 0.04em;
      margin-block-end: 4px; }
      .card-box .card-box__content h4.with-value {
        margin-block-end: 0; }
      .card-box .card-box__content h4 .label {
        float: inline-end;
        box-sizing: border-box;
        height: 15px;
        margin: auto 0;
        padding: 3px 5px 0;
        border-radius: 999px;
        color: white;
        background: rgba(99, 99, 99, 0.45);
        font-size: 10px;
        line-height: 100%;
        letter-spacing: .06em;
        font-weight: 400; }
      .card-box .card-box__content h4 .value-label {
        float: inline-end;
        font-size: 13px;
        color: var(--color-text);
        font-weight: 400;
        text-transform: none;
        letter-spacing: 0em; }
      .card-box .card-box__content h4.card-box__h4--normal-case {
        font-size: 12px;
        text-transform: initial; }
    .card-box .card-box__content--scrollable {
      min-height: 20vh;
      max-height: 30vh;
      overflow-y: auto; }
  .card-box .card-box__placeholder {
    padding: 16px;
    flex-grow: 1;
    height: calc(100% - 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light);
    font-weight: 300;
    font-size: 1.2rem; }
    .card-box .card-box__placeholder--cursorPointer {
      cursor: pointer; }
  .card-box .card-box__content-list {
    margin: -16px;
    padding: 0;
    list-style: none; }
    .card-box .card-box__content-list li, .card-box .card-box__content-list .card-box__content-list-item {
      padding: 16px;
      border-block-end: 1px solid var(--sd-colour-line--light); }
      .card-box .card-box__content-list li--inline, .card-box .card-box__content-list .card-box__content-list-item--inline {
        display: flex; }
        .card-box .card-box__content-list li--inline h4, .card-box .card-box__content-list .card-box__content-list-item--inline h4 {
          flex: 1 1; }
        .card-box .card-box__content-list li--inline span, .card-box .card-box__content-list .card-box__content-list-item--inline span {
          flex: 1 1;
          text-align: end; }
      .card-box .card-box__content-list li .card-box__content-list-inline-span, .card-box .card-box__content-list .card-box__content-list-item .card-box__content-list-inline-span {
        display: inline-block; }
      .card-box .card-box__content-list li:last-child, .card-box .card-box__content-list .card-box__content-list-item:last-child {
        border: none; }
      .card-box .card-box__content-list li--border-bottom:last-child, .card-box .card-box__content-list .card-box__content-list-item--border-bottom:last-child {
        border-block-end: 1px solid var(--sd-colour-line--light); }
      .card-box .card-box__content-list li--small, .card-box .card-box__content-list .card-box__content-list-item--small {
        padding: 7px 16px; }
        .card-box .card-box__content-list li--small h4, .card-box .card-box__content-list .card-box__content-list-item--small h4 {
          margin: 0; }
    .card-box .card-box__content-list .creation-time {
      display: block;
      font-size: 12px;
      color: var(--color-text-light); }
      .card-box .card-box__content-list .creation-time i {
        display: inline-block;
        opacity: 0.5;
        margin-block-start: -2px; }
    .card-box .card-box__content-list .button__view-all {
      border-block-end: 1px dotted #5598B4;
      color: #5598B4;
      cursor: pointer; }
  .card-box .card-box__article-header {
    padding: 16px; }
  .card-box .card-box__time-date {
    font-size: 11px;
    color: var(--color-text-lighter);
    font-weight: 300; }
    .card-box .card-box__time-date--reverse-color {
      color: rgba(255, 255, 255, 0.6); }
  .card-box .cardbox__close {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 6px;
    z-index: 3; }
  .card-box .card-box__footer {
    padding: 14px 16px;
    border-block-start: 1px solid var(--sd-colour-line--medium);
    background-color: var(--sd-item__main-Bg);
    border-radius: 0 0 4px 4px; }
    .card-box .card-box__footer--light {
      background-color: var(--sd-item__main-Bg); }
  .card-box .card-box__full-click {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    z-index: 2; }

.flex-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto; }
  .flex-grid .flex-item {
    position: relative; }
  .flex-grid.wrap-items {
    flex-wrap: wrap; }
  .flex-grid.content-center {
    justify-content: center; }
  .flex-grid.two-lines-heading .header {
    min-height: 72px; }
  .flex-grid.box .flex-item {
    margin: 16px; }
  .flex-grid.box.small-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.small-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.small-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.small-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.small-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.small-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.small-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.small-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.small-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.small-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.small-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.small-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

@media only screen and (min-width: 40em) {
  .flex-grid.box.medium-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.medium-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.medium-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.medium-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.medium-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.medium-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.medium-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.medium-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.medium-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.medium-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.medium-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.medium-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 60em) {
  .flex-grid.box.large-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.large-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.large-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.large-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.large-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.large-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.large-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.large-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.large-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.large-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.large-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.large-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 100em) {
  .flex-grid.box.xlarge-6 .flex-item {
    -webkit-flex: 0 0 calc(16.6666% - 32px);
    -ms-flex: 0 0 calc(16.6666% - 32px);
    flex: 0 0 calc(16.6666% - 32px);
    max-width: calc(16.6666% - 32px); }
  .flex-grid.box.xlarge-5 .flex-item {
    -webkit-flex: 0 0 calc(20% - 32px);
    -ms-flex: 0 0 calc(20% - 32px);
    flex: 0 0 calc(20% - 32px);
    max-width: calc(20% - 32px); }
  .flex-grid.box.xlarge-4 .flex-item {
    -webkit-flex: 0 0 calc(25% - 32px);
    -ms-flex: 0 0 calc(25% - 32px);
    flex: 0 0 calc(25% - 32px);
    max-width: calc(25% - 32px); }
  .flex-grid.box.xlarge-3 .flex-item {
    -webkit-flex: 0 0 calc(33.3333% - 32px);
    -ms-flex: 0 0 calc(33.3333% - 32px);
    flex: 0 0 calc(33.3333% - 32px);
    max-width: calc(33.3333% - 32px); }
  .flex-grid.box.xlarge-2 .flex-item {
    -webkit-flex: 0 0 calc(50% - 32px);
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px); }
  .flex-grid.box.xlarge-1 .flex-item {
    -webkit-flex: 0 0 calc(100% - 32px);
    -ms-flex: 0 0 calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px); }
  .flex-grid.xlarge-6 .flex-item {
    -webkit-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }
  .flex-grid.xlarge-5 .flex-item {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid.xlarge-4 .flex-item {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid.xlarge-3 .flex-item {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }
  .flex-grid.xlarge-2 .flex-item {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid.xlarge-1 .flex-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

.loading-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0; }
  .loading-overlay.active {
    width: 100%;
    height: 100%;
    background: #fff url(bc64c8da982d3a424c62b4d324c50a18.gif) no-repeat center;
    z-index: 1000;
    opacity: 0.5; }

.tab-box {
  display: flex;
  padding-block-end: 20px; }
  .tab-box__item {
    flex: 1;
    font-size: 11px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-text-light);
    background-color: transparent;
    border: 0;
    border-block-end: 1px solid var(--sd-colour-line--medium);
    border-inline-end: 1px solid var(--sd-colour-line--medium); }
    .tab-box__item:last-of-type {
      border-inline-end: 0; }
    .tab-box__item--active {
      color: var(--sd-colour-interactive);
      border-block-start: 1px solid var(--sd-colour-line--medium);
      border-block-end: 0; }

.loading-overlay-for-tree-dot {
  position: relative; }
  .loading-overlay-for-tree-dot.active {
    background: url(7c1b95c97eccfcbd1a28779d24554dab.svg) no-repeat center;
    opacity: 0.5;
    text-indent: -9999px;
    background-size: 20%; }

.sd-content-wrapper__main-content-area {
  grid-column: contentArea;
  overflow: auto;
  height: calc(100vh - 80px); }

.sd-main-content-grid__content-inner {
  height: 100%; }

.sd-main-content-grid__preview .search-box {
  margin-block-start: -10px;
  margin-inline-start: -10px;
  margin-inline-end: -10px; }

.sd-main-content-grid__preview .content-list-holder {
  display: contents; }

p {
  margin: 0 0 9px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px; }
  p small {
    font-size: 11px;
    color: #8c97a6; }

.lead {
  margin-block-end: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  color: inherit;
  text-rendering: optimizelegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #8c97a6; }

h1 {
  font-size: 30px;
  line-height: 36px; }
  h1 small {
    font-size: 18px; }

h2 {
  font-size: 22px;
  line-height: 36px; }
  h2 small {
    font-size: 18px; }

h3 {
  line-height: 27px;
  font-size: 18px; }
  h3 small {
    font-size: 14px; }

h4, h5, h6 {
  line-height: 18px; }

h4 {
  font-size: 14px; }
  h4 small {
    font-size: 12px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px;
  color: #8c97a6; }

.page-header {
  padding-block-end: 17px;
  margin: 18px 0;
  border-block-end: 1px solid #f3f5f6; }

.page-header h1 {
  line-height: 1; }

figure {
  margin: 0;
  padding: 0; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-block-end: 0; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.html-preview ul {
  list-style-type: disc;
  padding-inline-start: 40px;
  margin-block-start: 1em;
  margin-block-end: 1em; }

ol {
  list-style: decimal; }

li {
  line-height: 18px; }

ul.unstyled,
ol.unstyled {
  margin-inline-start: 0;
  list-style: none; }

dl {
  margin-block-end: 18px; }

dt,
dd {
  line-height: 18px; }

dt {
  font-weight: bold;
  line-height: 17px; }

dd {
  margin-inline-start: 9px; }

.dl-horizontal dt {
  float: inline-start;
  clear: left;
  width: 120px;
  text-align: end; }

.dl-horizontal dd {
  margin-inline-start: 130px; }

hr {
  margin: 18px 0;
  border: 0;
  border-block-start: 1px solid rgba(123, 123, 123, 0.4);
  border-block-end: none; }
  hr.hr--dotted {
    border-block-start: 1px dotted rgba(123, 123, 123, 0.4); }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.muted {
  color: #8c97a6; }

abbr[title] {
  border-block-end: 1px dotted #ddd;
  cursor: help; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

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

address {
  display: block;
  margin-block-end: 18px;
  line-height: 18px;
  font-style: normal; }

small {
  font-size: 100%; }

cite {
  font-style: normal; }

.italicAbstract .abstract {
  font-style: italic; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

.p-datepicker {
  z-index: 1060 !important; }

form {
  margin: 0; }

input[disabled],
textarea[disabled],
button[disabled],
[disabled],
[data-disabled] {
  cursor: not-allowed; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }
  fieldset.separated {
    border: 1px solid var(--sd-colour-line--light);
    border-width: 1px 0;
    padding-block-end: 10px; }

legend {
  display: block;
  padding: 0 6px 0 0;
  margin-block-end: 10px;
  font-size: 12px;
  line-height: 31px;
  color: var(--color-text-light);
  border: 0;
  text-transform: uppercase;
  font-weight: 500;
  background-color: transparent; }
  legend.small {
    margin-block-end: 10px; }
  legend small {
    font-size: 13.5px;
    color: #8c97a6; }

input,
button,
select,
textarea {
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

label {
  display: block;
  margin-block-end: 5px; }

input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  min-height: 18px;
  padding: 4px;
  margin-block-end: 9px;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-radius: 2px; }

.uneditable-textarea {
  width: auto;
  height: auto; }

label input,
label textarea,
label select {
  display: block; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 2px 0;
  display: inline-block;
  line-height: normal;
  cursor: pointer;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */ }

input[type="image"] {
  border: 0; }

input[type="text"],
input[type="number"],
input[type="password"],
textarea {
  color: var(--color-text); }
  input[type="text"]::placeholder,
  input[type="number"]::placeholder,
  input[type="password"]::placeholder,
  textarea::placeholder {
    color: var(--color-text-lighter);
    font-style: italic; }

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: white;
  background-color: initial;
  box-shadow: none; }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto; }

select {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  line-height: 28px; }

input[type="file"] {
  height: 28px;
  padding-block-start: 4px;
  font-size: 13px; }

select {
  width: 220px;
  background-color: white; }

select[multiple],
select[size] {
  height: auto; }

input[type="image"] {
  box-shadow: none; }

textarea {
  height: auto; }

input[type="hidden"] {
  display: none; }

.legend {
  padding: 0;
  color: #8c97a6;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 0 10px 0; }

.radio,
.checkbox {
  padding-inline-start: 18px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: inline-start;
  margin-inline-start: -18px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-block-start: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-block-start: 5px;
  margin-block-end: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-inline-start: 10px; }

.sd-radio {
  position: relative;
  padding-inline-start: 3px; }
  .sd-radio input[type="radio"] {
    visibility: hidden; }
    .sd-radio input[type="radio"] + .check {
      display: inline-block;
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      border: 2px solid #ccc;
      vertical-align: middle;
      margin-inline-start: 0px; }
    .sd-radio input[type="radio"]:checked + .check {
      border: 2px solid #5ea9c8; }
      .sd-radio input[type="radio"]:checked + .check:before {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        margin: 2px 0 0 2px;
        background-color: #5ea9c8;
        border-radius: 50%;
        box-sizing: border-box; }
  .sd-radio:hover input[type="radio"] + .check {
    border: 2px solid #8c97a6; }
  .sd-radio:hover input[type="radio"]:checked + .check {
    border: 2px solid #5ea9c8; }

input, textarea, select {
  width: 100%; }

.input-mini {
  width: 50px !important; }

.input-small {
  width: 90px !important; }

.input-medium {
  width: 150px !important; }

.input-large {
  width: 210px !important; }

.input-xlarge {
  width: 270px !important; }

.input-xxlarge {
  width: 530px !important; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed; }

.sd-required {
  font-size: 11px;
  font-style: italic;
  color: var(--sd-editor-colour__txt); }

.sd-validate:not(.field) label:after {
  color: #E51C23;
  content: '*';
  vertical-align: top;
  font-size: 12px;
  padding-inline-start: 3px; }

.sd-validate .sd-required {
  font-size: 11px;
  font-style: italic;
  padding-inline-start: 5px;
  color: #2c323a; }

.sd-validate .sd-invalid-text {
  display: none;
  font-size: 11px;
  font-style: italic;
  padding-inline-start: 5px;
  color: #E51C23; }

.sd-validate.sd-invalid label span {
  color: red; }

.sd-validate.sd-invalid input, .sd-validate.sd-invalid textarea, .sd-validate.sd-invalid .text-editor, .sd-validate.sd-invalid .line-input,
.sd-validate.sd-invalid input:focus, .sd-validate.sd-invalid textarea:focus, .sd-validate.sd-invalid .text-editor:focus,
.sd-validate.sd-invalid input:hover, .sd-validate.sd-invalid textarea:hover, .sd-validate.sd-invalid text-editor:hover {
  border-block-end: 1px solid red !important;
  border-bottom-color: red !important;
  box-shadow: none !important; }

.sd-validate.sd-invalid.field label {
  background-color: red; }
  .sd-validate.sd-invalid.field label span {
    border-block-end: 0 !important;
    color: white; }

.sd-validate.sd-invalid .sd-required {
  color: #E51C23; }

.sd-validate.sd-invalid .sd-invalid-text {
  display: inline-block; }

.sd-validate.field label span {
  border-block-end: 0 !important; }

.form-actions {
  padding: 17px 20px 18px;
  margin-block-start: 18px;
  margin-block-end: 18px;
  background-color: #f3f5f6;
  border-block-start: 1px solid #ddd;
  *zoom: 1; }
  .form-actions:before, .form-actions:after {
    display: table;
    content: ""; }
  .form-actions:after {
    clear: both; }

.uneditable-input {
  display: block;
  background-color: white;
  border-color: #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

:-moz-placeholder {
  color: #8c97a6; }

::-webkit-input-placeholder {
  color: #8c97a6; }

.input-prepend,
.input-append {
  margin-block-end: 5px; }
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input,
  .input-append input,
  .input-append select,
  .input-append .uneditable-input {
    *margin-inline-start: 0;
    border-radius: 0 3px 3px 0; }
    .input-prepend input:focus,
    .input-prepend select:focus,
    .input-prepend .uneditable-input:focus,
    .input-append input:focus,
    .input-append select:focus,
    .input-append .uneditable-input:focus {
      position: relative;
      z-index: 2; }
  .input-prepend .uneditable-input,
  .input-append .uneditable-input {
    border-left-color: #ccc; }
  .input-prepend .add-on,
  .input-append .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 white;
    vertical-align: middle;
    background-color: #f3f5f6;
    border: 1px solid #ccc; }
  .input-prepend .add-on,
  .input-append .add-on {
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 5; }
  .input-prepend .active,
  .input-append .active {
    background-color: #a9dba9;
    border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-inline-end: -1px; }

.input-append input,
.input-append select .uneditable-input {
  border-radius: 3px 0 0 3px;
  margin-block-end: 0; }

.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc; }

.input-append .add-on {
  padding-block-end: 3px !important;
  margin-inline-start: -4px;
  border-radius: 0 3px 3px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-inline-end: -1px;
  border-radius: 3px 0 0 3px; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-inline-start: -1px;
  border-radius: 0 3px 3px 0; }

.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: inline-block;
  margin-block-end: 0; }

.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-inline label {
  display: inline-block; }

.form-inline .input-append,
.form-inline .input-prepend {
  margin-block-end: 0; }

.form-inline .radio,
.form-inline .checkbox {
  padding-inline-start: 0;
  margin-block-end: 0;
  vertical-align: middle; }

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: inline-start;
  margin-inline-start: 0;
  margin-inline-end: 3px; }

select {
  padding: 4px; }

.inline-input {
  border: 0;
  margin: 0 !important;
  vertical-align: baseline;
  box-shadow: none; }
  .inline-input:focus {
    box-shadow: none !important;
    box-shadow: inset none !important; }

.large-text-input {
  height: 37px !important;
  font-size: 16px !important;
  line-height: 25px !important; }

/* FORM ELEMENTS */
form fieldset, form .fieldset, ng-form fieldset, ng-form .fieldset {
  *zoom: 1; }
  form fieldset:before, form fieldset:after, form .fieldset:before, form .fieldset:after, ng-form fieldset:before, ng-form fieldset:after, ng-form .fieldset:before, ng-form .fieldset:after {
    display: table;
    content: ""; }
  form fieldset:after, form .fieldset:after, ng-form fieldset:after, ng-form .fieldset:after {
    clear: both; }
  form fieldset .field, form .fieldset .field, ng-form fieldset .field, ng-form .fieldset .field {
    margin-block-end: 24px;
    width: 100%; }
    form fieldset .field > .inline-label, form .fieldset .field > .inline-label, ng-form fieldset .field > .inline-label, ng-form .fieldset .field > .inline-label {
      margin-inline-start: 20px;
      margin-inline-end: -10px; }
    form fieldset .field input[type="text"], form fieldset .field select, form fieldset .field textarea, form .fieldset .field input[type="text"], form .fieldset .field select, form .fieldset .field textarea, ng-form fieldset .field input[type="text"], ng-form fieldset .field select, ng-form fieldset .field textarea, ng-form .fieldset .field input[type="text"], ng-form .fieldset .field select, ng-form .fieldset .field textarea {
      color: var(--color-text);
      background-color: var(--sd-colour-panel-bg--000);
      border-color: var(--sd-colour-line--medium);
      border-radius: var(--b-radius--small);
      transition: all 0.2s ease-in-out;
      min-height: 3.2rem; }
      form fieldset .field input[type="text"]:hover, form fieldset .field select:hover, form fieldset .field textarea:hover, form .fieldset .field input[type="text"]:hover, form .fieldset .field select:hover, form .fieldset .field textarea:hover, ng-form fieldset .field input[type="text"]:hover, ng-form fieldset .field select:hover, ng-form fieldset .field textarea:hover, ng-form .fieldset .field input[type="text"]:hover, ng-form .fieldset .field select:hover, ng-form .fieldset .field textarea:hover {
        border-color: var(--sd-colour-line--strong); }
      form fieldset .field input[type="text"]:active, form fieldset .field input[type="text"]:focus, form fieldset .field select:active, form fieldset .field select:focus, form fieldset .field textarea:active, form fieldset .field textarea:focus, form .fieldset .field input[type="text"]:active, form .fieldset .field input[type="text"]:focus, form .fieldset .field select:active, form .fieldset .field select:focus, form .fieldset .field textarea:active, form .fieldset .field textarea:focus, ng-form fieldset .field input[type="text"]:active, ng-form fieldset .field input[type="text"]:focus, ng-form fieldset .field select:active, ng-form fieldset .field select:focus, ng-form fieldset .field textarea:active, ng-form fieldset .field textarea:focus, ng-form .fieldset .field input[type="text"]:active, ng-form .fieldset .field input[type="text"]:focus, ng-form .fieldset .field select:active, ng-form .fieldset .field select:focus, ng-form .fieldset .field textarea:active, ng-form .fieldset .field textarea:focus {
        border-color: var(--sd-colour-interactive);
        box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-30); }
  form fieldset .multiple, form .fieldset .multiple, ng-form fieldset .multiple, ng-form .fieldset .multiple {
    display: flex; }
    form fieldset .multiple .field, form fieldset .multiple .flex-field, form .fieldset .multiple .field, form .fieldset .multiple .flex-field, ng-form fieldset .multiple .field, ng-form fieldset .multiple .flex-field, ng-form .fieldset .multiple .field, ng-form .fieldset .multiple .flex-field {
      flex: 1 1 auto;
      margin-block-end: 0; }
      form fieldset .multiple .field:not(.btn), form fieldset .multiple .flex-field:not(.btn), form .fieldset .multiple .field:not(.btn), form .fieldset .multiple .flex-field:not(.btn), ng-form fieldset .multiple .field:not(.btn), ng-form fieldset .multiple .flex-field:not(.btn), ng-form .fieldset .multiple .field:not(.btn), ng-form .fieldset .multiple .flex-field:not(.btn) {
        padding-inline-end: 20px; }
      form fieldset .multiple .field:last-child:not(.btn), form fieldset .multiple .flex-field:last-child:not(.btn), form .fieldset .multiple .field:last-child:not(.btn), form .fieldset .multiple .flex-field:last-child:not(.btn), ng-form fieldset .multiple .field:last-child:not(.btn), ng-form fieldset .multiple .flex-field:last-child:not(.btn), ng-form .fieldset .multiple .field:last-child:not(.btn), ng-form .fieldset .multiple .flex-field:last-child:not(.btn) {
        padding-inline-end: 0; }
      form fieldset .multiple .field.no-grow, form fieldset .multiple .flex-field.no-grow, form .fieldset .multiple .field.no-grow, form .fieldset .multiple .flex-field.no-grow, ng-form fieldset .multiple .field.no-grow, ng-form fieldset .multiple .flex-field.no-grow, ng-form .fieldset .multiple .field.no-grow, ng-form .fieldset .multiple .flex-field.no-grow {
        flex: 0 1 auto; }
      form fieldset .multiple .field.no-shrink, form fieldset .multiple .flex-field.no-shrink, form .fieldset .multiple .field.no-shrink, form .fieldset .multiple .flex-field.no-shrink, ng-form fieldset .multiple .field.no-shrink, ng-form fieldset .multiple .flex-field.no-shrink, ng-form .fieldset .multiple .field.no-shrink, ng-form .fieldset .multiple .flex-field.no-shrink {
        flex: 1 0 auto; }
    form fieldset .multiple .btn, form .fieldset .multiple .btn, ng-form fieldset .multiple .btn, ng-form .fieldset .multiple .btn {
      white-space: nowrap; }
  form fieldset + legend, form .fieldset + legend, ng-form fieldset + legend, ng-form .fieldset + legend {
    margin-block-start: 20px; }
  form fieldset + fieldset, form fieldset + .fieldset, form .fieldset + fieldset, form .fieldset + .fieldset, ng-form fieldset + fieldset, ng-form fieldset + .fieldset, ng-form .fieldset + fieldset, ng-form .fieldset + .fieldset {
    margin-block-start: 16px; }

form.form-horizontal .field > label, ng-form.form-horizontal .field > label {
  width: 150px;
  padding-inline-end: 20px;
  text-align: end;
  float: inline-start; }

form.form-horizontal .field .control, ng-form.form-horizontal .field .control {
  margin-inline-start: 170px; }

.field {
  margin-block-end: 24px;
  width: 100%; }
  .field > .inline-label {
    margin-inline-start: 20px;
    margin-inline-end: -10px; }
  .field label:not(.sd-checkbox) {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-lighter);
    text-transform: uppercase;
    height: 18px;
    letter-spacing: 0.08em; }
    .field label:not(.sd-checkbox).inline-label {
      color: var(--color-text);
      text-transform: none;
      font-size: 13px;
      line-height: 18px;
      display: inline-block;
      margin-inline-end: 20px;
      font-weight: 400;
      letter-spacing: normal; }
  .field .sd-checkbox label {
    font-size: 1.3rem;
    font-weight: 400;
    color: inherit;
    text-transform: none;
    height: auto;
    letter-spacing: 0; }

form.flat .title, .form-flat .title {
  padding: 0 10px 10px 0;
  color: var(--color-text);
  font-size: 16px;
  line-height: 22px; }

form.flat .required-info, .form-flat .required-info {
  display: none;
  font-size: 11px;
  color: #999;
  float: inline-end; }

form.flat fieldset, form.flat .fieldset, .form-flat fieldset, .form-flat .fieldset {
  margin-block-end: 20px;
  position: relative; }
  form.flat fieldset legend, form.flat fieldset .legend, form.flat .fieldset legend, form.flat .fieldset .legend, .form-flat fieldset legend, .form-flat fieldset .legend, .form-flat .fieldset legend, .form-flat .fieldset .legend {
    padding: 0;
    color: var(--color-text);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 0;
    margin-block-start: 20px; }
  form.flat fieldset .item, form.flat .fieldset .item, .form-flat fieldset .item, .form-flat .fieldset .item {
    width: 100%;
    font-size: 13px;
    color: var(--color-text);
    position: relative;
    box-sizing: border-box;
    height: auto;
    line-height: 24px;
    padding: 10px 2px; }
    form.flat fieldset .item .required-asteriks, form.flat .fieldset .item .required-asteriks, .form-flat fieldset .item .required-asteriks, .form-flat .fieldset .item .required-asteriks {
      font-size: 12px;
      color: #999;
      position: absolute;
      inset-inline-end: 10px;
      inset-block-start: 8px; }
    form.flat fieldset .item label, form.flat .fieldset .item label, .form-flat fieldset .item label, .form-flat .fieldset .item label {
      color: var(--color-text);
      min-width: 100px;
      margin-inline-end: 10px;
      display: inline-block; }
    form.flat fieldset .item a, form.flat .fieldset .item a, .form-flat fieldset .item a, .form-flat .fieldset .item a {
      color: #3599b6; }
    form.flat fieldset .item .info-value, form.flat .fieldset .item .info-value, .form-flat fieldset .item .info-value, .form-flat .fieldset .item .info-value {
      display: inline-block;
      vertical-align: middle; }
      form.flat fieldset .item .info-value .sdselect-btn, form.flat .fieldset .item .info-value .sdselect-btn, .form-flat fieldset .item .info-value .sdselect-btn, .form-flat .fieldset .item .info-value .sdselect-btn {
        float: inline-start;
        color: var(--color-text);
        width: auto; }
        form.flat fieldset .item .info-value .sdselect-btn .caret, form.flat .fieldset .item .info-value .sdselect-btn .caret, .form-flat fieldset .item .info-value .sdselect-btn .caret, .form-flat .fieldset .item .info-value .sdselect-btn .caret {
          margin-inline-start: 5px; }
    form.flat fieldset .item.password .info-value, form.flat .fieldset .item.password .info-value, .form-flat fieldset .item.password .info-value, .form-flat .fieldset .item.password .info-value {
      -webkit-text-security: disc; }
      form.flat fieldset .item.password .info-value .info-editable, form.flat .fieldset .item.password .info-value .info-editable, .form-flat fieldset .item.password .info-value .info-editable, .form-flat .fieldset .item.password .info-value .info-editable {
        -webkit-text-security: disc; }
    form.flat fieldset .item.password .change-btn:hover, form.flat .fieldset .item.password .change-btn:hover, .form-flat fieldset .item.password .change-btn:hover, .form-flat .fieldset .item.password .change-btn:hover {
      cursor: pointer; }
    form.flat fieldset .item p.info-editable, form.flat .fieldset .item p.info-editable, .form-flat fieldset .item p.info-editable, .form-flat .fieldset .item p.info-editable {
      margin: 0; }
    form.flat fieldset .item .info-editable, form.flat .fieldset .item .info-editable, .form-flat fieldset .item .info-editable, .form-flat .fieldset .item .info-editable {
      min-width: 275px;
      border-color: rgba(0, 0, 0, 0.1) !important;
      border-width: 0 0 1px 0 !important;
      border-radius: 0px !important;
      font-size: 13px;
      text-overflow: ellipsis;
      margin-inline-start: -6px;
      background-color: transparent;
      color: #000 !important;
      box-sizing: border-box;
      margin-block-start: 0;
      transition: 0.3s; }
      form.flat fieldset .item .info-editable:hover, form.flat .fieldset .item .info-editable:hover, .form-flat fieldset .item .info-editable:hover, .form-flat .fieldset .item .info-editable:hover {
        border-color: rgba(0, 0, 0, 0.25) !important; }
      form.flat fieldset .item .info-editable:focus, form.flat .fieldset .item .info-editable:focus, .form-flat fieldset .item .info-editable:focus, .form-flat .fieldset .item .info-editable:focus {
        box-shadow: 0 1px 0 0 #5ea9c8 !important;
        border-color: #5ea9c8 !important; }
    form.flat fieldset .item input.info-editable, form.flat .fieldset .item input.info-editable, .form-flat fieldset .item input.info-editable, .form-flat .fieldset .item input.info-editable {
      min-width: auto; }
    form.flat fieldset .item textarea.info-editable, form.flat .fieldset .item textarea.info-editable, .form-flat fieldset .item textarea.info-editable, .form-flat .fieldset .item textarea.info-editable {
      height: 150px;
      width: 100%;
      max-width: 100%;
      line-height: 18px;
      margin-inline-start: 0; }
    form.flat fieldset .item select.info-editable, form.flat .fieldset .item select.info-editable, .form-flat fieldset .item select.info-editable, .form-flat .fieldset .item select.info-editable {
      padding: 0 !important;
      border: 1px solid #d0d0d0 !important; }
      form.flat fieldset .item select.info-editable:focus, form.flat .fieldset .item select.info-editable:focus, .form-flat fieldset .item select.info-editable:focus, .form-flat .fieldset .item select.info-editable:focus {
        text-decoration: none !important; }
  form.flat fieldset.label-light label, form.flat .fieldset.label-light label, .form-flat fieldset.label-light label, .form-flat .fieldset.label-light label {
    color: #8c97a6;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500; }

[sd-slider].ui-slider {
  margin-inline-start: 10px;
  border-block-start: 2px solid #5ea9c8; }
  [sd-slider].ui-slider .ui-slider-range {
    transition: width 0.1s;
    margin-block-start: -2px;
    border-block-start: 2px solid #ccc; }
  [sd-slider].ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    inset-block-start: -7px;
    margin-inline-start: -6px;
    transition: left 0.1s;
    border-radius: 50%;
    background-color: #5ea9c8; }
  [sd-slider].ui-slider .ui-slider-thumb {
    font-size: 28px;
    text-align: center;
    color: white;
    position: absolute;
    margin-inline-start: -27px;
    inset-block-start: -50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background-color: #5ea9c8;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: translate(0, 70px, 0);
    transform: translate(0, 70px, 0);
    transition: all 0.2s ease-in-out; }
    [sd-slider].ui-slider .ui-slider-thumb:after {
      position: absolute;
      content: '';
      inset-inline-start: 0;
      border-radius: 28px;
      inset-block-start: 35px;
      border-inline-start: 25px solid transparent;
      border-inline-end: 25px solid transparent;
      border-top-width: 28px;
      border-top-style: solid;
      border-top-color: #5ea9c8;
      -webkit-transform: translate(0, -8px, 0);
      transform: translate(0, -8px, 0);
      transition: all 0.1s ease-in-out; }
    [sd-slider].ui-slider .ui-slider-thumb.ui-slider-thumb-active {
      -webkit-transform: scale(0.4);
      transform: scale(0.4); }
  [sd-slider].ui-slider .ui-slider-label {
    font-size: 8px;
    color: #c0c0c0;
    margin-block-start: -18px;
    text-transform: uppercase; }
    [sd-slider].ui-slider .ui-slider-label.left {
      float: inline-start; }
    [sd-slider].ui-slider .ui-slider-label.right {
      float: inline-end; }
  [sd-slider].ui-slider .ui-slider-indicator {
    font-size: 0;
    line-height: 0;
    padding-block-start: 7px; }
    [sd-slider].ui-slider .ui-slider-indicator span {
      display: inline-block;
      height: 5px;
      box-sizing: border-box;
      border-inline-start: 1px solid #d1d1d1; }
      [sd-slider].ui-slider .ui-slider-indicator span:last-of-type {
        border-inline-end: 1px solid #d1d1d1; }

.flex-header {
  display: flex;
  height: 20px;
  margin-block-end: 8px; }
  .flex-header .line {
    height: 1px;
    margin: auto 4px auto 0;
    background: #dcdcdc;
    flex: 1; }
  .flex-header .flex-space {
    height: 1px;
    margin: auto 4px auto 0;
    background: transparent;
    flex: 1; }
  .flex-header .flex-header-toggle {
    border: 0;
    padding: 0;
    margin: 0 5px 0;
    display: flex;
    background: transparent; }
    .flex-header .flex-header-toggle i {
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .flex-header .flex-header-toggle.closed i {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      margin: auto; }
  .flex-header .flex-header-name {
    padding: 0 8px 0 0;
    margin: auto 0;
    font-size: 12px;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em; }
    .flex-header .flex-header-name .lighten-text {
      color: #596473;
      font-weight: 400; }
  .flex-header .flex-header-label {
    box-sizing: border-box;
    height: 16px;
    margin: auto 0;
    padding: 3px 6px 0;
    border-radius: 8px;
    color: white;
    background: #bbb;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.06em;
    font-weight: 400; }

input.line-input, textarea.line-input, .dropdown__toggle.line-input {
  width: 100%;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0 !important;
  border: 0 !important;
  border-block-end: 1px solid var(--color-input-border) !important;
  background-color: var(--color-input-bg);
  padding: 0 0.8rem;
  height: 32px;
  font-size: 1.4rem;
  color: var(--color-text); }
  input.line-input:hover, textarea.line-input:hover, .dropdown__toggle.line-input:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  input.line-input:focus, textarea.line-input:focus, .dropdown__toggle.line-input:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

textarea.line-input {
  padding-block-start: 6px; }

.dropdown__toggle.line-input {
  position: relative;
  padding: 0 1.6rem 0 0.8rem !important;
  line-height: 24px;
  text-align: start;
  display: flex;
  align-items: center; }
  .dropdown__toggle.line-input .dropdown__caret {
    margin-inline-start: auto;
    margin-block-start: 0; }

.sd-terms--boxed .dropdown {
  width: 100%; }
  .sd-terms--boxed .dropdown .dropdown__menu {
    width: 100%; }

input.boxed-input, textarea.boxed-input, .dropdown__toggle.boxed-input, [sd-meta-place].boxed-input {
  width: 100%;
  border: 0;
  border-block-end: 1px solid var(--color-input-border) !important;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  min-height: 3.2rem;
  border-radius: 2px 2px 0 0;
  font-size: 13px; }
  input.boxed-input:hover, textarea.boxed-input:hover, .dropdown__toggle.boxed-input:hover, [sd-meta-place].boxed-input:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  input.boxed-input:focus, textarea.boxed-input:focus, .dropdown__toggle.boxed-input:focus, [sd-meta-place].boxed-input:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive) !important;
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

textarea.boxed-input {
  padding-block-start: 6px; }

.boxed-input[sd-meta-terms] {
  min-height: 3.2rem;
  border-radius: 2px 2px 0 0;
  background-color: var(--color-input-bg);
  padding: 4px 4px 0 4px; }

.boxed-input[sd-meta-place] {
  min-height: 3.2rem;
  padding: 4px 4px 0 4px; }

.boxed-input .dropdown__toggle.line-input {
  width: 100%;
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 1.6rem 0 0.8rem !important;
  min-height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0 !important;
  font-size: 1.4rem;
  color: var(--color-text); }
  .boxed-input .dropdown__toggle.line-input:hover {
    border-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  .boxed-input .dropdown__toggle.line-input:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

.boxed-input .dropdown__toggle .dropdown__caret {
  inset-inline-end: 6px !important; }

.boxed-input .dropdown__menu {
  margin-block-start: 1px !important;
  width: 100%; }

.boxed-input .dropdown.open .dropdown__toggle.line-input {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown__toggle.boxed-input {
  position: relative;
  padding: 0 15px 0 0 !important;
  line-height: 24px;
  text-align: start; }

.line-select {
  position: relative; }
  .line-select select {
    position: relative;
    z-index: 2;
    padding: 0 15px 0 0 !important;
    line-height: 24px;
    text-align: start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 0 !important;
    border: 0 !important;
    border-block-end: 1px solid rgba(0, 0, 0, 0.15) !important;
    background-color: transparent;
    padding: 0;
    height: 24px; }
    .line-select select:hover {
      border-color: rgba(0, 0, 0, 0.3) !important;
      background-color: transparent !important; }
    .line-select select:focus {
      box-shadow: 0 1px 0 0 #5ea9c8 !important;
      border-color: #5ea9c8 !important;
      background-color: transparent !important; }
  .line-select::after {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-block-start: -2px;
    border-inline-start: 4px solid transparent;
    border-inline-end: 4px solid transparent;
    border-block-start: 4px solid #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: "";
    z-index: 0; }
  .line-select:hover::after {
    opacity: 0.6;
    filter: alpha(opacity=60); }

input.line-input--inline-mini {
  text-align: center;
  width: 4.4rem; }

input[type="number"].line-input--inline-mini {
  width: 6rem;
  padding-inline-end: 4px; }

.sd-line-input input.sd-line-input__input.sd-line-input__input--mini {
  text-align: center;
  width: 4.4rem; }

.sd-line-input input[type="number"].sd-line-input__input.sd-line-input__input--mini {
  width: 6rem;
  padding-inline-end: 4px; }

.sd-line-input textarea.sd-line-input__input {
  resize: none; }

.sd-line-input select.sd-line-input__select.sd-line-input__select--mini {
  text-align: center;
  width: 4.4rem; }

.helper-text {
  display: inline-block;
  color: var(--color-text-light); }

.helper-text--after-icon {
  padding-inline-start: 0.5rem;
  vertical-align: top;
  font-weight: 300; }

.helper-text--padded {
  padding: 0 10px; }

.label--inline {
  text-transform: none;
  color: var(--color-text);
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-block-end: 0;
  vertical-align: top; }

.input-group {
  padding-block-start: 6px; }

.contenteditable-input {
  min-height: 23px;
  padding: 3px 0;
  background-color: transparent;
  border: none;
  border-block-end: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 16px; }
  .contenteditable-input:hover {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: transparent; }
  .contenteditable-input:focus {
    box-shadow: none;
    border-color: var(--sd-colour-interactive);
    background-color: transparent; }
  .contenteditable-input--side-padding {
    padding: 3px 6px; }

.fieldset-flex .field {
  display: flex; }

.fieldset-flex label {
  min-width: 100px;
  flex: 0 1 auto; }

.fieldset-flex .controls {
  flex: 1 1 auto; }

.label-asterisk:after {
  content: ' *'; }

.char-count {
  display: inline-block;
  margin-inline-start: 5px; }
  .char-count.error {
    color: #E51C23; }

.list-row {
  padding: 1rem 0; }

.list-row--dotted {
  border-block-end: 1px dotted var(--sd-colour-line--strong); }
  .list-row--dotted:first-child {
    border-block-start: 1px dotted var(--sd-colour-line--strong); }

.list-row--flex {
  display: flex;
  flex-direction: row;
  align-items: center; }

.list-row__item {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0; }

.list-row__item--block {
  display: block; }

.list-row__item--grow {
  flex-grow: 1; }

.list-row--small {
  padding: 0 0 1rem 0; }

.text-label {
  display: inline-block;
  color: var(--color-text-light);
  margin: 0; }

.column {
  padding: 2rem 0 1rem;
  clear: both; }

.column--mb24 {
  margin-block-end: 2.4rem; }

.basic-input {
  border: 1px solid var(--sd-colour-line--light);
  border-radius: 3px;
  padding-inline-end: 5px;
  padding-inline-start: 5px;
  transition: all 0.2s ease;
  color: var(--color-text);
  background-color: var(--sd-colour-bg__searchbar); }
  .basic-input:hover {
    border: 1px solid var(--sd-colour-line--strong); }
  .basic-input:focus {
    border: 1px solid var(--sd-colour-interactive--alpha-70);
    box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }
  .basic-input[disabled] {
    border-color: var(--sd-colour-line--x-light);
    background-color: var(--sd-colour-bg__searchbar); }

.form-group-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .form-group-horizontal > * {
    flex-grow: 1; }
  .form-group-horizontal > * + * {
    margin-inline-start: 1.2rem !important; }

.sd-line-input__select-custom {
  display: flex;
  height: 32px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-input-bg);
  border: none;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  border-block-end: 1px solid var(--color-input-border);
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  padding: 0 0.8rem; }
  .sd-line-input__select-custom:hover {
    border-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  .sd-line-input__select-custom:focus-within {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

.sd-line-input__custom-clear {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-end: 22px;
  z-index: 2;
  opacity: 0.4 !important;
  transition: opacity 0.2s ease;
  background: transparent; }
  .sd-line-input__custom-clear:hover {
    opacity: 0.75 !important;
    background: transparent !important; }

[class^="gform-input--"] {
  border: 1px solid var(--sd-colour-line--light);
  border-radius: 3px;
  padding-inline-end: 5px;
  padding-inline-start: 5px;
  transition: all 0.2s ease;
  color: var(--color-text);
  background-color: var(--sd-colour-bg__searchbar); }
  [class^="gform-input--"]:hover {
    border: 1px solid var(--sd-colour-line--strong); }
  [class^="gform-input--"]:focus {
    border: 1px solid var(--sd-colour-interactive--alpha-70);
    box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }
  [class^="gform-input--"][disabled] {
    border-color: var(--sd-colour-line--x-light);
    background-color: var(--sd-colour-bg__searchbar); }

.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: var(--sd-item__main-Bg);
  margin-block-end: 18px; }
  .table th,
  .table td {
    padding: 8px;
    line-height: 18px;
    text-align: start;
    vertical-align: top;
    border-block-start: 1px solid var(--sd-colour-line--medium); }
  .table th {
    font-weight: bold; }
  .table thead th {
    vertical-align: bottom; }
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-block-start: 0; }
  .table tbody + tbody {
    border-block-start: 2px solid var(--sd-colour-line--medium); }
  .table .blank-field {
    width: 100%; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid var(--sd-colour-line--medium);
  border-inline-start: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-radius: 4px; }
  .table-bordered th,
  .table-bordered td {
    border-inline-start: 1px solid var(--sd-colour-line--medium); }
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-block-start: 0; }
  .table-bordered thead:first-child tr:first-child th:first-child,
  .table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0; }
  .table-bordered thead:first-child tr:first-child th:last-child,
  .table-bordered tbody:first-child tr:first-child td:last-child {
    border-radius: 0 4px 0 0; }
  .table-bordered thead:last-child tr:last-child th:first-child,
  .table-bordered tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px; }
  .table-bordered thead:last-child tr:last-child th:last-child,
  .table-bordered tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 4px 0; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: var(--sd-item__main-Bg--alternate); }

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: var(--sd-item__main-Bg--hover); }

.table.styled-table {
  border-block-start: 2px solid var(--sd-colour-line--medium); }
  .table.styled-table th, .table.styled-table td {
    vertical-align: middle;
    background: var(--sd-item__main-Bg); }
    .table.styled-table th.align-right, .table.styled-table td.align-right {
      text-align: end; }
  .table.styled-table th {
    font-size: 14px;
    font-weight: 500;
    padding: 11px;
    color: var(--color-text); }

.table--fixed-header thead th {
  position: sticky;
  inset-block-start: 0; }

.table--fixed-header tbody {
  max-height: calc(100vh - 250px);
  overflow: auto;
  overflow-x: hidden; }

.table--fixed-header th, .table--fixed-header td {
  min-width: 80px; }

.bs-pagination {
  display: inline-block;
  padding-inline-start: 0;
  margin: 16px 0 12px; }

.bs-pagination a:hover {
  cursor: pointer; }

.bs-pagination > li {
  display: inline; }

.bs-pagination > li > a,
.bs-pagination > li > span {
  position: relative;
  float: inline-start;
  font-weight: 500;
  padding: 6px 10px;
  line-height: 1.2;
  min-height: 3rem;
  min-width: 3rem;
  text-decoration: none;
  text-align: center;
  color: var(--sd-colour-interactive);
  background-color: transparent;
  border: 2px solid var(--sd-colour-line--medium);
  margin: 0 2px;
  border-radius: 9999px;
  transition: all 0.2s ease-in-out;
  outline: none; }

.bs-pagination > li:first-child > a,
.bs-pagination > li:first-child > span,
.bs-pagination > li:last-child > a,
.bs-pagination > li:last-child > span {
  font-weight: 400; }

.bs-pagination > li > a:hover,
.bs-pagination > li > span:hover,
.bs-pagination > li > a:focus,
.bs-pagination > li > span:focus {
  z-index: 2;
  color: var(--sd-colour-interactive--hover);
  background-color: transparent;
  border-color: var(--sd-colour-interactive--alpha-50); }

.bs-pagination > li > a:active,
.bs-pagination > li > span:active,
.bs-pagination > li > a:focus-visible,
.bs-pagination > li > span:focus-visible {
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-30); }

.bs-pagination > .active > a,
.bs-pagination > .active > span,
.bs-pagination > .active > a:hover,
.bs-pagination > .active > span:hover,
.bs-pagination > .active > a:focus,
.bs-pagination > .active > span:focus {
  z-index: 3;
  color: white;
  background-color: var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  cursor: default;
  box-shadow: none; }

.bs-pagination > .disabled > span,
.bs-pagination > .disabled > span:hover,
.bs-pagination > .disabled > span:focus,
.bs-pagination > .disabled > a,
.bs-pagination > .disabled > a:hover,
.bs-pagination > .disabled > a:focus {
  color: var(--color-text-light);
  cursor: not-allowed;
  opacity: 0.5;
  border-color: var(--sd-colour-line--medium);
  box-shadow: none; }

.sd-typeahead {
  position: relative;
  list-style-type: none; }
  .sd-typeahead .item-list {
    z-index: 9999;
    min-width: 190px;
    width: 100%;
    height: auto;
    max-height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--color-dropdown-menu-Bg);
    color: var(--color-text);
    box-shadow: var(--sd-shadow__dropdown);
    border-radius: 0 0 3px 3px;
    position: absolute;
    inset-block-start: 28px; }
    .sd-typeahead .item-list li {
      width: 100%;
      font-size: 1.3rem;
      margin-block-end: 0.4rem;
      font-family: "Roboto", Helvetica, Arial, sans-serif; }
      .sd-typeahead .item-list li:hover {
        cursor: pointer;
        background-color: var(--sd-colour-interactive--alpha-20); }
      .sd-typeahead .item-list li.active {
        background-color: var(--sd-colour-interactive--alpha-30) !important; }
      .sd-typeahead .item-list li .country_state_info {
        font-weight: 500; }
      .sd-typeahead .item-list li em {
        font-size: 11px; }
      .sd-typeahead .item-list li.typeahead-item--padded {
        padding: 0.4rem 1.2rem; }
    .sd-typeahead .item-list button.greyout {
      opacity: .5; }

div.password-strength {
  color: #666;
  margin: 3px 0;
  font-size: 12px; }
  div.password-strength .label.red {
    background-color: #E51C23; }
  div.password-strength .label.yellow {
    background-color: #ffc40d; }
  div.password-strength .label.green {
    background-color: #46a546; }
  div.password-strength .icon-question-sign {
    margin: 0px 0 0 5px;
    position: relative;
    top: 3px;
    color: #5d9bc0;
    cursor: pointer; }
  div.password-strength .tooltip > .tooltip-arrow {
    border-color: #2c323a transparent #2c323a transparent;
    opacity: 0.9; }
  div.password-strength .tooltip > .tooltip-inner {
    text-align: start;
    background-color: #2c323a;
    border-radius: 3px;
    opacity: 0.9;
    line-height: 16px; }
    div.password-strength .tooltip > .tooltip-inner ul {
      padding: 3px 0; }
      div.password-strength .tooltip > .tooltip-inner ul li {
        padding: 0;
        margin: 0;
        line-height: 16px; }
        div.password-strength .tooltip > .tooltip-inner ul li:before {
          content: "- ";
          padding-inline-start: 5px; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
/* ====================================== */
.output-item-label {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #8a8a8a;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }
  .output-item-label.label-0 {
    background: #8a8a8a; }
  .output-item-label.label-1 {
    background: #005e84; }
  .output-item-label.label-2 {
    background: #64a4bf; }
  .output-item-label.label-3, .output-item-label.label-4, .output-item-label.label-5 {
    background: #b0cfdd; }

/* ====================================== */
.status-label {
  box-sizing: border-box;
  height: 15px;
  padding: 4px 7px;
  background: #1f6681;
  border-radius: 2px;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  line-height: 7px;
  margin: 0 5px 0 0;
  text-transform: uppercase; }
  .status-label.label-canceled {
    background: #1c1c1c;
    color: #ff5353; }

.archive-content {
  position: absolute;
  inset-block-start: 0px;
  inset-inline-end: 0px;
  inset-block-end: 0px;
  inset-inline-start: 0px;
  height: calc(100% - 30px);
  background-color: var(--sd-colour-panel-bg--100);
  transition: left 0.2s ease;
  z-index: 11; }
  .archive-content.wide {
    inset-inline-start: 10px; }
  .archive-content .content-inner {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inset-block-start: 49px; }
    .archive-content .content-inner .newest-items {
      margin-block-end: 35px; }
      .archive-content .content-inner .newest-items > span {
        height: 30px;
        font-size: 11px;
        color: #8a8a8a;
        line-height: 30px;
        font-weight: 300;
        text-transform: uppercase; }
      .archive-content .content-inner .newest-items ul {
        *zoom: 1; }
        .archive-content .content-inner .newest-items ul:before, .archive-content .content-inner .newest-items ul:after {
          display: table;
          content: ""; }
        .archive-content .content-inner .newest-items ul:after {
          clear: both; }
  .archive-content .statistics {
    position: absolute;
    inset-inline-end: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    inset-block-start: 0;
    padding: 30px;
    overflow: auto;
    overflow-x: hidden; }
  .archive-content .preview-layout .list-pane .list-view {
    *zoom: 1; }
    .archive-content .preview-layout .list-pane .list-view:before, .archive-content .preview-layout .list-pane .list-view:after {
      display: table;
      content: ""; }
    .archive-content .preview-layout .list-pane .list-view:after {
      clear: both; }
    .archive-content .preview-layout .list-pane .list-view .panel {
      float: inline-start; }
      .archive-content .preview-layout .list-pane .list-view .panel.alert {
        float: none; }
      .archive-content .preview-layout .list-pane .list-view .panel .panel-body {
        display: inline-block; }
        .archive-content .preview-layout .list-pane .list-view .panel .panel-body .ui-draggable {
          display: inline-block; }
  .archive-content .content .shadow-list-holder {
    position: relative;
    max-height: none;
    min-height: auto; }

.view-select button {
  height: 48px;
  width: 48px;
  background: none;
  border: 0;
  padding: 15px 16px;
  border-inline-start: 1px solid var(--sd-colour-line--medium) !important;
  opacity: 0.6; }
  .view-select button i {
    color: var(--color-text-light); }
  .view-select button:hover {
    opacity: 0.8; }

.loading-indicator {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  margin-inline-start: -5rem;
  min-width: 10rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0 0 4px 4px;
  border: 1px solid #52b1cc;
  border-width: 0 1px 1px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #3599b6;
  background: #eff7fa;
  z-index: 3;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); }

/* ====================================== */
.mgrid-view .media-box {
  height: auto;
  width: auto;
  min-height: 225px;
  min-width: 176px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-width: 0px 0px 3px 0px;
  margin: 1px 12px 10px 1px;
  border-radius: var(--b-radius--medium);
  padding: 5px;
  position: relative;
  float: inline-start;
  display: block;
  cursor: pointer;
  background-color: var(--sd-item__main-Bg);
  color: var(--color-text);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  /* control buttons on the bottom */ }
  .mgrid-view .media-box .action {
    display: none;
    height: 33px;
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0; }
  .mgrid-view .media-box:hover .action {
    display: block; }
  .mgrid-view .media-box.archived {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.03);
    background-color: var(--sd-item__main-Bg--alternate); }
    .mgrid-view .media-box.archived::after {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-end: 20%;
      width: 10rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==);
      background-repeat: no-repeat;
      background-size: 6rem;
      background-position: center center;
      opacity: 0.16; }
  .mgrid-view .media-box.error {
    border-color: #d19796;
    border-bottom-color: #c00000; }
  .mgrid-view .media-box .error-box {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1; }
    .mgrid-view .media-box .error-box .message {
      color: #970000;
      font-weight: 400;
      font-size: 12px;
      padding: 40px 10px 0;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px; }
      .mgrid-view .media-box .error-box .message b {
        display: block;
        font-size: 16px; }
    .mgrid-view .media-box .error-box .buttons {
      position: absolute;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-end: 0;
      height: 30px;
      background: #f7eaea;
      border-block-start: 1px solid #e1bbbb; }
  .mgrid-view .media-box .media {
    box-sizing: border-box;
    height: 120px;
    margin: 0 2px 5px;
    display: block;
    position: relative;
    background: #f8f8f8; }
    .mgrid-view .media-box .media img {
      height: auto;
      width: auto;
      max-width: 172px;
      max-height: 120px; }
    .mgrid-view .media-box .media .caption {
      display: none; }
    .mgrid-view .media-box .media .selectbox {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      margin: 0;
      padding: 1px 2px 2px 2px;
      background-color: rgba(255, 255, 255, 0.85);
      border-radius: 0 0 0 2px; }
      .mgrid-view .media-box .media .selectbox .sd-checkbox {
        margin: 0; }
  .mgrid-view .media-box.media-picture .text, .mgrid-view .media-box.media-graphic .text, .mgrid-view .media-box.media-video .text {
    display: none;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    width: 176px;
    height: 120px;
    background: rgba(192, 192, 192, 0.9); }
  .mgrid-view .media-box.media-picture .media:hover .text, .mgrid-view .media-box.media-graphic .media:hover .text, .mgrid-view .media-box.media-video .media:hover .text {
    display: block; }
  .mgrid-view .media-box.media-text .media, .mgrid-view .media-box.media-preformatted .media, .mgrid-view .media-box.media-composite .media, .mgrid-view .media-box.media-picture .media, .mgrid-view .media-box.media-graphic .media {
    max-width: 172px;
    font-size: 12px;
    font-style: italic;
    white-space: normal;
    overflow: hidden; }
  .mgrid-view .media-box.media-text small, .mgrid-view .media-box.media-preformatted small, .mgrid-view .media-box.media-composite small, .mgrid-view .media-box.media-picture small, .mgrid-view .media-box.media-graphic small {
    display: block;
    padding: 2px 5px;
    font-size: 13px; }
  .mgrid-view .media-box.media-text .container, .mgrid-view .media-box.media-preformatted .container, .mgrid-view .media-box.media-composite .container, .mgrid-view .media-box.media-picture .container, .mgrid-view .media-box.media-graphic .container {
    font-weight: 500;
    color: #444;
    margin-inline-start: 6px; }
  .mgrid-view .media-box.media-audio .media {
    width: 176px;
    max-width: 176px;
    text-align: center; }
    .mgrid-view .media-box.media-audio .media i {
      margin-block-start: 35px;
      opacity: 0.35;
      filter: "alpha(opacity=35)"; }
  .mgrid-view .media-box .media-info {
    position: relative;
    padding: 18px 0 0; }
    .mgrid-view .media-box .media-info .legal {
      inset-block-end: 16px; }
  .mgrid-view .media-box h5 {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    font-size: 11px;
    margin: 0 2px;
    color: var(--sd-slugline-color);
    text-transform: uppercase; }
    .mgrid-view .media-box h5.shifted {
      inset-inline-start: 20px; }
  .mgrid-view .media-box dl {
    *zoom: 1;
    font-size: 11px;
    height: 1%;
    margin: 0 2px; }
    .mgrid-view .media-box dl:before, .mgrid-view .media-box dl:after {
      display: table;
      content: ""; }
    .mgrid-view .media-box dl:after {
      clear: both; }
    .mgrid-view .media-box dl dt {
      width: auto;
      float: inline-start;
      clear: left;
      color: #787878;
      line-height: 16px;
      font-weight: normal; }
    .mgrid-view .media-box dl dt:after {
      content: ":"; }
    .mgrid-view .media-box dl dd {
      width: auto;
      color: #b4b4b4;
      line-height: 16px;
      float: inline-start;
      margin-inline-start: 4px; }
      .mgrid-view .media-box dl dd.subject-line {
        max-width: 90px;
        height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .mgrid-view .media-box dl dd.dropdown:hover .dropdown__menu {
        display: block;
        min-width: 100%; }
  .mgrid-view .media-box .type-icon {
    text-align: center; }
    .mgrid-view .media-box .type-icon i {
      color: #8c97a6; }
  .mgrid-view .media-box .source:after {
    content: "" !important; }
  .mgrid-view .media-box .provider {
    color: #787878;
    margin-inline-start: 0; }
  .mgrid-view .media-box .urgency-label {
    position: absolute;
    inset-block-end: 7px;
    inset-inline-start: 36px; }
  .mgrid-view .media-box .priority-label {
    position: absolute;
    inset-block-end: 7px;
    inset-inline-start: 60px; }
  .mgrid-view .media-box .broadcast-status {
    position: absolute;
    inset-block-end: 7px;
    inset-inline-start: 82px;
    background: #e51c23;
    color: #FFFFFF;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    width: 14px;
    text-align: center; }
  .mgrid-view .media-box .state-label, .mgrid-view .mlist-view .media-box.contacts .org-label, .mlist-view .mgrid-view .media-box.contacts .org-label, .mgrid-view .compact-view.list-view .media-box.contacts .org-label, .compact-view.list-view .mgrid-view .media-box.contacts .org-label, .mgrid-view .media-box .profile-label, .mgrid-view .media-box .language-label {
    position: absolute;
    inset-block-end: 8px;
    inset-inline-end: 0px; }
  .mgrid-view .media-box .fetched-desk {
    font-size: 11px;
    margin-block-start: 3px; }
  .mgrid-view .media-box .not-for-publication {
    position: static; }
  .mgrid-view .media-box.contacts {
    min-height: 270px;
    min-width: 425px; }
    .mgrid-view .media-box.contacts .media {
      height: 25px; }
    .mgrid-view .media-box.contacts dl dt:after {
      content: ""; }
    .mgrid-view .media-box.contacts dl dd {
      margin-inline-start: 6px;
      line-height: 18px; }
      .mgrid-view .media-box.contacts dl dd.dark {
        color: #444;
        font-weight: 500; }
    .mgrid-view .media-box.contacts .media-info {
      padding-inline-start: 0.5rem; }
      .mgrid-view .media-box.contacts .media-info h5 {
        padding: 0rem 0.5rem 0; }
    .mgrid-view .media-box.contacts .item-info .container {
      font-weight: 500;
      color: var(--color-text-light);
      margin-inline-end: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .mgrid-view .media-box.contacts .item-info .container.link {
        color: var(--sd-colour-interactive);
        font-weight: 400;
        text-overflow: ellipsis; }
    .mgrid-view .media-box.contacts .contact-footer {
      border-block-start: 1px solid #e8e8e8;
      margin-block-start: 25px;
      margin-inline-start: -5px;
      margin-inline-end: -5px; }
      .mgrid-view .media-box.contacts .contact-footer.padded {
        margin-block-start: 45px !important; }
      .mgrid-view .media-box.contacts .contact-footer .update-info {
        position: absolute;
        inset-block-end: 0.6rem;
        padding-inline-start: 0.5rem; }
      .mgrid-view .media-box.contacts .contact-footer .social-info {
        position: absolute;
        inset-block-end: 10px;
        inset-inline-end: 0px;
        margin-inline-end: 20px; }
        .mgrid-view .media-box.contacts .contact-footer .social-info span {
          padding-inline-start: 10px; }
    .mgrid-view .media-box.contacts .link {
      color: #3599b6;
      font-weight: 400;
      font-size: small; }
    .mgrid-view .media-box.contacts .notes {
      display: flex;
      background: none; }
    .mgrid-view .media-box.contacts .item-notes {
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 5px 0 5px;
      max-width: 380px;
      display: flex; }
  .mgrid-view .media-box.locked {
    border-bottom-color: #e51c23 !important; }
  .mgrid-view .media-box.gone {
    opacity: 0.5; }
  .mgrid-view .media-box.actioning {
    background-color: fade(#f7f7f7, 20%);
    border-color: fade(#cfcfcf, 20%); }
    .mgrid-view .media-box.actioning:before {
      content: '';
      zoom: .7;
      inset-block-start: 50%;
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
      background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center; }
  .mgrid-view .media-box .highlights-title {
    position: absolute;
    inset-block-start: -2px;
    inset-inline-start: 0;
    display: block; }
  .mgrid-view .media-box .item-functions {
    background: #fff;
    position: absolute;
    height: 32px;
    border-block-start: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0; }
    .mgrid-view .media-box .item-functions .item-field {
      width: 31px;
      height: 32px;
      border-inline-start: 0;
      border-inline-end: 1px solid #f0f0f0;
      box-sizing: border-box;
      padding: 0; }
      .mgrid-view .media-box .item-functions .item-field a {
        display: inline-block;
        width: 100%;
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        text-align: center; }
        .mgrid-view .media-box .item-functions .item-field a .actioning {
          background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
          background-repeat: no-repeat;
          background-position: center;
          display: inline-block;
          width: 100%;
          height: 32px;
          line-height: 32px;
          vertical-align: middle;
          text-align: center; }
        .mgrid-view .media-box .item-functions .item-field a i {
          vertical-align: middle; }
      .mgrid-view .media-box .item-functions .item-field .more-activity-dropdown li {
        border-inline-end: 0; }
  .mgrid-view .media-box .more-activity-toggle {
    background: none; }
  .mgrid-view .media-box .media-box__footer {
    margin: 6px 0;
    position: relative;
    display: flex;
    align-content: center; }
    .mgrid-view .media-box .media-box__footer .type-icon {
      height: 16px;
      margin-inline-end: 6px;
      flex-grow: 0; }
    .mgrid-view .media-box .media-box__footer .badge {
      margin-inline-end: 6px; }
    .mgrid-view .media-box .media-box__footer .item-right {
      inset-block-start: -2px;
      height: 22px;
      width: 32px; }

.fetched-desk-tooltip {
  border: 0;
  background: transparent; }

.mgrid-view {
  padding-block-end: 80px; }
  .mgrid-view .draggable-item {
    float: inline-start; }
  .mgrid-view .list-item-view {
    float: inline-start; }

#last-item {
  background: transparent;
  border: none;
  height: 1px;
  width: 1px;
  margin: 0; }

.sd-grid-list .sd-grid-item {
  height: 100%; }

.sd-grid-list .item-right {
  inset-block-start: auto;
  height: 1.8rem;
  width: 2.4rem;
  margin-inline-end: 1rem;
  position: relative;
  margin-inline-start: -1rem; }
  .sd-grid-list .item-right .more-activity-toggle {
    background: none; }

.sd-grid-list .sd-grid-item__type-icn > i {
  vertical-align: middle; }

.sd-grid-item__footer i {
  vertical-align: middle;
  opacity: 0.4; }

/* ====================================== */
.media-box .keyword,
.field--slugline {
  font-weight: 500;
  color: var(--sd-slugline-color);
  text-transform: uppercase;
  font-size: 12px;
  margin-inline-end: 10px;
  white-space: nowrap; }

.mlist-view, .compact-view.list-view {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .mlist-view--no-shadow, .compact-view.list-view--no-shadow {
    box-shadow: none; }
  .mlist-view .list-item-view, .compact-view.list-view .list-item-view {
    width: 100%; }
    .mlist-view .list-item-view:last-child .media-box, .compact-view.list-view .list-item-view:last-child .media-box {
      border-block-end: none; }
    .mlist-view .list-item-view .panel-body, .compact-view.list-view .list-item-view .panel-body {
      display: block !important;
      width: 100%; }
  .mlist-view .actions-visible .media-box:hover .item-info,
  .mlist-view .actions-visible .media-box.active .item-info, .compact-view.list-view .actions-visible .media-box:hover .item-info,
  .compact-view.list-view .actions-visible .media-box.active .item-info {
    padding: 10px 30px 10px 10px; }
  .mlist-view .media-box, .compact-view.list-view .media-box {
    position: relative;
    background: var(--sd-item__main-Bg);
    border-block-end: 1px solid var(--sd-colour-line--light);
    border-inline-end: 2px solid var(--sd-item__main-Bg);
    padding-inline-start: 40px;
    overflow: hidden; }
    .mlist-view .media-box--no-padding, .compact-view.list-view .media-box--no-padding {
      padding: 0; }
    .mlist-view .media-box:hover, .compact-view.list-view .media-box:hover {
      background-color: var(--sd-item__main-Bg--hover) !important;
      border-inline-end: 2px solid var(--sd-item__main-Bg--hover) !important;
      cursor: pointer; }
      .mlist-view .media-box:hover .list-field, .compact-view.list-view .media-box:hover .list-field {
        border-color: var(--sd-item__main-Bg--hover) !important; }
      .mlist-view .media-box:hover .item-info-reduced-rowheight, .compact-view.list-view .media-box:hover .item-info-reduced-rowheight {
        padding: 5px 10px 5px 10px; }
      .mlist-view .media-box:hover .more-activity-toggle, .compact-view.list-view .media-box:hover .more-activity-toggle {
        background: var(--sd-item__main-Bg--hover) !important; }
    .mlist-view .media-box.media-box-hover:hover, .compact-view.list-view .media-box.media-box-hover:hover {
      background-color: transparent !important;
      border-inline-end: none !important;
      cursor: auto; }
    .mlist-view .media-box.gone, .compact-view.list-view .media-box.gone {
      opacity: 0.5; }
    .mlist-view .media-box.actioning, .compact-view.list-view .media-box.actioning {
      background-color: fade(#f7f7f7, 20%);
      border-color: fade(#cfcfcf, 20%); }
      .mlist-view .media-box.actioning:before, .compact-view.list-view .media-box.actioning:before {
        content: '';
        zoom: .7;
        inset-block-start: 50%;
        transform: translateY(-50%);
        position: absolute;
        z-index: 1;
        background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        text-align: center; }
    .mlist-view .media-box .list-field, .compact-view.list-view .media-box .list-field {
      border-inline-end: 1px solid var(--sd-colour-line--x-light);
      float: inline-start;
      padding: 10px; }
      .mlist-view .media-box .list-field.no-border, .compact-view.list-view .media-box .list-field.no-border {
        border: 0; }
    .mlist-view .media-box .type-icon, .compact-view.list-view .media-box .type-icon {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 4px;
      inset-block-end: 0;
      padding: 0;
      width: 37px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mlist-view .media-box .type-icon i, .compact-view.list-view .media-box .type-icon i {
        color: var(--color-text-light);
        width: 24px;
        margin: 0;
        padding: 0; }
      .mlist-view .media-box .type-icon .sd-checkbox, .compact-view.list-view .media-box .type-icon .sd-checkbox {
        margin: 1px 0 0 1px;
        padding: 0; }
    .mlist-view .media-box .urgency, .compact-view.list-view .media-box .urgency {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 42px;
      inset-block-end: 0;
      padding: 0;
      width: 37px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      column-count: 1; }
      .mlist-view .media-box .urgency .output-item-label, .mlist-view .media-box .urgency .urgency-label, .compact-view.list-view .media-box .urgency .output-item-label, .compact-view.list-view .media-box .urgency .urgency-label {
        margin: 3px 0; }
      .mlist-view .media-box .urgency .badge:nth-child(1), .compact-view.list-view .media-box .urgency .badge:nth-child(1) {
        margin-block-end: 0.2rem; }
      .mlist-view .media-box .urgency .badge:nth-child(2), .compact-view.list-view .media-box .urgency .badge:nth-child(2) {
        margin-block-start: 0.2rem; }
      .mlist-view .media-box .urgency .badge:only-child, .compact-view.list-view .media-box .urgency .badge:only-child {
        margin: 0; }
      .mlist-view .media-box .urgency i, .mlist-view .media-box .urgency .priority-label, .compact-view.list-view .media-box .urgency i, .compact-view.list-view .media-box .urgency .priority-label {
        clear: both;
        margin: 3px 0; }
    .mlist-view .media-box .urgency-reduced-rowheight, .compact-view.list-view .media-box .urgency-reduced-rowheight {
      flex-direction: row; }
      .mlist-view .media-box .urgency-reduced-rowheight .urgency-label, .compact-view.list-view .media-box .urgency-reduced-rowheight .urgency-label {
        margin: 3px 2px 3px 0; }
      .mlist-view .media-box .urgency-reduced-rowheight i, .mlist-view .media-box .urgency-reduced-rowheight .priority-label, .compact-view.list-view .media-box .urgency-reduced-rowheight i, .compact-view.list-view .media-box .urgency-reduced-rowheight .priority-label {
        clear: both;
        margin: 3px 0 3px 1px; }
    .mlist-view .media-box .version-creator, .compact-view.list-view .media-box .version-creator {
      color: #686b6c;
      padding: 0px 0px 0px 2px; }
    .mlist-view .media-box .word-count, .compact-view.list-view .media-box .word-count {
      font-weight: 600;
      font-size: 12px;
      margin-inline-end: 8px; }
      .mlist-view .media-box .word-count:empty, .compact-view.list-view .media-box .word-count:empty {
        margin-inline-end: 0px; }
    .mlist-view .media-box.contacts, .compact-view.list-view .media-box.contacts {
      padding-inline-start: 20px; }
      .mlist-view .media-box.contacts .org-label, .compact-view.list-view .media-box.contacts .org-label {
        background-color: #8c8c8c;
        color: white !important; }
      .mlist-view .media-box.contacts .item-notes, .compact-view.list-view .media-box.contacts .item-notes {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 5px 0 5px; }
      .mlist-view .media-box.contacts .item-info .social-info, .compact-view.list-view .media-box.contacts .item-info .social-info {
        position: absolute;
        inset-inline-end: 0px; }
      .mlist-view .media-box.contacts .item-info.item-info-reduced-rowheight .social-info, .compact-view.list-view .media-box.contacts .item-info.item-info-reduced-rowheight .social-info {
        position: unset; }
      .mlist-view .media-box.contacts i, .compact-view.list-view .media-box.contacts i {
        color: var(--color-text-light);
        width: 24px;
        margin: 0;
        padding: 0; }
    .mlist-view .media-box .item-info, .compact-view.list-view .media-box .item-info {
      padding: 10px 10px 10px 10px; }
      .mlist-view .media-box .item-info .line, .compact-view.list-view .media-box .item-info .line {
        height: 18px;
        line-height: 18px;
        position: relative;
        margin-inline-start: 38px;
        display: flex;
        white-space: nowrap;
        align-items: center; }
        .mlist-view .media-box .item-info .line--no-margin, .compact-view.list-view .media-box .item-info .line--no-margin {
          margin-inline-start: 0; }
        .mlist-view .media-box .item-info .line dl, .compact-view.list-view .media-box .item-info .line dl {
          margin: 0;
          white-space: nowrap; }
        .mlist-view .media-box .item-info .line dt, .mlist-view .media-box .item-info .line dd, .compact-view.list-view .media-box .item-info .line dt, .compact-view.list-view .media-box .item-info .line dd {
          display: inline-block;
          margin-inline-start: 0px; }
          .mlist-view .media-box .item-info .line dt.dropdown:hover .dropdown__menu, .mlist-view .media-box .item-info .line dd.dropdown:hover .dropdown__menu, .compact-view.list-view .media-box .item-info .line dt.dropdown:hover .dropdown__menu, .compact-view.list-view .media-box .item-info .line dd.dropdown:hover .dropdown__menu {
            display: block;
            min-width: 100%; }
          .mlist-view .media-box .item-info .line dt .dropdown__toggle, .mlist-view .media-box .item-info .line dd .dropdown__toggle, .compact-view.list-view .media-box .item-info .line dt .dropdown__toggle, .compact-view.list-view .media-box .item-info .line dd .dropdown__toggle {
            padding: 0;
            margin: 0 0 0 5px; }
        .mlist-view .media-box .item-info .line + .line, .compact-view.list-view .media-box .item-info .line + .line {
          margin-block-start: 2px; }
      .mlist-view .media-box .item-info .state-label, .mlist-view .media-box.contacts .item-info .org-label, .mlist-view .media-box .item-info .profile-label, .mlist-view .media-box .item-info .language-label, .mlist-view .media-box .item-info .profile-label, .mlist-view .media-box .item-info .label, .compact-view.list-view .media-box .item-info .state-label, .compact-view.list-view .media-box.contacts .item-info .org-label, .compact-view.list-view .media-box .item-info .profile-label, .compact-view.list-view .media-box .item-info .language-label, .compact-view.list-view .media-box .item-info .profile-label, .compact-view.list-view .media-box .item-info .label {
        margin-inline-end: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .mlist-view .media-box .item-info .state-label + .takekey, .mlist-view .media-box.contacts .item-info .org-label + .takekey, .mlist-view .media-box .item-info .profile-label + .takekey, .mlist-view .media-box .item-info .language-label + .takekey, .mlist-view .media-box .item-info .state-label + .provider, .mlist-view .media-box.contacts .item-info .org-label + .provider, .mlist-view .media-box .item-info .profile-label + .provider, .mlist-view .media-box .item-info .language-label + .provider, .mlist-view .media-box .item-info .profile-label + .takekey, .mlist-view .media-box .item-info .profile-label + .provider, .mlist-view .media-box .item-info .label + .takekey, .mlist-view .media-box .item-info .label + .provider, .compact-view.list-view .media-box .item-info .state-label + .takekey, .compact-view.list-view .media-box.contacts .item-info .org-label + .takekey, .compact-view.list-view .media-box .item-info .profile-label + .takekey, .compact-view.list-view .media-box .item-info .language-label + .takekey, .compact-view.list-view .media-box .item-info .state-label + .provider, .compact-view.list-view .media-box.contacts .item-info .org-label + .provider, .compact-view.list-view .media-box .item-info .profile-label + .provider, .compact-view.list-view .media-box .item-info .language-label + .provider, .compact-view.list-view .media-box .item-info .profile-label + .takekey, .compact-view.list-view .media-box .item-info .profile-label + .provider, .compact-view.list-view .media-box .item-info .label + .takekey, .compact-view.list-view .media-box .item-info .label + .provider {
          margin-inline-start: 0.4rem; }
      .mlist-view .media-box .item-info .language-label, .compact-view.list-view .media-box .item-info .language-label {
        overflow: visible;
        text-overflow: initial; }
      .mlist-view .media-box .item-info .signal, .compact-view.list-view .media-box .item-info .signal {
        display: inline-block;
        background: rgba(0, 0, 0, 0.1);
        padding: 1px 5px;
        border-radius: 2px;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 0.08em;
        font-weight: 500;
        line-height: 14px;
        margin-block-start: 2px;
        margin-inline-end: 10px; }
      .mlist-view .media-box .item-info .broadcast-status, .compact-view.list-view .media-box .item-info .broadcast-status {
        display: inline-block;
        background: #e51c23;
        color: white;
        padding: 1px 5px;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-block-start: 2px;
        margin-inline-end: 10px; }
      .mlist-view .media-box .item-info .headline, .compact-view.list-view .media-box .item-info .headline {
        color: #686b6c;
        margin-inline-end: 65px;
        display: flex;
        flex-grow: 1;
        display: table; }
      .mlist-view .media-box .item-info .highlights-box, .compact-view.list-view .media-box .item-info .highlights-box {
        margin-block-start: -2px;
        margin-inline-end: 5px; }
        .mlist-view .media-box .item-info .highlights-box:empty, .compact-view.list-view .media-box .item-info .highlights-box:empty {
          display: contents; }
      .mlist-view .media-box .item-info .item-heading, .compact-view.list-view .media-box .item-info .item-heading {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0; }
        .mlist-view .media-box .item-info .item-heading p, .compact-view.list-view .media-box .item-info .item-heading p {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin: 0; }
      .mlist-view .media-box .item-info .location-desk-label, .compact-view.list-view .media-box .item-info .location-desk-label {
        font-style: italic;
        color: var(--color-text-light);
        font-weight: 300;
        margin-inline-end: 3px; }
      .mlist-view .media-box .item-info .container, .compact-view.list-view .media-box .item-info .container {
        font-weight: 500;
        color: var(--color-text-light);
        margin-inline-end: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .mlist-view .media-box .item-info .container.link, .compact-view.list-view .media-box .item-info .container.link {
          color: #3599b6;
          font-weight: 400;
          text-overflow: inherit; }
        .mlist-view .media-box .item-info .container.grow, .compact-view.list-view .media-box .item-info .container.grow {
          flex-grow: 1; }
      .mlist-view .media-box .item-info .takekey, .compact-view.list-view .media-box .item-info .takekey {
        color: inherit;
        margin-inline-end: 1.2rem; }
      .mlist-view .media-box .item-info .category, .compact-view.list-view .media-box .item-info .category {
        color: var(--color-text-light);
        margin-inline-end: 1.2rem; }
      .mlist-view .media-box .item-info .provider, .compact-view.list-view .media-box .item-info .provider {
        color: var(--color-text-light);
        margin-inline-end: 1.2rem;
        white-space: nowrap; }
      .mlist-view .media-box .item-info .expires, .compact-view.list-view .media-box .item-info .expires {
        float: inline-end;
        background: #f2dede;
        color: var(--error-text-color);
        font-size: 10px;
        line-height: 15px;
        padding: 0 5px;
        border-radius: 3px;
        margin-block-start: 4px; }
      .mlist-view .media-box .item-info time, .compact-view.list-view .media-box .item-info time {
        font-size: 11px;
        color: var(--color-text-light);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 60px;
        text-align: end;
        margin-inline-start: 3px; }
        .mlist-view .media-box .item-info time.time--short, .compact-view.list-view .media-box .item-info time.time--short {
          min-width: 30px; }
      .mlist-view .media-box .item-info .associations, .compact-view.list-view .media-box .item-info .associations {
        position: static;
        width: auto;
        margin-inline-end: 0.8rem; }
        .mlist-view .media-box .item-info .associations i, .compact-view.list-view .media-box .item-info .associations i {
          width: 16px; }
      .mlist-view .media-box .item-info .queue-error, .compact-view.list-view .media-box .item-info .queue-error {
        margin-inline-end: 5px; }
      .mlist-view .media-box .item-info .text-link, .compact-view.list-view .media-box .item-info .text-link {
        color: #5d9bc0; }
    .mlist-view .media-box .item-info-reduced-rowheight, .compact-view.list-view .media-box .item-info-reduced-rowheight {
      padding: 5px 10px 5px 10px; }
    .mlist-view .media-box.archived, .compact-view.list-view .media-box.archived {
      background-color: var(--sd-item__main-Bg--alternate);
      border-inline-end: 2px solid var(--sd-colour-panel-bg--100); }
      .mlist-view .media-box.archived::after, .compact-view.list-view .media-box.archived::after {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inset-block-end: 0;
        inset-inline-end: 20%;
        width: 10rem;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-size: 4rem;
        background-position: center center;
        opacity: 0.16; }
      .mlist-view .media-box.archived.active, .compact-view.list-view .media-box.archived.active {
        border-inline-end: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .mlist-view .media-box:hover .action, .compact-view.list-view .media-box:hover .action {
      display: block; }
    .mlist-view .media-box .state-border, .compact-view.list-view .media-box .state-border {
      position: absolute;
      width: 4px;
      inset-inline-start: 0;
      inset-block-start: 0;
      inset-block-end: 0;
      background: rgba(0, 0, 0, 0); }
    .mlist-view .media-box.locked .state-border, .compact-view.list-view .media-box.locked .state-border {
      background: #e51c23; }
    .mlist-view .media-box.media-box--state-published, .mlist-view .media-box.media-box--state-corrected, .compact-view.list-view .media-box.media-box--state-published, .compact-view.list-view .media-box.media-box--state-corrected {
      background: #f8fcf5; }
      .mlist-view .media-box.media-box--state-published .state-border, .mlist-view .media-box.media-box--state-corrected .state-border, .compact-view.list-view .media-box.media-box--state-published .state-border, .compact-view.list-view .media-box.media-box--state-corrected .state-border {
        background: #5e8d32; }
    .mlist-view .media-box.media-box--state-killed, .compact-view.list-view .media-box.media-box--state-killed {
      background: #fff9f8; }
      .mlist-view .media-box.media-box--state-killed .state-border, .compact-view.list-view .media-box.media-box--state-killed .state-border {
        background: #303030; }

.more-activity-menu.dropdown__menu {
  margin: 8px 0;
  z-index: 99999; }
  .more-activity-menu.dropdown__menu:before {
    display: none; }
  .more-activity-menu.dropdown__menu li {
    width: 100%; }

.mgrid-view .active:not(.selected) .media-box {
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.12); }

.mlist-view .active:not(.selected) .media-box, .compact-view.list-view .active:not(.selected) .media-box {
  background-color: var(--sd-item__main-Bg--selected) !important;
  border-inline-end: 2px solid rgba(94, 169, 200, 0.75) !important; }
  .mlist-view .active:not(.selected) .media-box:hover .item-functions, .compact-view.list-view .active:not(.selected) .media-box:hover .item-functions {
    background-color: #eff7fa; }
    .mlist-view .active:not(.selected) .media-box:hover .item-functions .item-field:hover, .compact-view.list-view .active:not(.selected) .media-box:hover .item-functions .item-field:hover {
      background-color: #d6e8ef; }
    .mlist-view .active:not(.selected) .media-box:hover .item-functions .item-field.disabled:hover, .compact-view.list-view .active:not(.selected) .media-box:hover .item-functions .item-field.disabled:hover {
      background-color: #d6e8ef; }

.mlist-view .selected .media-box, .compact-view.list-view .selected .media-box {
  background-color: var(--sd-item__main-Bg--selected) !important; }
  .mlist-view .selected .media-box:hover, .compact-view.list-view .selected .media-box:hover {
    background-color: var(--sd-item__main-Bg--selected) !important; }

/*modal window*/
.modal-body .row-fluid .span6 figure {
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 379px;
  height: auto;
  max-height: 250px; }

.modal-body .row-fluid .span6 dl {
  font-size: 13px;
  color: #777;
  position: relative;
  height: auto;
  margin: 0; }
  .modal-body .row-fluid .span6 dl dt {
    width: 110px;
    float: inline-start;
    clear: left;
    font-weight: normal;
    color: #474747;
    margin-block-end: 5px;
    line-height: 16px;
    vertical-align: middle; }
  .modal-body .row-fluid .span6 dl dt:after {
    content: ":"; }
  .modal-body .row-fluid .span6 dl dd {
    width: 245px;
    max-width: 245px;
    float: inline-start;
    margin-inline-start: 0px;
    line-height: 16px;
    margin-block-end: 5px;
    vertical-align: middle; }
  .modal-body .row-fluid .span6 dl.line-borders {
    width: 379px;
    border-block-start: 1px solid #e8e8e8;
    margin-block-start: 15px; }
    .modal-body .row-fluid .span6 dl.line-borders dt {
      border-block-end: 1px solid #e8e8e8;
      vertical-align: top;
      line-height: 20px;
      margin-block-end: 0px; }
    .modal-body .row-fluid .span6 dl.line-borders dd {
      padding-inline-end: 24px;
      border-block-end: 1px solid #e8e8e8;
      vertical-align: top;
      line-height: 20px;
      margin-block-end: 0px; }

.metadata-language {
  height: 38px;
  position: relative;
  z-index: 10; }

.metadata-details {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px; }
  .metadata-details input, .metadata-details textarea {
    border-color: var(--sd-colour-line--light) !important;
    color: var(--color-text-light); }
    .metadata-details input:focus, .metadata-details textarea:focus {
      border-color: var(--sd-colour-interactive--alpha-80) !important;
      color: var(--color-text); }

.edit-metadata-select {
  margin-block-start: 2px;
  height: 26px; }

.modal-header button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }
  .modal-header button.close:hover {
    color: #b3b3b3; }

.btn.pull-right {
  margin-inline-start: 10px; }

.meta-description-text {
  height: 52px;
  max-width: 245px; }

.close:hover {
  color: #b3b3b3; }

/* uploads grid used for upload popup */
.uploads-grid {
  list-style-type: none;
  margin: 60px 0 0;
  padding: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  overflow: scroll;
  position: absolute; }
  .uploads-grid li {
    max-height: 100px;
    float: inline-start;
    margin: 0 15px 15px 0;
    padding: 3px;
    border: 1px solid #d0d0d0;
    position: relative; }
    .uploads-grid li .add-button {
      position: absolute;
      background-color: #0079cc;
      inset-inline-start: 3px;
      inset-block-start: 3px;
      width: 16px;
      height: 18px;
      padding: 4px;
      display: none; }
    .uploads-grid li:hover {
      background: #0079cc;
      border-color: #2d95dd;
      cursor: pointer;
      box-shadow: 0px 0px 3px #a0a0a0; }
      .uploads-grid li:hover .add-button {
        display: block !important; }
    .uploads-grid li.grid-selected {
      background: #0079cc;
      border-color: #2d95dd; }
    .uploads-grid li img {
      height: 100px;
      max-height: 100px; }

.cropItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 1.6rem;
  margin: 1rem 0;
  padding-block-end: 2.5rem;
  border-block-end: 1px dotted rgba(123, 123, 123, 0.5); }
  .cropItems .cropItems__item {
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column; }
    .cropItems .cropItems__item img {
      display: block; }
    .cropItems .cropItems__item figure {
      display: block;
      margin: 0; }
  .cropItems .cropItems__item-rendition {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center; }
  .cropItems .cropItems__item-label {
    display: block;
    padding: 0.6rem 0;
    opacity: 0.7;
    font-family: 'Roboto';
    font-size: 1.3rem;
    flex-grow: 0;
    flex-shrink: 0; }

.item-right {
  width: 30px;
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  padding: 0;
  background: transparent;
  z-index: 3; }
  .item-right .more-activity-dropdown {
    position: relative;
    width: 100%;
    height: 100%; }
    .item-right .more-activity-dropdown .submenu {
      overflow: hidden;
      display: block; }
    .item-right .more-activity-dropdown.open i {
      opacity: 1; }

.more-activity-toggle {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  align-items: center;
  justify-content: center;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 9999px;
  opacity: 0.75;
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  .more-activity-toggle:hover {
    opacity: 1;
    text-decoration: none; }
  .more-activity-toggle:active {
    opacity: 1; }
    .more-activity-toggle:active i {
      color: var(--sd-colour-interactive);
      opacity: 1; }

.list-item-view.sd-list-item-nested {
  margin-block-start: 0; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.composite-preview .toggle-box {
  margin-block-end: 20px; }
  .composite-preview .toggle-box header:before {
    inset-inline-start: 45px; }
  .composite-preview .toggle-box header .box-icon {
    display: none; }
  .composite-preview .toggle-box header h6 {
    background: white;
    padding-inline-start: 0; }
  .composite-preview .toggle-box header .chevron {
    background-color: white; }

.composite-preview .picture figure, .composite-preview .graphic figure {
  width: 100%; }
  .composite-preview .picture figure img, .composite-preview .graphic figure img {
    max-width: 100%;
    height: auto; }

.composite-preview .picture .item-headline, .composite-preview .graphic .item-headline {
  max-height: 74px;
  overflow: hidden; }

.composite-preview .video .holder {
  line-height: 80px;
  text-align: center; }
  .composite-preview .video .holder i {
    vertical-align: middle;
    opacity: 0.5;
    filter: "alpha(opacity=50)"; }

.composite-preview .video .item-headline {
  max-height: 74px;
  overflow: hidden; }

.composite-preview .audio .holder {
  background: #fff;
  width: 100%;
  height: auto; }

.wrap {
  white-space: pre-wrap; }

.article-list-fields > * {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important; }

.article-list-fields > * + * {
  margin-inline-start: 10px !important; }

.content-item-preview .item-locked {
  border-radius: 9999px;
  height: 3.2rem;
  margin: 0.8rem 0 2.4rem 0; }
  .content-item-preview .item-locked .lock-sign {
    width: 3.2rem;
    height: 3.2rem;
    min-width: 3.2rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 1.2rem;
    background-color: rgba(230, 26, 32, 0.16);
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0; }
    .content-item-preview .item-locked .lock-sign .icon-lock {
      color: #e61a20; }
  .content-item-preview .item-locked .locked-content {
    display: flex;
    align-items: center; }
  .content-item-preview .item-locked em {
    font-style: normal;
    vertical-align: top; }
  .content-item-preview .item-locked time {
    font-size: 12px;
    color: var(--color-text-light);
    display: inline-block; }
  .content-item-preview .item-locked .text {
    font-weight: 500;
    flex-grow: 1;
    margin-block-start: 2px;
    padding-inline-end: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #e61a20;
    display: flex;
    align-items: center;
    gap: 8px; }
  .content-item-preview .item-locked .btn {
    display: none;
    border-radius: 0 999px 999px 0;
    padding-inline-start: 2.4rem;
    padding-inline-end: 2.4rem;
    font-weight: 500; }
  .content-item-preview .item-locked:hover {
    background: var(--sd-colour-panel-bg--100); }
    .content-item-preview .item-locked:hover .btn {
      visibility: visible;
      display: inline-flex; }

.content-item-preview .content .content-container {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  padding: 0 20px 0;
  overflow: auto; }
  .content-item-preview .content .content-container .core-content {
    margin-block-end: 80px; }

.content-item-preview .content .date {
  *zoom: 1; }
  .content-item-preview .content .date:before, .content-item-preview .content .date:after {
    display: table;
    content: ""; }
  .content-item-preview .content .date:after {
    clear: both; }
  .content-item-preview .content .date p {
    float: inline-start;
    font-weight: 300;
    font-size: 13px;
    color: #a1a1a1;
    padding-inline-end: 10px;
    margin-inline-end: 10px;
    margin-block-end: 0;
    line-height: 28px; }
    .content-item-preview .content .date p:first-child {
      border-inline-end: 1px solid #e2e2e2; }
  .content-item-preview .content .date + li {
    margin-block-start: 10px; }

.content-item-preview .content .nav-space {
  height: 48px; }

.content-item-preview .content .rewrite {
  margin-block-start: 15px; }

.content-item-preview .content .title {
  font-size: 19px;
  line-height: 120%;
  font-weight: 500;
  margin-block-start: 15px;
  margin-block-end: 20px;
  color: var(--color-text); }
  .content-item-preview .content .title.condensed {
    padding-inline-end: 15px; }

.content-item-preview .content .composite-nav {
  min-height: 24px;
  font-size: 16px;
  display: flex;
  margin-block-start: 20px;
  font-weight: 300; }
  .content-item-preview .content .composite-nav i {
    opacity: 0.5;
    filter: "alpha(opacity=50)";
    vertical-align: middle;
    margin: 0 15px 0 0;
    min-width: 24px;
    max-width: 24px; }
  .content-item-preview .content .composite-nav .title {
    flex-grow: 1;
    margin-block-start: 0; }
  .content-item-preview .content .composite-nav span {
    line-height: 24px; }

.content-item-preview .content .preview-header + .composite-nav {
  margin-block-start: 30px; }

.content-item-preview .content .state-label, .content-item-preview .content .mlist-view .media-box.contacts .org-label, .mlist-view .media-box.contacts .content-item-preview .content .org-label, .content-item-preview .content .compact-view.list-view .media-box.contacts .org-label, .compact-view.list-view .media-box.contacts .content-item-preview .content .org-label, .content-item-preview .content .profile-label, .content-item-preview .content .language-label {
  float: none; }

.content-item-preview .content .core-content {
  font-size: 14px; }
  .content-item-preview .content .core-content .expires {
    display: inline-block;
    margin-block-end: 5px; }
  .content-item-preview .content .core-content .description {
    font-style: italic;
    color: var(--color-text-light);
    margin-block-start: 15px; }
  .content-item-preview .content .core-content .picture-preview, .content-item-preview .content .core-content .graphic-preview {
    margin-block-start: 15px;
    max-width: 100%; }
    .content-item-preview .content .core-content .picture-preview img, .content-item-preview .content .core-content .graphic-preview img {
      max-width: 100%;
      height: auto; }
    .content-item-preview .content .core-content .picture-preview.loading, .content-item-preview .content .core-content .graphic-preview.loading {
      width: 100%;
      height: 200px;
      background: var(--sd-colour-panel-bg--100) url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat; }
  .content-item-preview .content .core-content figure {
    margin: 10px 0 8px 0; }
  .content-item-preview .content .core-content figcaption {
    margin: 6px 0 10px 0;
    font-size: 1.4rem;
    font-weight: 300;
    opacity: 0.75; }
  .content-item-preview .content .core-content video, .content-item-preview .content .core-content audio {
    width: 100%;
    max-width: 100%; }
  .content-item-preview .content .core-content .abstract {
    margin-block-end: 14px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5; }
    .content-item-preview .content .core-content .abstract p {
      font-weight: 400; }
  .content-item-preview .content .core-content .byline {
    font-size: 14px;
    line-height: 120%;
    font-weight: 300;
    margin-block-end: 12px; }
  .content-item-preview .content .core-content .dateline {
    font-size: 12px;
    font-weight: 500;
    margin-block-end: 16px; }
  .content-item-preview .content .core-content .text.sign-off {
    word-break: break-all; }
  .content-item-preview .content .core-content p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
    word-wrap: break-word; }
    .content-item-preview .content .core-content p.description-text {
      display: inline-block;
      font-size: 1.4rem;
      font-weight: 300;
      opacity: 0.75; }
  .content-item-preview .content .core-content .body-text {
    line-height: 1.5; }
    .content-item-preview .content .core-content .body-text h1, .content-item-preview .content .core-content .body-text h2, .content-item-preview .content .core-content .body-text h3, .content-item-preview .content .core-content .body-text h4, .content-item-preview .content .core-content .body-text h5, .content-item-preview .content .core-content .body-text h6 {
      font-size: 16px;
      line-height: 1.4;
      margin-block-end: 10px; }
  .content-item-preview .content .core-content .body-footer {
    font-size: 13px;
    color: var(--color-text-light);
    line-height: 1.5;
    margin-block-start: 30px; }
  .content-item-preview .content .core-content table {
    width: 100%;
    border-collapse: collapse;
    resize: both;
    table-layout: auto;
    border: 1px solid var(--sd-colour-line--light);
    margin: 16px 0; }
    .content-item-preview .content .core-content table td, .content-item-preview .content .core-content table th {
      border: 1px solid var(--sd-colour-line--light);
      padding: 5px 8px;
      font-size: 14px;
      font-weight: 300; }
    .content-item-preview .content .core-content table th {
      font-weight: 500;
      text-align: start;
      background-color: rgba(195, 195, 195, 0.2);
      font-weight: 400; }
      .content-item-preview .content .core-content table th p {
        font-weight: 400;
        margin-block-end: 0; }
  .content-item-preview .content .core-content blockquote {
    font-size: 14px;
    line-height: 140%;
    margin: 16px 0;
    border-inline-start: 3px solid rgba(160, 160, 160, 0.5);
    padding: 4px 0 4px 14px;
    font-style: italic; }
  .content-item-preview .content .core-content .multi-line-quote {
    font-size: 14px;
    line-height: 140%;
    margin: 16px 0;
    border-inline-start: 3px solid red;
    padding: 4px 0 4px 14px;
    font-style: italic; }
  .content-item-preview .content .core-content .embed-block iframe {
    width: 100%; }
  .content-item-preview .content .core-content .embed-block__description {
    font-size: 1.4rem;
    font-weight: 300;
    opacity: 0.75; }
  .content-item-preview .content .core-content .title {
    font-size: 19px;
    line-height: 120%;
    font-weight: 500;
    margin-block-start: 15px;
    margin-block-end: 20px;
    color: var(--color-text); }
    .content-item-preview .content .core-content .title.condensed {
      padding-inline-end: 15px; }

.content-item-preview .metadata-view,
.content-item-preview .article-versions {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  padding: 2.4rem 2.4rem 5.2rem;
  overflow: auto; }

.content-item-preview .related-item-view, .content-item-preview .mediaUsed {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  padding: 2.4rem 2.4rem 5.2rem;
  overflow: auto; }
  .content-item-preview .related-item-view .related-item, .content-item-preview .related-item-view .mediaUsed--Item, .content-item-preview .mediaUsed .related-item, .content-item-preview .mediaUsed .mediaUsed--Item {
    cursor: pointer; }

.content-item-preview .core-content {
  display: flex;
  flex-direction: column; }
  .content-item-preview .core-content .media-block, .content-item-preview .core-content .embed-block {
    margin: 2rem 0; }
  .content-item-preview .core-content .embed-block {
    width: 100%;
    max-width: 100%; }
    .content-item-preview .core-content .embed-block > * {
      width: 100%; }
  .content-item-preview .core-content .media-block__description {
    display: block;
    padding: 0.5rem 0;
    font-size: 1.3rem;
    font-weight: 300;
    opacity: 0.75;
    border-block-end: 1px dotted var(--sd-colour-line--light); }

.metadata-view div {
  border-block-end: 1px solid var(--sd-colour-line--light); }

.metadata-view div:last-child {
  border: 0px; }

.metadata-view h4 {
  margin-block-start: 10px; }

.metadata-view dl {
  *zoom: 1;
  margin-block-end: 10px; }
  .metadata-view dl:before, .metadata-view dl:after {
    display: table;
    content: ""; }
  .metadata-view dl:after {
    clear: both; }
  .metadata-view dl > dt {
    clear: both;
    float: inline-start;
    width: 140px;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--color-text-lighter);
    line-height: 20px;
    font-weight: 500; }
  .metadata-view dl > dd {
    padding-inline-start: 140px;
    min-height: 18px;
    margin: 0;
    word-break: break-word; }
    .metadata-view dl > dd div {
      border: 0px; }

.related-item-view .related-item, .related-item-view .mediaUsed--Item, .mediaUsed .related-item, .mediaUsed .mediaUsed--Item {
  margin-top: 16px;
  border-block-end: 1px solid var(var(--sd-colour-line--light));
  padding-block-end: 16px; }
  .related-item-view .related-item .item, .related-item-view .mediaUsed--Item .item, .mediaUsed .related-item .item, .mediaUsed .mediaUsed--Item .item {
    margin: 5px 5px 0px 0px; }
  .related-item-view .related-item .container, .related-item-view .mediaUsed--Item .container, .mediaUsed .related-item .container, .mediaUsed .mediaUsed--Item .container {
    font-weight: 500;
    color: var(--color-text);
    margin-inline-end: 16px; }
  .related-item-view .related-item .keyword, .related-item-view .mediaUsed--Item .keyword, .mediaUsed .related-item .keyword, .mediaUsed .mediaUsed--Item .keyword {
    font-weight: 500;
    color: var(--sd-slugline-color);
    font-size: 12px;
    margin-inline-end: 16px; }
  .related-item-view .related-item .type-icon, .related-item-view .mediaUsed--Item .type-icon, .mediaUsed .related-item .type-icon, .mediaUsed .mediaUsed--Item .type-icon {
    opacity: 0.5;
    height: 16px;
    width: 16px;
    padding-inline-start: 0;
    margin-inline-end: 12px; }
  .related-item-view .related-item .headline, .related-item-view .mediaUsed--Item .headline, .mediaUsed .related-item .headline, .mediaUsed .mediaUsed--Item .headline {
    color: var(--color-text); }

.related-item-view li:first-child .related-item, .related-item-view .mediaUsed--Item, .mediaUsed li:first-child .related-item, .mediaUsed .mediaUsed--Item {
  margin-block-start: 6px; }

/* ====================================== */
.preview-backdrop {
  position: absolute;
  width: 400px;
  inset-block-start: 49px;
  inset-inline-end: 0;
  inset-block-end: 0;
  background: #fff;
  opacity: 0;
  filter: "alpha(opacity=0)";
  transition: all ease 0.2s; }
  .preview-backdrop.show {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.context-menu {
  position: absolute;
  inset-inline-end: 400px;
  width: 250px;
  inset-block-start: 49px;
  inset-block-end: 0;
  background: #fff;
  border-inline-end: 1px solid #dbdbdb;
  box-shadow: 2px 0 3px 0 #e8e8e8;
  transition: all ease 0.3s; }
  .context-menu.show {
    inset-inline-end: 150px; }
  .context-menu .title {
    font-size: 17px;
    font-weight: 300;
    color: var(--color-text);
    padding: 10px 15px; }
  .context-menu .context-list {
    padding: 10px 15px 20px; }
    .context-menu .context-list li {
      border: 1px solid #fff;
      border-block-end: 1px solid #e5e5e5;
      background: #e9f4f8;
      padding: 6px 13px;
      height: 21px;
      line-height: 21px;
      margin-block-end: 7px;
      font-size: 14px;
      color: var(--color-text);
      border-radius: 2px; }
      .context-menu .context-list li i {
        font-style: normal;
        color: var(--color-text-light);
        font-weight: 300; }
      .context-menu .context-list li:hover, .context-menu .context-list li.selected {
        background: var(--sd-colour-interactive--alpha-20);
        border-color: var(--sd-colour-interactive--alpha-50);
        cursor: pointer; }

/* ====================================== */
.lightbox-preview.modal {
  position: fixed;
  border-radius: 0px;
  inset-block-start: 0 !important;
  inset-block-end: 0 !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  background: #000 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: hidden; }

.lightbox-preview .lightbox-right {
  width: 380px;
  position: absolute;
  box-sizing: border-box;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background: var(--sd-colour-panel-bg--100);
  padding: 15px; }
  .lightbox-preview .lightbox-right .lightbox-title {
    font-size: 18px;
    font-weight: normal;
    max-width: 100%;
    padding-inline-end: 40px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .lightbox-preview .lightbox-right .lightbox-close {
    background: none;
    padding: 0;
    border: 0;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    inset-inline-end: 12px;
    inset-block-start: 14px;
    opacity: 0.7;
    filter: "alpha(opacity=70)"; }
    .lightbox-preview .lightbox-right .lightbox-close:hover {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .lightbox-preview .lightbox-right .lightbox-modified-info {
    color: #a9a9a9;
    font-size: 12px;
    display: block; }
  .lightbox-preview .lightbox-right .lightbox-media-type {
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    float: none;
    margin-inline-start: -2px; }
  .lightbox-preview .lightbox-right .urgency-label {
    margin-block-start: 3px;
    margin-inline-end: 5px; }
  .lightbox-preview .lightbox-right .status-label {
    margin-block-start: 4px; }
  .lightbox-preview .lightbox-right .lightbox-actions {
    margin-block-start: 10px; }
    .lightbox-preview .lightbox-right .lightbox-actions i {
      margin-inline-end: 5px; }
      .lightbox-preview .lightbox-right .lightbox-actions i.icon-archive {
        margin-block-start: 0; }
  .lightbox-preview .lightbox-right .lightbox-media-data {
    position: absolute;
    inset-block-start: 130px;
    inset-inline-start: 15px;
    inset-inline-end: 5px;
    inset-block-end: 15px;
    overflow: auto;
    padding-inline-end: 10px; }
  .lightbox-preview .lightbox-right .lightbox-descritpion {
    width: 100%;
    margin-block-start: 10px;
    color: #484848; }
  .lightbox-preview .lightbox-right .toggle-box {
    margin: 20px 0; }

.lightbox-preview .lightbox-left {
  background: #101010;
  position: absolute;
  box-sizing: border-box;
  inset-inline-end: 380px;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0; }
  .lightbox-preview .lightbox-left .full-preview {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    text-align: center; }
    .lightbox-preview .lightbox-left .full-preview > .rendition {
      position: absolute;
      inset-inline-end: 0;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: 0; }
      .lightbox-preview .lightbox-left .full-preview > .rendition > figure {
        position: absolute;
        inset-inline-end: 0;
        inset-block-start: 0;
        inset-block-end: 0;
        inset-inline-start: 0;
        display: flex;
        justify-content: space-around;
        align-items: center; }
      .lightbox-preview .lightbox-left .full-preview > .rendition img {
        max-width: 100%;
        max-height: 100%;
        height: auto !important; }
    .lightbox-preview .lightbox-left .full-preview.composite {
      padding: 20px 20px 40px;
      overflow: auto; }
      .lightbox-preview .lightbox-left .full-preview.composite::-webkit-scrollbar {
        width: 16px;
        border-inline-start: 1px solid #282828;
        background: #000;
        border-inline-end: 1px solid #282828; }
      .lightbox-preview .lightbox-left .full-preview.composite::-webkit-scrollbar-thumb {
        border-inline-end: 1px solid #282828;
        border-inline-start: 1px solid #282828;
        background: #383838;
        box-shadow: inset 0 0 0 2px #000; }
      .lightbox-preview .lightbox-left .full-preview.composite .item {
        position: relative;
        float: inline-start;
        width: 220px;
        height: 150px;
        border-radius: 3px;
        overflow: hidden;
        margin: 15px;
        background: #3d3d3d;
        box-shadow: 0 2px 0 0 #000; }
        .lightbox-preview .lightbox-left .full-preview.composite .item .icons-holder i {
          margin: -12px 0 0 -12px;
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
        .lightbox-preview .lightbox-left .full-preview.composite .item .item-headline {
          padding: 15px;
          text-align: start;
          font-size: 14px; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.picture .item-headline, .lightbox-preview .lightbox-left .full-preview.composite .item.graphic .item-headline {
          display: none; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.picture img, .lightbox-preview .lightbox-left .full-preview.composite .item.graphic img {
          height: 150px;
          width: auto; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.text {
          background: white; }
          .lightbox-preview .lightbox-left .full-preview.composite .item.text .icons-holder {
            opacity: 0.5;
            filter: "alpha(opacity=50)"; }
        .lightbox-preview .lightbox-left .full-preview.composite .item.composite .item-headline, .lightbox-preview .lightbox-left .full-preview.composite .item.audio .item-headline {
          position: absolute;
          inset-block-end: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          color: #9a9a9a;
          text-align: center; }
        .lightbox-preview .lightbox-left .full-preview.composite .item .open-item {
          display: none;
          position: absolute;
          inset-inline-end: 5px;
          inset-block-start: 5px; }
        .lightbox-preview .lightbox-left .full-preview.composite .item:hover .open-item {
          display: block; }
  .lightbox-preview .lightbox-left .condensed-preview {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0; }
    .lightbox-preview .lightbox-left .condensed-preview img {
      max-width: 100%; }
  .lightbox-preview .lightbox-left.composite .condensed-preview, .lightbox-preview .lightbox-left.composite .navigation.left {
    left: 100px; }
  .lightbox-preview .lightbox-left.composite.open .condensed-preview, .lightbox-preview .lightbox-left.composite.open .navigation.left {
    left: 340px; }
  .lightbox-preview .lightbox-left .navigation {
    position: absolute;
    inset-block-start: 50%;
    height: 80px;
    margin-block-start: -120px;
    padding: 12px 25px;
    border: 0;
    background: 0; }
    .lightbox-preview .lightbox-left .navigation.left {
      inset-inline-start: 0; }
    .lightbox-preview .lightbox-left .navigation.right {
      inset-inline-end: 0;
      inset-inline-start: auto; }
    .lightbox-preview .lightbox-left .navigation i {
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
    .lightbox-preview .lightbox-left .navigation:hover i {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .lightbox-preview .lightbox-left .lightbox-caption {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px; }
  .lightbox-preview .lightbox-left .lightbox-paper {
    position: absolute;
    inset-block-start: 50px;
    inset-inline-start: 50px;
    inset-inline-end: 50px;
    inset-block-end: 50px; }
    .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text {
      background: var(--sd-item__main-Bg);
      max-width: 800px;
      margin: 0px auto;
      height: 100%;
      position: relative;
      border-radius: 5px; }
      .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-title {
        position: absolute;
        inset-block-start: 20px;
        inset-inline-start: 20px;
        inset-inline-end: 20px;
        height: 55px;
        font-size: 18px;
        line-height: 24px;
        border-block-end: 5px solid var(--sd-colour-line--light); }
      .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext {
        position: absolute;
        inset-block-start: 110px;
        inset-inline-start: 30px;
        inset-inline-end: 30px;
        inset-block-end: 20px;
        overflow: auto; }
        .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext small {
          color: var(--color-text-light); }
        .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext .lightbox-fullcontent {
          margin: 20px 0; }
        .lightbox-preview .lightbox-left .lightbox-paper .lightbox-text .lightbox-fulltext p {
          font-size: 13px;
          line-height: 20px;
          margin-block-end: 15px; }
  .lightbox-preview .lightbox-left .lightbox-audio, .lightbox-preview .lightbox-left .lightbox-video {
    background: #101010;
    margin: 50px;
    padding: 50px 0;
    text-align: center; }
  .lightbox-preview .lightbox-left .full-preview.composite .icons-holder i {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    margin: -70px 0 0 -20px;
    zoom: 2; }

.lightbox-preview .lightbox-composite {
  width: 100px;
  box-sizing: border-box;
  background: #000;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 2; }
  .lightbox-preview .lightbox-composite.open {
    width: 340px; }
  .lightbox-preview .lightbox-composite .toggle-composite {
    width: 40px;
    height: 43px;
    position: absolute;
    inset-inline-end: -40px;
    inset-block-start: 0;
    background: rgba(0, 0, 0, 0.8);
    line-height: 43px;
    text-align: center;
    opacity: 0.9;
    filter: "alpha(opacity=90)"; }
    .lightbox-preview .lightbox-composite .toggle-composite i {
      vertical-align: middle;
      opacity: 0.6;
      filter: "alpha(opacity=60)";
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transition: all 0.2s ease; }
    .lightbox-preview .lightbox-composite .toggle-composite:hover {
      cursor: pointer; }
  .lightbox-preview .lightbox-composite.open .toggle-composite i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .lightbox-preview .lightbox-composite .header {
    background: #1e353f; }
    .lightbox-preview .lightbox-composite .header h5 {
      display: none; }
    .lightbox-preview .lightbox-composite .header span {
      display: block;
      height: 43px;
      text-align: center; }
      .lightbox-preview .lightbox-composite .header span i {
        margin-block-start: 8px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }
  .lightbox-preview .lightbox-composite.open .header {
    height: 43px;
    background: #223d49; }
    .lightbox-preview .lightbox-composite.open .header h5 {
      color: #fff;
      font-size: 15px;
      line-height: 43px;
      height: 43px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 20px 0 10px;
      display: block;
      cursor: pointer; }
    .lightbox-preview .lightbox-composite.open .header span {
      float: inline-start;
      width: 50px;
      display: inline-block;
      background: #62b0d0; }
      .lightbox-preview .lightbox-composite.open .header span i {
        opacity: 1;
        filter: "alpha(opacity=100)"; }
      .lightbox-preview .lightbox-composite.open .header span:hover {
        cursor: pointer; }
  .lightbox-preview .lightbox-composite > .content {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 43px;
    inset-block-end: 0;
    overflow: auto; }
    .lightbox-preview .lightbox-composite > .content::-webkit-scrollbar {
      width: 16px;
      border-inline-start: 1px solid #282828;
      background: #000;
      border-inline-end: 1px solid #282828; }
    .lightbox-preview .lightbox-composite > .content::-webkit-scrollbar-thumb {
      border-inline-end: 1px solid #282828;
      border-inline-start: 1px solid #282828;
      background: #383838;
      box-shadow: inset 0 0 0 2px #000; }
  .lightbox-preview .lightbox-composite ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-block-start: 10px; }
    .lightbox-preview .lightbox-composite ul .item {
      border-block-end: 1px solid #272727;
      height: 40px;
      padding: 20px;
      position: relative; }
      .lightbox-preview .lightbox-composite ul .item:hover {
        cursor: pointer;
        background: rgba(98, 176, 208, 0.2); }
      .lightbox-preview .lightbox-composite ul .item.selected {
        padding-inline-start: 17px;
        border-inline-start: 3px solid #62b0d0;
        background: rgba(98, 176, 208, 0.4); }
      .lightbox-preview .lightbox-composite ul .item .holder, .lightbox-preview .lightbox-composite ul .item .icons-holder {
        float: inline-start;
        width: 60px;
        height: 40px;
        margin-inline-end: 20px;
        background: #3d3d3d;
        border-radius: 2px;
        border: 1px solid #3d3d3d;
        overflow: hidden;
        text-align: center;
        box-sizing: border-box; }
        .lightbox-preview .lightbox-composite ul .item .holder i, .lightbox-preview .lightbox-composite ul .item .icons-holder i {
          margin-block-start: 7px; }
      .lightbox-preview .lightbox-composite ul .item .item-headline {
        height: 40px;
        overflow: hidden;
        color: #dedede;
        text-transform: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px; }
      .lightbox-preview .lightbox-composite ul .item .open-item {
        position: absolute;
        inset-inline-end: 0px;
        inset-block-start: 0px;
        display: none;
        background: #888;
        padding: 2px 2px 2px 4px; }
      .lightbox-preview .lightbox-composite ul .item:hover .open-item {
        display: block; }
      .lightbox-preview .lightbox-composite ul .item.composite {
        padding-inline-end: 35px; }
        .lightbox-preview .lightbox-composite ul .item.composite .package-details {
          position: absolute;
          inset-block-start: 50%;
          inset-inline-end: 5px;
          margin-block-start: -7px; }
    .lightbox-preview .lightbox-composite ul .toggle-box > header {
      margin-inline-start: 5px;
      background: #223d49;
      margin-block-end: 0; }
      .lightbox-preview .lightbox-composite ul .toggle-box > header:before {
        display: none; }
      .lightbox-preview .lightbox-composite ul .toggle-box > header h6 {
        background: #223d49;
        color: #fff; }
  .lightbox-preview .lightbox-composite.open ul .toggle-box > header {
    background: #000;
    border: 0; }
    .lightbox-preview .lightbox-composite.open ul .toggle-box > header:before {
      display: block;
      border-bottom-color: #223d49; }
    .lightbox-preview .lightbox-composite.open ul .toggle-box > header h6 {
      background: #000;
      color: #fff;
      padding-inline-end: 10px; }
  .lightbox-preview .lightbox-composite.open ul .item.composite .package-details {
    display: block; }

.lightbox-preview .lightbox-mosaic {
  padding: 200px; }
  .lightbox-preview .lightbox-mosaic li {
    width: 220px;
    height: 150px;
    float: inline-start;
    margin: 0 30px 30px 0;
    border-radius: 3px;
    overflow: hidden;
    background: #2c323a; }

.lightbox-preview .preview-overlay {
  display: none; }

:root {
  --previewHeaderBG: var(--sd-colour-panel-bg--000); }

[data-theme="dark-ui"] {
  --previewHeaderBG: var(--sd-colour-panel-bg--000); }

.preview-header {
  position: relative;
  margin: 1px -20px 20px;
  padding: 5px 20px 12px 20px;
  border-block-start: 0;
  border-block-end: 0;
  z-index: 2;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  border-block-end: 1px solid var(--sd-shadow-outline--2);
  transition: max-height 0.3s ease-in; }
  .preview-header.active {
    transition: max-height 0.3s ease-in; }
    .preview-header.active .preview-header__flex-container {
      display: flex;
      padding: 8px 0;
      height: auto;
      opacity: 1; }
    .preview-header.active .preview-header__timestamp {
      padding-block-end: 8px; }
  .preview-header .preview-header__toggle {
    --toggleBG: var(--previewHeaderBG);
    --toggleWidth: 31px;
    --toggleHeight: 20px;
    --toggleHeigh--Hover: 24px;
    --toggleBorderColor: var(--sd-shadow-outline--2);
    position: absolute;
    width: var(--toggleWidth);
    height: var(--toggleHeight);
    border: 0;
    padding: 0 0 4px;
    inset-inline-start: 50%;
    margin-inline-start: calc(-1 * (var(--toggleWidth) / 2));
    inset-block-end: calc(-1 * var(--toggleHeight));
    background-color: var(--toggleBG);
    z-index: 3;
    line-height: 0;
    border-radius: 0 0 var(--b-radius--full) var(--b-radius--full);
    box-shadow: 0 -2px 0 0 var(--toggleBG), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    border: 1px solid var(--toggleBorderColor);
    border-block-start: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.12s ease-in; }
    .preview-header .preview-header__toggle i {
      height: 15px;
      color: var(--color-text);
      opacity: 0.75;
      transition: all 0.5s; }
    .preview-header .preview-header__toggle:hover {
      height: var(--toggleHeigh--Hover);
      inset-block-end: calc(-1 * var(--toggleHeigh--Hover));
      padding-block-start: 2px; }
      .preview-header .preview-header__toggle:hover i {
        opacity: 1; }
    .preview-header .preview-header__toggle.active i {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .preview-header .preview-header__timestamp {
    padding: 8px 16px 2px 0;
    display: flex;
    white-space: nowrap;
    overflow: hidden; }
    .preview-header .preview-header__timestamp label, .preview-header .preview-header__timestamp time {
      display: inline-block;
      vertical-align: top;
      font-size: 11px;
      color: var(--color-text-light);
      padding-inline-end: .4em;
      margin: 0;
      font-weight: 300; }
    .preview-header .preview-header__timestamp b {
      color: var(--color-text);
      font-size: 11px;
      font-weight: 400;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .preview-header .preview-header__border-block {
    margin-inline-start: 8px;
    padding-inline-start: 8px;
    border-inline-start: 1px solid var(--sd-colour-line--medium); }
  .preview-header .preview-header__flex-container {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s 0.4s; }
  .preview-header .preview-header__icon-block {
    width: 25px;
    padding-inline-end: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    .preview-header .preview-header__icon-block [class*=filetype-icon-],
    .preview-header .preview-header__icon-block [class^=filetype-icon-] {
      color: var(--color-text-light); }
  .preview-header .preview-header__main-block,
  .preview-header .preview-header__side-block {
    box-sizing: border-box;
    padding-inline-start: 12px;
    border-inline-start: 1px solid var(--sd-colour-line--medium);
    text-align: end; }
  .preview-header .preview-header__main-block {
    flex-grow: 1;
    padding-inline-end: 12px;
    text-align: start;
    overflow: hidden; }
  .preview-header .preview-header__flex-row {
    min-height: 18px;
    margin-block-end: 4px;
    overflow: hidden; }
  .preview-header .keyword {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    line-height: 116.6%;
    color: var(--sd-slugline-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden; }
  .preview-header .word-count {
    font-size: 10px;
    line-height: 16px;
    min-width: 0;
    margin: 0;
    color: var(--color-text-light);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .preview-header .word-count b {
      font-size: 12px;
      line-height: 12px;
      color: var(--color-text-light);
      padding-inline-end: .2em; }
  .preview-header .data {
    font-size: 12px;
    color: var(--color-text-light); }
  .preview-header .inline-label {
    display: inline;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 6px 0 0;
    color: var(--color-text-light);
    line-height: 116.6%; }
  .preview-header .takekey, .preview-header company-codes {
    display: inline;
    font-size: 12px;
    color: var(--color-text);
    line-height: 116.6%; }
  .preview-header .ednote {
    display: inline;
    font-size: 12px;
    color: #d25932;
    line-height: 116.6%; }
  .preview-header .stage {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.035em;
    line-height: 29px;
    color: var(--color-text-light);
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .preview-header .stage b {
      color: var(--color-text);
      font-weight: 600; }
  .preview-header .tag-label {
    max-width: 100%;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .preview-header .tag-main {
    display: inline; }

.preview-header .preview-header__flex-row div span:first-child br {
  display: none; }

figure.preview-overlay-on {
  position: relative;
  display: inline-block; }
  figure.preview-overlay-on:hover .preview-overlay {
    opacity: 1;
    transition: opacity 0.2s;
    cursor: pointer; }

.preview-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  background-color: rgba(0, 0, 0, 0.7);
  margin-block-start: 0;
  opacity: 0;
  transition: opacity 0.2s; }
  .preview-overlay i {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    margin-block-start: -16px;
    margin-inline-start: -16px;
    color: rgba(255, 255, 255, 0.9);
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px; }

.featuremedia-confirmation .picture-preview > div {
  margin-block-start: auto;
  margin-block-end: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7); }

.featuremedia-confirmation .picture-preview img {
  max-width: 440px;
  max-height: 440px;
  object-fit: contain; }

.featuremedia-confirmation .picture-preview .description-text {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
  word-wrap: break-word;
  margin-block-start: 0.7rem; }

.content-item-preview .preview-label, .preview-content .preview-label {
  display: inline-block;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 2.6rem;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em; }

.preview-tab--enable-scrolling {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 1px; }

[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
@keyframes dropOut {
  0% {
    transform: translateY(-43px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  50% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px); }
  100% {
    transform: translateX(0); } }

@keyframes appearFromBottomLeft {
  0% {
    transform: translateY(900px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes appearFromRight2 {
  0% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  50% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-48px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeIn3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes pulsateBG {
  0%, 100% {
    background-color: rgba(255, 87, 36, 0.1); }
  50% {
    background-color: rgba(255, 87, 36, 0.8); } }

.archive-sidebar {
  position: absolute;
  inset-block-start: 0px;
  inset-block-end: 0px;
  inset-inline-start: 0;
  width: 300px;
  background-color: var(--sd-colour-panel-bg--100);
  box-shadow: inset -1px 0px 6px 0px rgba(0, 0, 0, 0.1);
  transition: left 0.2s ease;
  border-inline-end: 2px solid var(--sd-colour__side-panel-border);
  z-index: 10; }
  .archive-sidebar .header {
    height: 48px;
    box-shadow: 0 1px 0 var(--sd-colour-line--light), 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: var(--sd-colour-panel-bg--100);
    position: relative;
    z-index: 4; }
    .archive-sidebar .header .icon {
      width: 48px;
      height: 48px;
      float: inline-start;
      text-align: center;
      line-height: 54px;
      cursor: pointer;
      opacity: 0.8; }
    .archive-sidebar .header ul {
      float: inline-start;
      padding-inline-start: 5px; }
      .archive-sidebar .header ul li {
        float: inline-start;
        height: 48px;
        margin: 0 15px;
        line-height: 48px;
        font-size: 14px;
        opacity: 0.7; }
        .archive-sidebar .header ul li:hover {
          cursor: pointer;
          border-block-end: 3px solid var(--sd-colour-line--medium); }
        .archive-sidebar .header ul li.active {
          border-block-end: 3px solid var(--sd-colour-interactive);
          opacity: 1; }
    .archive-sidebar .header .doopen {
      position: absolute;
      inset-block-start: 16px;
      inset-inline-end: 8px;
      padding-inline-start: 10px;
      padding-inline-end: 10px;
      opacity: 0.4; }
      .archive-sidebar .header .doopen:hover {
        cursor: pointer;
        opacity: 1; }
  .archive-sidebar .content {
    position: absolute;
    inset-block-start: 48px;
    inset-inline-start: 0px;
    inset-block-end: 0px;
    inset-inline-end: 0px;
    padding: 20px;
    overflow: auto;
    padding-block-end: 8.4rem; }
    .archive-sidebar .content.pull {
      inset-block-end: 60px; }
    .archive-sidebar .content.pull-heigher {
      inset-block-end: 120px; }
    .archive-sidebar .content .sd-check__wrapper {
      margin-inline-start: 0; }
    .archive-sidebar .content .superdeskRepos {
      margin-block-end: 2rem; }
  .archive-sidebar .tab-box {
    margin: 0 -20px 0 -20px;
    position: sticky;
    inset-block-start: -20px;
    background-color: var(--sd-colour-panel-bg--100);
    padding-block-end: 0.4rem;
    z-index: 3; }
  .archive-sidebar .edit-search {
    font-size: 15px;
    margin: 10px -20px 15px; }
    .archive-sidebar .edit-search fieldset {
      padding: 0 20px; }
  .archive-sidebar textarea.raw-search {
    height: 200px;
    border: 1px solid var(--sd-colour-line--light);
    background-color: var(--sd-colour-bg__searchbar);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: var(--color-text);
    border-radius: 4px; }
    .archive-sidebar textarea.raw-search:focus {
      background-color: var(--sd-colour-bg__searchbar);
      box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20); }
  .archive-sidebar .search-within-filter {
    position: relative;
    margin: -19px -20px 20px -20px;
    height: 48px; }
    .archive-sidebar .search-within-filter input {
      height: 48px;
      border-width: 0 0 1px 0 !important;
      padding-inline-start: 15px; }
    .archive-sidebar .search-within-filter button {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      height: 48px;
      width: 33px;
      border: 0;
      background: none; }
      .archive-sidebar .search-within-filter button i {
        width: 18px;
        background-repeat: no-repeat;
        margin-block-start: 5px; }
  .archive-sidebar .search-filters {
    position: relative;
    margin: 1px 0px 20px;
    height: 48px; }
    .archive-sidebar .search-filters input {
      height: 48px;
      border-width: 0;
      border-block-end: 1px solid var(--sd-colour-line--light);
      padding-inline-start: 42px;
      background-color: var(--sd-colour-bg__searchbar);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      color: var(--color-text); }
      .archive-sidebar .search-filters input:focus {
        background-color: var(--sd-colour-bg__searchbar);
        box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20); }
    .archive-sidebar .search-filters button {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      height: 48px;
      width: 33px;
      border: 0;
      background: none; }
      .archive-sidebar .search-filters button i {
        width: 18px;
        background-repeat: no-repeat;
        margin-block-start: 5px; }
    .archive-sidebar .search-filters::after {
      font-family: 'sd_icons';
      content: "\E618";
      font-size: 1.6rem;
      height: 1.6rem;
      width: 1.6rem;
      color: var(--color-text-lighter);
      position: absolute;
      inset-block-start: 14px;
      inset-inline-start: 16px;
      opacity: 0.5;
      z-index: 1;
      pointer-events: none; }
  .archive-sidebar .views {
    padding: 0; }
    .archive-sidebar .views .header {
      padding: 10px; }
    .archive-sidebar .views .list {
      inset-block-start: 48px;
      position: absolute;
      inset-inline-start: 0;
      inset-inline-end: 0;
      overflow: auto; }
      .archive-sidebar .views .list ul > li {
        display: block;
        box-sizing: border-box;
        padding: 10px 15px 10px 20px;
        border-block-end: 1px solid var(--sd-colour-line--light);
        overflow: hidden;
        position: relative; }
        .archive-sidebar .views .list ul > li .search-item {
          width: 80%; }
          .archive-sidebar .views .list ul > li .search-item i {
            color: var(--color-text-light);
            font-weight: 400; }
          .archive-sidebar .views .list ul > li .search-item .search-name {
            font-weight: 500; }
          .archive-sidebar .views .list ul > li .search-item .search-description {
            font-size: 12px;
            color: var(--color-text-light); }
        .archive-sidebar .views .list ul > li .search-button {
          position: absolute;
          inset-inline-end: 6px;
          inset-block-start: 8px; }
        .archive-sidebar .views .list ul > li .delete, .archive-sidebar .views .list ul > li .edit {
          border: 0;
          background: 0;
          display: none;
          opacity: 0.4; }
          .archive-sidebar .views .list ul > li .delete:hover, .archive-sidebar .views .list ul > li .edit:hover {
            opacity: 1; }
        .archive-sidebar .views .list ul > li:hover {
          cursor: pointer; }
          .archive-sidebar .views .list ul > li:hover .delete {
            display: inline-block; }
        .archive-sidebar .views .list ul > li.active {
          background: var(--sd-item__main-Bg--activated); }
        .archive-sidebar .views .list ul > li:first-child {
          border-block-start: 1px solid var(--sd-colour-line--light); }
    .archive-sidebar .views .edit-saved-searches {
      position: absolute;
      margin-inline-start: 0px; }
      .archive-sidebar .views .edit-saved-searches .content {
        position: static;
        padding: 0; }

.date-filter .predefined-dates {
  display: flex;
  justify-content: space-between;
  margin-block-end: 15px; }
  .date-filter .predefined-dates > div {
    flex: 1 1 auto;
    padding: 4px; }
    .date-filter .predefined-dates > div button {
      display: block;
      width: 100%; }
  .date-filter .predefined-dates .btn--mini, .date-filter .predefined-dates .toggle-button {
    min-height: 20px;
    height: auto;
    margin-inline-end: 4px;
    flex-grow: 1; }
    .date-filter .predefined-dates .btn--mini:last-child, .date-filter .predefined-dates .toggle-button:last-child {
      margin-inline-end: 0; }
  .date-filter .predefined-dates .toggle-button {
    padding: 5px;
    line-height: 130%;
    font-size: 11px;
    font-weight: 500; }

.date-filter .datepicker-input {
  min-width: initial; }

.date-filter fieldset .multiple .field {
  padding-inline-end: 10px; }
  .date-filter fieldset .multiple .field:last-child {
    padding: 0; }

.filter-box .filter-box__item {
  display: flex;
  margin-block-end: 2px;
  border-radius: 2px;
  padding: 4px 4px 4px 5px;
  line-height: 100%;
  background-color: transparent;
  transition: background-color ease-in-out 0.2s; }
  .filter-box .filter-box__item button {
    border: 0;
    background: none;
    display: block;
    width: 100%;
    padding: 0;
    color: var(--color-text-light);
    text-align: start;
    height: 22px;
    line-height: 22px;
    font-size: 12px; }
  .filter-box .filter-box__item .filter-box__hover-box {
    height: 1.6rem;
    width: 1.6rem;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    margin-inline-end: 0.8rem; }
    .filter-box .filter-box__item .filter-box__hover-box:hover i[class*="filetype-icon-"] {
      visibility: hidden; }
    .filter-box .filter-box__item .filter-box__hover-box:hover .sd-checkbox {
      visibility: visible; }
    .filter-box .filter-box__item .filter-box__hover-box .sd-checkbox {
      position: absolute;
      inset-inline-start: 0;
      inset-block-start: 0;
      visibility: hidden; }
  .filter-box .filter-box__item.checked .sd-checkbox {
    visibility: visible; }
  .filter-box .filter-box__item [class*="filetype-icon-"] {
    color: var(--color-text-light); }
  .filter-box .filter-box__item:hover {
    cursor: pointer; }
    .filter-box .filter-box__item:hover .filter-box__negate-filter {
      opacity: 0.6;
      transition: all ease-in-out 0.2s; }
      .filter-box .filter-box__item:hover .filter-box__negate-filter:hover {
        opacity: 1; }
      .filter-box .filter-box__item:hover .filter-box__negate-filter:active {
        color: #bd1600; }
  .filter-box .filter-box__item:active {
    background-color: var(--sd-colour-interactive--alpha-30); }
  .filter-box .filter-box__item .filter-box__negate-filter {
    opacity: 0;
    transition: all ease-in-out 0.1s;
    color: var(--color-text-light); }

.filter-box .filter-box__name {
  flex-grow: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .filter-box .filter-box__name i {
    margin-inline-start: 10px;
    font-style: italic;
    color: var(--color-text-light);
    font-weight: 300; }

.filter-box .filter-box__check {
  flex-grow: 0;
  margin-inline-end: 8px; }

.backlink-toolbar {
  padding: 16px 20px 0;
  margin-block-end: 20px;
  box-sizing: border-box;
  height: 48px;
  background: var(--sd-item__main-Bg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
  animation: dropOut 0.2s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1; }
  .backlink-toolbar .backlink {
    animation: appearFromRight 0.4s ease-out 1; }

.saved-searches__group-title {
  padding: 14px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--color-text-lighter); }

.sidebar-open .archive-content {
  inset-inline-start: 300px !important; }

.save-search,
.float-search-btn,
.save-search-panel {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  background-color: var(--sd-colour-panel-bg--200);
  padding: 16px 24px;
  text-align: end;
  box-shadow: 0 -1px 0 0 var(--sd-colour-line--medium), 0 -1px 2px 0 rgba(0, 0, 0, 0.12); }
  .save-search .search,
  .float-search-btn .search,
  .save-search-panel .search {
    margin-block-end: 5px; }
  .save-search .save-search__button-split,
  .float-search-btn .save-search__button-split,
  .save-search-panel .save-search__button-split {
    display: flex;
    align-items: center; }
    .save-search .save-search__button-split .btn,
    .float-search-btn .save-search__button-split .btn,
    .save-search-panel .save-search__button-split .btn {
      flex-basis: auto;
      flex-grow: 1; }
      .save-search .save-search__button-split .btn + .btn,
      .float-search-btn .save-search__button-split .btn + .btn,
      .save-search-panel .save-search__button-split .btn + .btn {
        margin-inline-start: 5px; }

.save-search-panel {
  text-align: start; }
  .save-search-panel input {
    margin-block-end: 10px; }

.save-search-panel__title {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text-light);
  margin-block-end: 20px; }

.save-search__link {
  display: inline-block;
  margin-inline-end: 32px;
  cursor: pointer;
  font-size: 14px; }
  .save-search__link:hover {
    text-decoration: underline; }

.float-search-btn {
  background-color: var(--sd-colour-panel-bg--100); }
  .float-search-btn .search {
    margin-block-end: 0; }

.float-search-btn--shift {
  inset-block-end: 64px; }

.toggle-button__text {
  line-height: 22px; }

.button-list {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px; }
  .button-list .toggle-button, .button-list .btn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.subnav .toggle-list .button-list {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.subnav .button-list .toggle-button, .subnav .button-list .btn {
  margin-block-end: 0; }

.button-list--padded {
  padding: 11px 0 11px 20px; }

.btn__check {
  position: relative;
  color: #fff;
  padding: 10px 15px;
  background: #546E7A;
  border: none;
  font-size: 13px;
  border-radius: 3px; }
  .btn__check:hover {
    cursor: pointer;
    background: #5e7c89; }
  .btn__check.focus, .btn__check:focus {
    outline: 1px solid #5ea9c8; }
  .btn__check.active, .btn__check:active {
    background: #78909C;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.2); }
    .btn__check.active:after, .btn__check:active:after {
      content: "";
      width: 42px;
      position: absolute;
      background: url(29795682bd73d5472ae0f7f53ccfd395.png) no-repeat;
      background-size: 42px;
      background-position: 0 -2px;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-end: 8px;
      opacity: 0.16;
      filter: "alpha(opacity=16)"; }
  .btn__check.active {
    cursor: default; }
  .btn__check:active {
    background: #6a8491;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.2); }
    .btn__check:active:after {
      opacity: 0.1;
      filter: "alpha(opacity=10)"; }
  .btn__check.active:disabled {
    opacity: 0.4; }
  .btn__check:disabled {
    opacity: 0.4;
    color: rgba(255, 255, 255, 0.7); }
    .btn__check:disabled:not(.active) {
      background: #546E7A !important; }
    .btn__check:disabled:hover {
      cursor: default; }

.btn-group {
  position: relative;
  *zoom: 1; }
  .btn-group:before, .btn-group:after {
    display: table;
    content: ""; }
  .btn-group:after {
    clear: both; }

.btn-group + .btn-group {
  margin-inline-start: 5px; }

.btn-toolbar {
  margin-block-start: 9px;
  margin-block-end: 9px; }
  .btn-toolbar .btn-group {
    display: inline-block; }

.btn-group .btn {
  position: relative;
  float: inline-start;
  margin-inline-start: -1px;
  border-radius: 0; }

.btn-group .btn:first-child {
  margin-inline-start: 0;
  border-radius: 3px 0 0 3px; }

.btn-group .btn:last-child,
.btn-group .dropdown__toggle {
  border-radius: 0 3px 3px 0; }

.btn-group .btn.large:first-child {
  margin-inline-start: 0;
  border-radius: 6px 0 0 6px; }

.btn-group .btn.large:last-child,
.btn-group .large.dropdown__toggle {
  border-radius: 0 6px 6px 0; }

.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2; }

.btn-group .dropdown__toggle:active,
.btn-group.open .dropdown__toggle {
  outline: 0; }

.btn-group .dropdown__toggle {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  *padding-block-start: 3px;
  *padding-block-end: 3px; }

.btn-group .btn--mini.dropdown__toggle {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  *padding-block-start: 1px;
  *padding-block-end: 1px; }

.btn-group .btn--small.dropdown__toggle {
  *padding-block-start: 4px;
  *padding-block-end: 4px; }

.btn-group .btn--large.dropdown__toggle {
  padding-inline-start: 12px;
  padding-inline-end: 12px; }

.btn-group.open {
  *z-index: 1000; }
  .btn-group.open .dropdown__menu {
    display: block;
    margin-block-start: 1px;
    border-radius: 5px; }

.btn--primary .caret,
.btn--danger .caret,
.btn--success .caret,
.btn--inverse .caret {
  border-top-color: white;
  border-bottom-color: white;
  opacity: 0.75;
  filter: "alpha(opacity=75)"; }

.subnav__button-stack--custom-buttons {
  min-width: 150px; }
  .subnav__button-stack--custom-buttons .btn {
    min-width: 38px; }
    .subnav__button-stack--custom-buttons .btn--custom {
      color: white;
      white-space: nowrap;
      background-color: #596473; }
      .subnav__button-stack--custom-buttons .btn--custom:hover {
        text-decoration: none;
        color: white;
        background-color: #434b56; }
    .subnav__button-stack--custom-buttons .btn--publish {
      background-color: #015798; }
      .subnav__button-stack--custom-buttons .btn--publish:hover {
        background-color: #013865; }
    .subnav__button-stack--custom-buttons .btn--publish-plus {
      background-color: #613a78; }
      .subnav__button-stack--custom-buttons .btn--publish-plus:hover {
        background-color: #452956; }

.alert {
  padding: 8px 35px 8px 14px;
  margin-block-end: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  color: #c09853; }

.alert-heading {
  color: inherit; }

.alert .close {
  position: relative;
  inset-block-start: -2px;
  inset-inline-end: -21px;
  line-height: 18px; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: var(--error-text-color); }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

.alert-block {
  padding-block-start: 14px;
  padding-block-end: 14px; }

.alert-block > p,
.alert-block > ul {
  margin-block-end: 0; }

.alert-block p + p {
  margin-block-start: 5px; }

.alert-extended {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center !important; }

.alert-extended--title {
  font-size: 1.1em !important; }

.alert-extended--message {
  font-size: 1em !important; }

.nav {
  margin-inline-start: 0;
  list-style: none; }

.nav > li > a,
.nav > li > button {
  display: block; }

.nav > li > a:hover {
  text-decoration: none;
  background-color: #f3f5f6; }

.nav-list {
  padding-inline-start: 15px;
  padding-inline-end: 15px;
  margin-block-end: 0; }

.nav-list > li > button {
  border: 0;
  background: 0; }

.nav-list > li > a,
.nav-list > li > button {
  margin-inline-start: -15px;
  margin-inline-end: -15px; }

.nav-list > li > a,
.nav-list > li > button {
  padding: 3px 15px; }

.nav-list > .active > a,
.nav-list > .active > button,
.nav-list > .active > a:hover {
  color: white;
  background-color: var(--sd-colour-interactive); }

.nav-list [class^="icon-"] {
  margin-inline-end: 2px; }

.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: var(--sd-colour-line--medium); }

.nav-tabs {
  height: 48px; }
  .nav-tabs > li {
    margin-block-end: -1px; }

.nav-tabs > li > a,
.nav-tabs > li > button {
  padding: 8px 0px;
  margin: 0 10px;
  line-height: 30px;
  font-size: 14px;
  height: 48px;
  background: none;
  color: var(--color-text-light);
  border: 0;
  border-block-end: 3px solid transparent; }
  .nav-tabs > li > a:hover,
  .nav-tabs > li > button:hover {
    border-bottom-color: var(--sd-colour-line--strong);
    background: none;
    text-decoration: none; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > button,
.nav-tabs > .active > button:hover {
  background: none;
  border-bottom-color: var(--sd-colour-interactive);
  cursor: default;
  color: var(--color-text); }

.nav-pills > li > a {
  padding-block-start: 8px;
  padding-block-end: 8px;
  margin-block-start: 2px;
  margin-block-end: 2px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: white;
  background-color: var(--sd-colour-interactive); }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-inline-end: 0; }

.nav-tabs.nav-stacked {
  border-block-end: 0;
  height: auto; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  border-radius: 0;
  margin: 0; }

.nav-tabs.nav-stacked > li.active a {
  background: #fff; }

.nav-tabs.nav-stacked > li:first-child > a {
  border-radius: 4px 4px 0 0; }

.nav-tabs.nav-stacked > li:last-child > a {
  border-radius: 0 0 4px 4px; }

.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-block-end: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-block-end: 1px; }

.nav-tabs .dropdown__menu,
.nav-pills .dropdown__menu {
  margin-block-start: 1px;
  border-width: 1px; }

.nav-pills .dropdown__menu {
  border-radius: 4px; }

.nav-tabs .dropdown__toggle .dropdown__caret,
.nav-pills .dropdown__toggle .dropdown__caret {
  border-top-color: var(--sd-colour-interactive);
  border-bottom-color: var(--sd-colour-interactive);
  margin-block-start: 6px; }

.nav-tabs .dropdown__toggle:hover .dropdown__caret,
.nav-pills .dropdown__toggle:hover .dropdown__caret {
  border-top-color: var(--sd-colour-interactive--hover);
  border-bottom-color: var(--sd-colour-interactive--hover); }

.nav-tabs .active .dropdown__toggle .dropdown__caret,
.nav-pills .active .dropdown__toggle .dropdown__caret {
  border-top-color: #2c323a;
  border-bottom-color: #2c323a; }

.nav > .dropdown.active > a:hover {
  color: black;
  cursor: pointer; }

.nav-tabs .open .dropdown__toggle,
.nav-pills .open .dropdown__toggle,
.nav > .open.active > a:hover {
  color: white;
  background-color: #8c97a6;
  border-color: #8c97a6; }

.nav .open .dropdown__caret,
.nav .open.active .dropdown__caret,
.nav .open a:hover .dropdown__caret {
  border-top-color: white;
  border-bottom-color: white;
  opacity: 1;
  filter: "alpha(opacity=100)"; }

.tabs-stacked .open > a:hover {
  border-color: #8c97a6; }

.tabbable {
  *zoom: 1; }
  .tabbable:before, .tabbable:after {
    display: table;
    content: ""; }
  .tabbable:after {
    clear: both; }

.tab-content {
  display: table;
  width: 100%; }

.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-block-end: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-left .nav-tabs > li {
  float: none; }

.tabs-left .nav-tabs > li > a {
  min-width: 74px;
  margin-inline-end: 0;
  margin-block-end: 3px; }

.tabs-left .nav-tabs {
  float: inline-start;
  margin-inline-end: 19px;
  border-inline-end: 1px solid #ddd; }

.tabs-left .nav-tabs > li > a {
  margin-inline-end: -1px;
  border-radius: 4px 0 0 4px; }

.tabs-left .nav-tabs > li > a:hover {
  border-color: #f3f5f6 #ddd #f3f5f6 #f3f5f6; }

.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: white; }

.subnav {
  align-items: center; }
  .subnav--padded {
    padding: 10px 20px; }

.subnav--absolute {
  position: absolute;
  inset-block-start: 48px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 10; }

.subnav--top {
  inset-block-start: 48px; }

.subnav__page-title,
.page-nav-title {
  padding: 10px 20px;
  color: var(--color-text);
  opacity: 0.8;
  font-size: 18px;
  line-height: 28px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400; }
  .subnav__page-title--text-light,
  .page-nav-title--text-light {
    font-weight: 300; }
  .subnav__page-title .sd-checkbox,
  .page-nav-title .sd-checkbox {
    font-size: 1.4rem; }
  .subnav__page-title:empty,
  .page-nav-title:empty {
    display: contents !important;
    padding: 0 !important; }
  .subnav__page-title.page-nav-title--flex,
  .page-nav-title.page-nav-title--flex {
    display: flex;
    align-items: center; }

.subnav__desk-stage {
  flex-grow: 1; }

.subnav--white-background {
  background-color: white; }

.subnav.level2 {
  position: absolute;
  background: #f5f5f5;
  inset-block-start: 0;
  inset-inline-start: 0 !important;
  height: 48px;
  z-index: 2;
  box-shadow: none; }

.monitoring .subnav .page-nav-title {
  padding-inline-start: 20px; }

.button-stack {
  height: 48px !important;
  position: relative;
  margin: 0 20px 0 0;
  float: inline-start; }
  .button-stack > .btn {
    margin-inline-start: 20px;
    margin-block-start: 10px; }
  .button-stack.right-stack {
    float: inline-end;
    margin: 0 0 0 5px; }
    .button-stack.right-stack .navbtn {
      border-inline-start: 1px solid rgba(0, 0, 0, 0.1) !important;
      border-inline-end: 0 !important; }
      .button-stack.right-stack .navbtn .dropdown__toggle {
        width: 100%; }
    .button-stack.right-stack > .btn {
      margin-inline-end: 12px;
      margin-inline-start: 0; }
  .button-stack .dropdown [class^="filetype-icon-"], .button-stack .dropdown [class*="filetype-icon-"] {
    vertical-align: middle; }

.navbtn--white [class^="icon-"], .navbtn--white [class*=" icon-"] {
  color: white !important; }

.subnav__stretch-bar {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 16px; }

.subnav__button-stack {
  position: relative;
  max-width: 100%; }
  .subnav__button-stack--square-buttons {
    height: 48px;
    margin: 0 0 0 16px;
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 100%; }
  .subnav__button-stack--custom-buttons {
    margin: 0 auto;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 0 1px;
    box-sizing: border-box;
    display: flex;
    max-width: 100%; }
    .subnav__button-stack--custom-buttons .btn {
      flex-grow: 0;
      margin: 0 4px; }
    .subnav__button-stack--custom-buttons .btn__text--short {
      display: none; }
    .subnav__button-stack--custom-buttons .btn__text {
      display: inline; }

.subnav__button-stack--custom-buttons .btn__text--short {
  display: none; }

.subnav__button-stack--custom-buttons .btn__text {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text--short {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text {
  display: none; }

.subnav__button-stack--default {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 10px 0; }
  .subnav__button-stack--default .btn {
    flex-grow: 0;
    margin: 0 4px; }
  .subnav__button-stack--default .btn__text--short {
    display: none; }
  .subnav__button-stack--default .btn__text {
    display: inline; }

.compact .subnav__button-stack--default .btn__text--short {
  display: inline; }

.compact .subnav__button-stack--default .btn__text {
  display: none; }

.shortcut {
  font-style: italic;
  opacity: 0.5; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.modal__wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: auto; }

.modal--nested-fix .modal__content > div, .modal--nested-fix .modal__content > div > div, .modal--nested-fix .modal__content > div > div > div, .modal--nested-fix .modal__content > div > div > div > div {
  display: flex;
  flex-direction: column;
  overflow-y: auto; }

.modal--nested-fix .modal__content .modal__footer {
  display: block; }

.modal--z-index-fix {
  z-index: 1051 !important; }

.split-popup {
  min-height: 400px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr; }
  .split-popup .sidebar {
    width: 200px;
    border-inline-end: 1px solid var(--sd-colour-line--medium);
    grid-column: 1 / 2; }
  .split-popup .main {
    grid-column: 2 / 3; }

.add-scheme-modal .modal__dialog {
  max-width: 840px !important;
  width: 100%; }

.add-scheme-modal .modal__body {
  max-width: 840px !important; }
  .add-scheme-modal .modal__body > * {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }

.add-scheme-modal .modal__body-header {
  flex-shrink: 0; }

.add-scheme-modal .modal__body-content {
  padding: 0 !important; }

.add-scheme-modal .nav-tabs {
  background: white; }

.add-scheme-modal .field {
  clear: both;
  float: none; }
  .add-scheme-modal .field label {
    display: inline-block;
    margin-inline-end: 6px; }

.add-scheme-modal .summary {
  margin-block-start: 20px; }
  .add-scheme-modal .summary > label {
    margin-block-end: 10px; }
  .add-scheme-modal .summary .list-item {
    display: block; }
  .add-scheme-modal .summary .title {
    font-size: 11px;
    text-transform: none;
    color: var(--color-text);
    min-width: 0;
    font-weight: 700; }
  .add-scheme-modal .summary .field {
    font-size: 11px; }

.add-scheme-modal .action-tab .field {
  margin-block-end: 10px; }

.add-scheme-modal .action-tab label {
  min-width: 90px; }

.add-scheme-modal .btn-group .btn {
  margin-inline-end: 5px; }

.add-scheme-modal .add {
  position: absolute;
  padding: 0;
  margin-inline-start: 10px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  line-height: 20px; }
  .add-scheme-modal .add i {
    margin: 0; }

.add-scheme-modal .term-editor .main-list {
  overflow: visible; }

.split-view {
  display: flex; }
  .split-view .sidebar, .split-view .main {
    overflow-x: hidden;
    overflow-y: auto; }
  .split-view .sidebar {
    width: 250px;
    max-width: 250px;
    flex: 0 0 auto;
    padding: 20px; }
    .split-view .sidebar + .main {
      border-inline-start: 1px solid var(--sd-colour-line--light); }
  .split-view .main {
    flex: 1 1 auto; }
  .split-view .main + .main {
    border-inline-start: 1px solid var(--sd-colour-line--light); }
  .split-view .content {
    padding: 2rem; }

.modal--preview-article .scroll-shadow {
  position: absolute;
  inset-block-start: 47px;
  width: 100vw; }

.modal--preview-article .modal__header {
  padding: 0.9rem 1.5rem !important; }
  .modal--preview-article .modal__header .btn-group button {
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-block-start: 2px;
    -webkit-appearance: none; }
    .modal--preview-article .modal__header .btn-group button [class^="icon-"], .modal--preview-article .modal__header .btn-group button [class*=" icon-"] {
      width: 24px;
      height: 24px;
      font-size: 24px;
      line-height: 24px;
      color: #bfbfbf; }
      .modal--preview-article .modal__header .btn-group button [class^="icon-"]:hover, .modal--preview-article .modal__header .btn-group button [class*=" icon-"]:hover {
        color: #596473; }
  .modal--preview-article .modal__header .btn-group label {
    line-height: 18px;
    display: inline-block; }
  .modal--preview-article .modal__header .btn {
    margin-inline-end: 12px; }
  .modal--preview-article .modal__header--no-border {
    border: 0 !important; }

.modal--preview-article .preview-content {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }
  .modal--preview-article .preview-content .metadata {
    margin: 30px 0 40px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0; }
    .modal--preview-article .preview-content .metadata .preview-label {
      min-width: 100px;
      vertical-align: top; }
    .modal--preview-article .preview-content .metadata .preview-data span {
      font-size: 12px;
      color: #000;
      background-color: #f5f5f5;
      margin-inline-end: 3px;
      margin-block-end: 3px;
      padding: 3px 6px;
      border-radius: 2px;
      display: inline-block; }
    .modal--preview-article .preview-content .metadata--top > div {
      min-height: 24px;
      overflow: hidden;
      margin-block-end: 10px;
      display: flex; }
    .modal--preview-article .preview-content .metadata + .metadata {
      margin-block-start: 0; }
  .modal--preview-article .preview-content .body {
    margin-block-end: 30px; }
  .modal--preview-article .preview-content figure {
    margin-block-end: 2rem; }
  .modal--preview-article .preview-content figcaption {
    color: #8c97a6;
    padding: 4px 0; }
  .modal--preview-article .preview-content img {
    max-width: 100%; }

.modal--about h4 {
  font-size: 16px; }

.modal--about .date-released {
  color: #767676;
  margin-block-end: 24px; }

.modal__header--about {
  background-color: #1eb06c;
  padding: 15px 15px 20px 20px !important; }
  .modal__header--about i {
    color: white; }
  .modal__header--about .modal__header-sd-logo {
    background: url(74a459f6e1c7b87e9fd4b6caad913022.svg) no-repeat 0 0;
    width: 154px;
    height: 48px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: inline-start; }

.animate-zoom__from-bottom-left {
  animation: appearFromBottomLeft 0.4s ease-out 1; }

.animate-slide-in__from-right {
  animation: appearFromRight2 0.6s ease-out 0s 1; }

.keyboard-map h4 {
  font-size: 16px;
  font-weight: 400;
  padding: 0 3px 8px 3px;
  border-block-end: 2px solid rgba(0, 0, 0, 0.15); }

.keyboard-map ul {
  margin-block-end: 20px; }
  .keyboard-map ul li {
    display: flex;
    padding: 6px 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px 0; }
    .keyboard-map ul li:hover {
      background-color: #f0f0f0; }
    .keyboard-map ul li .keyboard-map__shortcut {
      font-weight: 500;
      padding: 2px 7px;
      background-color: rgba(0, 0, 0, 0.08); }
    .keyboard-map ul li .keyboard-map__description {
      flex-grow: 1; }

.modal__body--with-navigation {
  display: flex;
  padding: 0 !important; }
  .modal__body--with-navigation .modal__navigation {
    background: var(--sd-colour-panel-bg--100);
    border-inline-end: 1px solid var(--sd-colour-line--light); }
    .modal__body--with-navigation .modal__navigation li button {
      font-size: 1.3rem;
      color: var(--color-text);
      padding: 1.6rem 3rem 1.6rem 3rem;
      text-align: start;
      min-width: 200px;
      transition: background-color 0.2s ease-out, color 0.1s ease-out; }
    .modal__body--with-navigation .modal__navigation li:hover {
      background-color: var(--sd-colour-interactive--alpha-20);
      color: var(--color-text);
      text-decoration: none; }
    .modal__body--with-navigation .modal__navigation li:active, .modal__body--with-navigation .modal__navigation li.active {
      background-color: var(--sd-colour-interactive--alpha-10);
      color: #5ea9c8; }
    .modal__body--with-navigation .modal__navigation li.active {
      border-inline-end: 4px solid var(--sd-colour-interactive--active); }
  .modal__body--with-navigation .modal__navigation--content {
    overflow: auto;
    flex: 1 1 100%; }
    .modal__body--with-navigation .modal__navigation--content .subnav.pagination--rounded {
      justify-content: center; }
    .modal__body--with-navigation .modal__navigation--content .table-list {
      height: calc(100% - 96px);
      overflow: auto !important; }
    .modal__body--with-navigation .modal__navigation--content table {
      border-block-start: 0; }

.modal-footer--flex,
.modal__footer--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem; }

.tooltip {
  position: absolute;
  z-index: 1040;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: "alpha(opacity=0)"; }
  .tooltip.in {
    opacity: 0.9;
    filter: "alpha(opacity=90)"; }
  .tooltip.top {
    margin-block-start: -2px; }
  .tooltip.right {
    margin-inline-start: 2px; }
  .tooltip.bottom {
    margin-block-start: 2px; }
  .tooltip.left {
    margin-inline-start: -2px; }

.tooltip-inner {
  max-width: 200px;
  padding: 4px 8px;
  color: white;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  background-color: black;
  border-radius: 1px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0; }

.popover {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1010;
  display: none;
  padding: 5px; }
  .popover.top {
    margin-block-start: -5px; }
  .popover.right {
    margin-inline-start: 5px; }
  .popover.bottom {
    margin-block-start: 5px; }
  .popover.left {
    margin-inline-start: -5px; }
  .popover .arrow {
    position: absolute;
    width: 0;
    height: 0; }

.popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-block-end: 1px solid #eee;
  border-radius: 3px 3px 0 0; }

.popover-content {
  padding: 14px;
  background-color: white;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  .popover-content p, .popover-content ul, .popover-content ol {
    margin-block-end: 0; }

@keyframes dropOut {
  0% {
    transform: translateY(-43px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  50% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px); }
  100% {
    transform: translateX(0); } }

@keyframes appearFromBottomLeft {
  0% {
    transform: translateY(900px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes appearFromRight2 {
  0% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  50% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-48px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeIn3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes pulsateBG {
  0%, 100% {
    background-color: rgba(255, 87, 36, 0.1); }
  50% {
    background-color: rgba(255, 87, 36, 0.8); } }

.label--lite {
  font-size: 11px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  text-transform: uppercase; }

.inline-tag-list {
  *zoom: 1;
  padding: 10px 0 0 0; }
  .inline-tag-list:before, .inline-tag-list:after {
    display: table;
    content: ""; }
  .inline-tag-list:after {
    clear: both; }
  .inline-tag-list li {
    float: inline-start; }
    .inline-tag-list li .inline-tag {
      font-size: 1.4rem;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      border-radius: 9999px;
      padding: 0em 1em 0em 1em;
      background-color: var(--sd-colour__tag-label-Bg--1);
      color: var(--color-text);
      margin: 0 4px 4px 0;
      float: inline-start;
      position: relative;
      text-align: center;
      font-weight: 400;
      transition: background-color .2s ease-out, opacity .1s ease-out;
      height: 24px; }
      .inline-tag-list li .inline-tag.tag-prime {
        background-color: var(--sd-colour__tag-label-Bg--highlight-2); }
      .inline-tag-list li .inline-tag.tag-darker {
        background-color: var(--sd-colour__tag-label-Bg--2); }
      .inline-tag-list li .inline-tag span {
        font-weight: 500;
        margin-inline-end: 4px;
        text-transform: uppercase;
        color: var(--color-text-light);
        opacity: 0.8; }
      .inline-tag-list li .inline-tag button {
        border: 0;
        border-radius: 9999px;
        height: 1.8rem;
        width: 1.8rem;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: inherit;
        line-height: 1;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        background-color: var(--sd-colour__tag-label-remove-Bg);
        color: var(--color-text);
        cursor: pointer;
        transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
        margin-inline-end: -1rem;
        margin-inline-start: 0.8rem; }
        .inline-tag-list li .inline-tag button [class^="icon-"], .inline-tag-list li .inline-tag button [class*=" icon-"] {
          color: var(--color-text-light);
          font-size: 1.6rem;
          flex-grow: 0;
          flex-shrink: 0;
          margin-inline-start: 1px;
          opacity: 0.4;
          transition: color .1s ease-out, opacity .1s ease-out; }
        .inline-tag-list li .inline-tag button:hover {
          text-decoration: none;
          background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
          .inline-tag-list li .inline-tag button:hover [class^="icon-"], .inline-tag-list li .inline-tag button:hover [class*=" icon-"] {
            opacity: 0.85; }
        .inline-tag-list li .inline-tag button:active {
          background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
          .inline-tag-list li .inline-tag button:active [class^="icon-"], .inline-tag-list li .inline-tag button:active [class*=" icon-"] {
            color: var(--sd-colour-interactive);
            opacity: 1; }

/*----------------------------------------
  #Urgency label
----------------------------------------*/
.urgency-label {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.urgency-label--0 {
  background: #cccccc; }

.urgency-label--1 {
  background: #01405b; }

.urgency-label--2 {
  background: #005e84; }

.urgency-label--3 {
  background: #3684a4; }

.urgency-label--4 {
  background: #64a4bf; }

.urgency-label--5 {
  background: #a1c6d8; }

/*----------------------------------------
  #Priority label
----------------------------------------*/
.priority-label {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.priority-label--0 {
  background: #cccccc; }

.priority-label--1 {
  background: #b82f00; }

.priority-label--2 {
  background: #de6237; }

.priority-label--3 {
  background: #e49c56; }

.priority-label--4 {
  background: #edc175; }

.priority-label--5 {
  background: #b6c28b; }

.priority-label--6 {
  background: #c0c9a1; }

/*----------------------------------------
  #State labels
----------------------------------------*/
.state-label, .mlist-view .media-box.contacts .org-label, .compact-view.list-view .media-box.contacts .org-label, .profile-label, .language-label {
  display: inline-flex;
  line-height: 1.6rem;
  height: 1.6rem;
  font-size: 0.9rem;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  border-radius: var(--b-radius--full);
  padding-inline: 0.8rem;
  border: 1px solid;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  font-weight: 500;
  border-color: #8c8c8c;
  color: #8c8c8c; }
  .state-label.state_embargo, .mlist-view .media-box.contacts .state_embargo.org-label, .compact-view.list-view .media-box.contacts .state_embargo.org-label, .state_embargo.profile-label, .state_embargo.language-label {
    border-color: #ff3381 !important;
    color: #ff3381 !important; }
  .state-label.state-draft, .mlist-view .media-box.contacts .state-draft.org-label, .compact-view.list-view .media-box.contacts .state-draft.org-label, .state-draft.profile-label, .state-draft.language-label {
    border-color: #8c8c8c;
    color: #8c8c8c; }
  .state-label.state-ingested, .mlist-view .media-box.contacts .state-ingested.org-label, .compact-view.list-view .media-box.contacts .state-ingested.org-label, .state-ingested.profile-label, .state-ingested.language-label, .state-label.state-routed, .mlist-view .media-box.contacts .state-routed.org-label, .compact-view.list-view .media-box.contacts .state-routed.org-label, .state-routed.profile-label, .state-routed.language-label, .state-label.state-fetched, .mlist-view .media-box.contacts .state-fetched.org-label, .compact-view.list-view .media-box.contacts .state-fetched.org-label, .state-fetched.profile-label, .state-fetched.language-label {
    border-color: #5d9cc0;
    color: #5d9cc0; }
  .state-label.state-submitted, .mlist-view .media-box.contacts .state-submitted.org-label, .compact-view.list-view .media-box.contacts .state-submitted.org-label, .state-submitted.profile-label, .state-submitted.language-label, .state-label.state-in_progress, .mlist-view .media-box.contacts .state-in_progress.org-label, .compact-view.list-view .media-box.contacts .state-in_progress.org-label, .state-in_progress.profile-label, .state-in_progress.language-label, .state-label.state-subbed, .mlist-view .media-box.contacts .state-subbed.org-label, .compact-view.list-view .media-box.contacts .state-subbed.org-label, .state-subbed.profile-label, .state-subbed.language-label {
    border-color: #d1a700;
    color: #d1a700; }
  .state-label.state-published, .mlist-view .media-box.contacts .state-published.org-label, .compact-view.list-view .media-box.contacts .state-published.org-label, .state-published.profile-label, .state-published.language-label {
    border-color: #5d8c31;
    color: #5d8c31; }
  .state-label.state-spiked, .mlist-view .media-box.contacts .state-spiked.org-label, .compact-view.list-view .media-box.contacts .state-spiked.org-label, .state-spiked.profile-label, .state-spiked.language-label, .state-label.state-recalled, .mlist-view .media-box.contacts .state-recalled.org-label, .compact-view.list-view .media-box.contacts .state-recalled.org-label, .state-recalled.profile-label, .state-recalled.language-label, .state-label.state-killed, .mlist-view .media-box.contacts .state-killed.org-label, .compact-view.list-view .media-box.contacts .state-killed.org-label, .state-killed.profile-label, .state-killed.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.state-killed, .mlist-view .media-box.contacts .state-killed.org-label, .compact-view.list-view .media-box.contacts .state-killed.org-label, .state-killed.profile-label, .state-killed.language-label {
    border-color: #bd1600;
    color: #bd1600;
    background-color: #ffe8e6; }
  .state-label.state-on_hold, .mlist-view .media-box.contacts .state-on_hold.org-label, .compact-view.list-view .media-box.contacts .state-on_hold.org-label, .state-on_hold.profile-label, .state-on_hold.language-label, .state-label.state-scheduled, .mlist-view .media-box.contacts .state-scheduled.org-label, .compact-view.list-view .media-box.contacts .state-scheduled.org-label, .state-scheduled.profile-label, .state-scheduled.language-label {
    border-color: #db7100;
    color: #db7100; }
  .state-label.state-corrected, .mlist-view .media-box.contacts .state-corrected.org-label, .compact-view.list-view .media-box.contacts .state-corrected.org-label, .state-corrected.profile-label, .state-corrected.language-label {
    border-color: var(--sd-state-colour--navy);
    color: var(--sd-state-colour--navy); }
  .state-label.not-for-publication, .mlist-view .media-box.contacts .not-for-publication.org-label, .compact-view.list-view .media-box.contacts .not-for-publication.org-label, .not-for-publication.profile-label, .not-for-publication.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.for-publication, .mlist-view .media-box.contacts .for-publication.org-label, .compact-view.list-view .media-box.contacts .for-publication.org-label, .for-publication.profile-label, .for-publication.language-label {
    border-color: #5d8c31;
    color: #5d8c31; }
  .state-label.legal, .mlist-view .media-box.contacts .legal.org-label, .compact-view.list-view .media-box.contacts .legal.org-label, .legal.profile-label, .legal.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.missing-link, .mlist-view .media-box.contacts .missing-link.org-label, .compact-view.list-view .media-box.contacts .missing-link.org-label, .missing-link.profile-label, .missing-link.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.takes, .mlist-view .media-box.contacts .takes.org-label, .compact-view.list-view .media-box.contacts .takes.org-label, .takes.profile-label, .takes.language-label {
    border-color: #8a008a;
    color: #8a008a; }
    .state-label.takes div:hover, .mlist-view .media-box.contacts .takes.org-label div:hover, .compact-view.list-view .media-box.contacts .takes.org-label div:hover, .takes.profile-label div:hover, .takes.language-label div:hover {
      background-color: #8a008a; }
  .state-label.takes:hover, .mlist-view .media-box.contacts .takes.org-label:hover, .compact-view.list-view .media-box.contacts .takes.org-label:hover, .takes.profile-label:hover, .takes.language-label:hover {
    background-color: #8a008a;
    color: white; }
  .state-label.sms, .mlist-view .media-box.contacts .sms.org-label, .compact-view.list-view .media-box.contacts .sms.org-label, .sms.profile-label, .sms.language-label, .state-label.updated, .mlist-view .media-box.contacts .updated.org-label, .compact-view.list-view .media-box.contacts .updated.org-label, .updated.profile-label, .updated.language-label {
    border-color: var(--sd-state-colour--navy);
    color: var(--sd-state-colour--navy); }
  .state-label.updated:hover, .mlist-view .media-box.contacts .updated.org-label:hover, .compact-view.list-view .media-box.contacts .updated.org-label:hover, .updated.profile-label:hover, .updated.language-label:hover {
    background-color: var(--sd-state-colour--navy);
    color: white; }
  .state-label--right {
    margin-inline-end: 0;
    margin-inline-start: 0.8rem; }

.profile-label {
  background-color: var(--sd-colour-bg-translucent--08);
  color: var(--color-text);
  border: none !important; }

.info-block {
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
  color: #999; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-block-end: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: var(--color-text);
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    inset-block-start: 26px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-block-end: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-block-end: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-inline-end: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-inline-start: 5px solid #fff;
        border-inline-end: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-inline-start: 4px solid #fff;
        border-inline-end: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: var(--color-text);
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: white;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-inline-end: 5px;
        vertical-align: middle;
        margin-block-start: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 3px !important;
  height: 32px;
  border: 1px solid var(--sd-colour-line--medium);
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 10px 8px var(--sd-colour-bg__searchbar);
  padding: 0 0 0 36px !important;
  position: relative;
  color: var(--color-text);
  transition: all 0.2s ease; }
  .searchbar.searchbar-large {
    height: 40px !important;
    font-size: 15px;
    line-height: 26px;
    background-position: 10px 12px; }
  .searchbar:hover {
    border-color: var(--sd-colour-line--strong); }
  .searchbar:focus {
    transition: box-shadow 0.2s ease-out;
    border-color: var(--sd-colour-interactive--alpha-70);
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 4px var(--sd-colour-interactive--alpha-20); }

.flat-searchbar {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-grow: 1;
  transition: all ease 0.2s; }
  .flat-searchbar .search-handler {
    flex-grow: 1;
    min-width: 48px;
    padding: 4px 10px 4px 14px;
    background: none;
    display: flex !important;
    align-items: center;
    white-space: nowrap;
    border-inline-end: 1px solid var(--sd-colour-line--light) !important;
    transition: all 0.3s ease;
    gap: 4px; }
    .flat-searchbar .search-handler input {
      font-size: 14px;
      border: 0 !important;
      width: 100%;
      padding: 0;
      color: var(--color-text);
      background-color: transparent;
      transition: all 0.3s ease;
      flex-grow: 1; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none; }
      .flat-searchbar .search-handler input::placeholder {
        color: var(--color-text-lighter);
        font-weight: 300;
        letter-spacing: 0.03rem; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      margin: 0;
      flex-shrink: 0;
      flex-grow: 0; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px;
        color: var(--color-icon-default); }
    .flat-searchbar .search-handler--left-border {
      border-inline-end: 0 !important;
      border-inline-start: 1px solid var(--sd-colour-line--light); }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-inline-end: 2px dotted var(--sd-colour-line--medium);
    height: 30px;
    float: inline-start; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: var(--color-text);
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.4; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.8; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler {
      box-shadow: none !important; }
      .flat-searchbar.extended .search-handler input {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        font-size: 1.4rem;
        padding: 0;
        padding-inline-end: 0px;
        color: inherit;
        align-self: auto;
        background-color: transparent;
        border: 0;
        box-shadow: none !important;
        padding-inline-end: 1rem;
        height: auto; }
    .flat-searchbar.extended .separator-handler {
      margin-inline-start: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }
    .flat-searchbar.extended:focus-within {
      box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
      background-color: var(--sd-colour-bg__searchbar); }
    .flat-searchbar.extended .trigger-icon,
    .flat-searchbar.extended .trigger-icon:hover {
      opacity: 0.5;
      margin: 0;
      pointer-events: none; }
  .flat-searchbar:focus-within {
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
    background-color: var(--sd-colour-bg__searchbar);
    outline: none; }
  .flat-searchbar:hover {
    background-color: var(--sd-colour-bg__searchbar); }

.search-start {
  height: 2.8rem;
  width: 2.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  margin: 0 0.8rem 0 0;
  padding: 0;
  transition: all 0.2s ease-out;
  background-color: var(--sd-colour-interactive--alpha-40);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .search-start i {
    transition: color 0.2s ease-out;
    color: var(--sd-colour-interactive--alpha-80); }
  .search-start.visible {
    opacity: 1;
    display: flex; }
    .search-start.visible:hover {
      background-color: var(--sd-colour-interactive--alpha-80); }
      .search-start.visible:hover i {
        color: white; }
    .search-start.visible:active {
      background-color: var(--sd-colour-interactive); }
      .search-start.visible:active i {
        color: white; }
  .search-start:hover {
    background-color: var(--sd-colour-interactive--alpha-80); }
    .search-start:hover i {
      color: white; }
  .search-start:active {
    background-color: var(--sd-colour-interactive); }
    .search-start:active i {
      color: white; }

.monitoring-backlink .separator-handler {
  margin-block-start: 0;
  margin-inline-end: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #8c97a6;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #8c97a6;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #2c323a;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: black;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: var(--sd-slugline-color);
        color: var(--sd-slugline-color); }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #596473; }
    .filter-type__item--active i {
      opacity: 1;
      color: #f3f5f6;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #f3f5f6; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-inline-start: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-block-end: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-inline-end: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        inset-inline-end: -5px;
        inset-block-start: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: inline-start;
        padding-inline-end: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-inline-end: 10px;
  float: inline-end; }

.online-users {
  float: inline-start;
  height: 48px;
  padding-inline-start: 15px;
  margin-inline-start: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-block-end: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-block-end: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  padding-inline-start: 1rem;
  color: var(--color-text); }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

[sd-timezone] .item-list {
  width: 100%;
  color: var(--color-text); }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-inline-end: 2.5rem;
    flex-grow: 1; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px;
  color: var(--color-text); }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    padding-inline-end: 3.2rem;
    padding-inline-start: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-block-end: 1px solid var(--color-input-border);
    border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
    background-color: var(--color-input-bg);
    font-size: 1.3rem;
    color: var(--color-text); }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-color: var(--color-input-border-hover);
      background-color: var(--color-input-bg--hover); }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
      border-color: var(--sd-colour-interactive);
      background-color: var(--sd-colour-interactive--alpha-20); }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    inset-inline-end: 2px;
    inset-block-start: 0; }

.datepicker-wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2000;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: var(--b-radius--small);
  width: 280px; }
  .datepicker-wrapper .btn:hover {
    box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap--x-small);
    margin-block-end: 8px; }
    .datepicker-wrapper .datepicker-additional .btn {
      min-height: 24px;
      flex-grow: 1; }
  .datepicker-wrapper .datepicker-core {
    margin-block-start: 4px;
    margin-block-end: 12px;
    border-block-end: 1px solid var(--sd-colour-line--light) !important; }
    .datepicker-wrapper .datepicker-core table {
      margin: 8px 0 12px;
      width: 100%; }
      .datepicker-wrapper .datepicker-core table thead {
        margin-block-end: 8px; }
        .datepicker-wrapper .datepicker-core table thead tr th {
          padding-block-end: 8px; }
          .datepicker-wrapper .datepicker-core table thead tr th .btn {
            background: none;
            padding: 0;
            display: flex;
            align-items: center; }
        .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
          font-weight: 500; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
          font-weight: normal;
          font-size: 14px; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
          display: inline-block;
          width: 14px;
          height: 14px;
          background-repeat: no-repeat; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
          margin-inline-start: 3px;
          background-position: -189px -165px; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
          margin-inline-end: 3px;
          background-position: -213px -165px; }
      .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
        padding-block-start: 5px; }
      .datepicker-wrapper .datepicker-core table tbody td {
        padding: 0 2px; }
        .datepicker-wrapper .datepicker-core table tbody td .btn {
          width: 100% !important;
          min-width: 28px !important;
          padding: 0;
          background-color: transparent;
          color: var(--color-text);
          box-shadow: none;
          border-radius: var(--b-radius--small); }
          .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
            color: var(--color-text-lighter); }
          .datepicker-wrapper .datepicker-core table tbody td .btn:hover {
            box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
            background: transparent; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.active {
            color: white !important;
            background-color: var(--sd-colour-interactive); }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
            color: white;
            background: ver(--sd-colour-interactive); }
            .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
              color: white; }

.timepicker-popup {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2000;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: var(--b-radius--small);
  width: 200px;
  min-height: 310px; }
  .timepicker-popup .timepicker-additional {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap--x-small);
    margin-block-end: 18px; }
    .timepicker-popup .timepicker-additional .btn {
      height: 24px;
      flex-grow: 1;
      font-size: 11px;
      letter-spacing: 0;
      padding-inline: 4px;
      box-shadow: none; }
      .timepicker-popup .timepicker-additional .btn:hover {
        box-shadow: none; }
  .timepicker-popup .timepicker-core .select-area {
    margin-block-start: 15px;
    border-block-start: 1px solid var(--sd-colour-line--medium); }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-block-start: -10px;
      float: inline-start;
      background-color: var(--color-dropdown-menu-Bg);
      text-transform: uppercase;
      color: var(--color-text-light);
      font-size: 11px;
      padding-inline-end: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-block-start: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: inline-start;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 1px 2px 0;
        color: var(--color-text);
        background-color: transparent;
        box-shadow: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: var(--b-radius--small); }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
          background: transparent; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          color: white !important;
          background-color: var(--sd-colour-interactive); }
  .timepicker-popup .timepicker-core .timepicker-popup__foter {
    padding: 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap--small); }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-block-end: 1px solid var(--sd-colour-line--light) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    inset-block-start: -9px; }
  .pills-list.line-input > li:hover {
    border-color: var(--sd-colour-line--medium) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: var(--color-text);
  border: 0;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: white; }
  .backlink:hover, a.backlink:hover {
    color: var(--sd-colour-interactive);
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all 0.2s ease-in-out; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-block-start: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-block-start: -3px;
      padding-inline-end: 20px;
      color: var(--color-text-light); }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: var(--color-text-lighter);
      margin-block-start: -5px; }
    .activity-log ul li.activity.with-date {
      margin-block-start: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-block-start: 1px solid var(--sd-colour-line--light);
        inset-block-start: -17px;
        position: absolute;
        inset-inline-end: 0;
        inset-inline-start: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: var(--color-text-lighter);
          margin-block-start: -10px;
          display: block;
          float: inline-start;
          padding-inline-end: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1.6rem;
  margin-block-end: 20px;
  list-style-type: none; }
  .notification-list li {
    background: var(--sd-item__main-Bg);
    padding: 12px 8px;
    border-radius: var(--b-radius--medium);
    width: 100%;
    min-height: 48px;
    margin: 1.6rem 0;
    box-shadow: 0 0 0 1px var(--sd-colour--shadow-line), 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.16);
    border: none; }
    .notification-list li .content {
      padding-inline-start: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: var(--color-text); }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: var(--color-text-light);
        margin-block-start: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: var(--sd-colour-interactive); }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: var(--sd-colour-interactive--hover); }
    .notification-list li.unread {
      border-color: var(--sd-colour-interactive--alpha-50); }
    .notification-list li.important {
      border: 1px solid rgba(167, 1, 1, 0.8) !important;
      box-shadow: inset 0px 0px 1px 1px rgba(38, 23, 23, 0.3) !important; }
    .notification-list li .info {
      color: var(--color-text-light); }

.notification-pane ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

.hard-error {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-inline-end: 0; }
  .sd-pagination .page-info {
    margin-inline-end: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-block-start: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-inline-start: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-block-start: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-block-end: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-inline-start: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 8px;
  padding: 0 8px;
  gap: 8px; }
  .sortbar .lab {
    margin-inline-end: 8px; }
  .sortbar .dropdown__toggle {
    color: var(--color-text);
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.7; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-block-end: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-block-start: -1px;
    float: inline-end; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-block-start: 1px solid #e5e5e5; }
  .plain-list > li {
    border-block-end: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-block-start: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: var(--sd-colour-interactive); }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px;
  border-radius: var(--b-radius--small); }
  .sd-mentions-item > div * + * {
    margin-inline-start: 6px; }

.sd-mentions-item.active > div {
  background-color: var(--sd-colour-interactive--alpha-20);
  cursor: pointer; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 6px 8px;
    clear: both;
    border-radius: 3px;
    margin-block-end: 2px; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: var(--color-text); }
    .users-list-embed > li:hover, .users-list-embed > li :focus {
      background: var(--sd-colour-interactive--alpha-20); }
    .users-list-embed > li:active {
      background: var(--sd-colour-interactive--alpha-30); }
    .users-list-embed > li.active {
      background: var(--sd-colour-interactive--alpha-30); }
    .users-list-embed > li.inactive {
      color: var(--color-text-light);
      opacity: 0.75; }

.mentio-menu {
  padding: 8px;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background-color: var(--color-dropdown-menu-Bg) !important;
  border-radius: var(--b-radius--small);
  box-shadow: var(--sd-shadow__dropdown);
  width: 240px;
  inset-block-end: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: var(--sd-item__main-Bg);
  border: none;
  box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: var(--b-radius--medium);
  margin-block-end: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: var(--sd-item__main-Bg--hover);
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    opacity: 0.75; }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: end; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: var(--sd-item__main-Bg--hover);
  box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px;
  color: var(--color-text); }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background-color: var(--sd-item__main-Bg);
    margin-block-end: 6px;
    margin-inline-end: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      background-color: var(--sd-item__main-Bg--hover); }
    .pills-list > li.active {
      background: var(--sd-colour-interactive--active);
      box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1); }
      .pills-list > li.active:not(.editable) {
        color: white; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted var(--sd-colour-line--medium);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-block-start: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      inset-block-start: 0px;
      inset-inline-end: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: inline-start;
        line-height: 0;
        opacity: 0.6; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-block-start: -2px;
          color: var(--color-text-light); }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: inline-start;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: inline-end; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 500;
      padding: 2px 5px;
      line-height: 12px;
      margin-inline-start: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

.pills-list:not(.pills-list--draggable) > li {
  transition: all ease-in-out 0.2s; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1); }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-inline-start: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic;
  color: var(--color-text-light); }
  .or-label:before {
    content: "_________";
    position: absolute;
    inset-block-start: -6px;
    color: var(--sd-colour-line--medium);
    inset-inline-start: 50%;
    margin-inline-start: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    inset-block-start: -6px;
    color: var(--sd-colour-line--medium);
    inset-inline-start: 50%;
    margin-inline-start: 15px; }

.list-group .list-group-item {
  padding: 0 8px 0 16px;
  border: 1px solid var(--sd-colour-line--light);
  border-width: 0 1px 1px 1px;
  background-color: var(--sd-item__main-Bg);
  display: flex;
  align-items: center;
  min-height: 4.2rem; }
  .list-group .list-group-item:first-child {
    border-width: 1px;
    border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }
  .list-group .list-group-item:last-child {
    border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }
  .list-group .list-group-item:hover {
    background-color: var(--sd-item__main-Bg--hover);
    cursor: pointer; }
  .list-group .list-group-item a {
    text-decoration: none;
    color: var(--color-text); }
  .list-group .list-group-item--no-click:hover {
    cursor: default;
    background-color: var(--sd-item__main-Bg); }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear .1s all;
    opacity: 0; }
  .scroll-shadow.shadow .inner {
    opacity: 1; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #8c97a6;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-inline-end: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: white; }

.toggle-box .tag-label {
  white-space: nowrap;
  overflow: hidden; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: inline-end;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: var(--sd-item__main-Bg);
  padding: 18px 14px 19px 25px;
  margin-block-end: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed var(--sd-colour-line--medium); }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      inset-inline-start: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-block-start: 0px;
  margin-inline-start: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: var(--sd-item__main-Bg--alternate); }

.drag-and-drop--handle {
  width: 6px;
  height: 20px;
  background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: var(--sd-colour-interactive); }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-text);
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-block-end: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-inline-start: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-block-start: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-inline-end: 10rem; }

.sd-list-item.inactive {
  color: var(--color-text-light);
  opacity: 0.5; }

body > .sd-list-item {
  z-index: 1060; }

.sd-toggle + label {
  letter-spacing: 0;
  color: var(--color-text); }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-block-start: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-block-start: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: var(--sd-colour--locked-info);
  color: white;
  padding: 0.4rem;
  padding-inline-end: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  white-space: nowrap;
  opacity: 0.8;
  font-weight: 300;
  margin-inline-end: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-inline-end: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: white;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-inline-end: 4px;
  margin-inline-start: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: var(--color-text);
  padding: 0.6rem 1.6rem;
  margin-block-end: 0.2rem;
  font-size: 1.3rem;
  line-height: 140%;
  text-decoration: none;
  text-align: start; }
  .sd-dropdown-item:hover {
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: var(--sd-item__main-Bg); }
  .sd-content-box--emphasise {
    background-color: var(--sd-item__main-Bg);
    border: 1px solid var(--sd-colour-interactive--alpha-50); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  inset-block-start: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-inline-end: 325px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-inline-end: 333px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: var(--sd-colour-panel-bg--100);
  width: 0;
  overflow: hidden;
  position: absolute;
  inset-inline-end: 48px;
  inset-block-start: 0;
  inset-block-end: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    position: absolute;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-start: 1px;
    inset-inline-end: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: var(--sd-colour-panel-bg--100);
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: var(--sd-colour-panel-bg--100); }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 1;
    font-size: 1.4rem;
    padding: 0 1.2rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    inset-block-start: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    inset-block-start: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.4) !important; }

.sd-line-input input.sd-line-input__input,
.sd-line-input textarea.sd-line-input__input {
  display: block !important; }

.modal__body .sd-list-item {
  transition: transform .1s linear !important; }

.dropdown__caret {
  border-top-color: var(--color-text) !important; }

.dropdown__menu-divider {
  background-color: var(--sd-colour-line--light) !important; }

.dropdown__menu {
  background-color: var(--color-dropdown-menu-Bg) !important;
  color: var(--color-text) !important; }
  .dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: var(--color-text) !important;
    background-color: transparent !important; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
      color: var(--color-text-light) !important; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
      color: var(--color-icon-default) !important; }
  .dropdown__menu li a:not(.btn):hover, .dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background-color: var(--sd-colour-interactive--alpha-20) !important; }
  .dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
    background-color: var(--sd-colour-interactive--alpha-30) !important; }
  .dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
    background-color: none !important; }
  .dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
    background-color: var(--sd-colour-interactive--lighten-30) !important; }
  .dropdown__menu .dropdown__menu-header {
    border-block-end: 1px solid var(--color-border-line--light) !important; }
  .dropdown__menu .dropdown__menu-footer {
    border-block-start: 1px solid var(--color-border-line--light) !important; }

.custom-dropdown__menu {
  max-height: 400px;
  background: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  text-align: start; }

.sd-toggle + label {
  letter-spacing: 0;
  color: var(--color-text);
  display: inline-block;
  margin: 0;
  margin-inline-start: 8px; }

.dropdown.navbtn {
  display: flex; }

.sd-list-item {
  flex-shrink: 0; }

.toggle-box {
  margin-block-end: 1.6rem; }
  .toggle-box.toggle-box--no-margin {
    margin-block-end: 0; }

.dropdown__menu-footer.dropdown__menu-footer--align-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap--small); }

.modal.modal--tabs .modal__body-footer {
  display: flex; }

.modal--fullscreen .modal__header {
  border-radius: 0 !important; }

.sd-flex--align-self-stretch {
  align-self: stretch !important; }

.subnav [sd-searchbar] {
  display: contents; }

.publish-queue .flat-searchbar.extended {
  max-width: 380px; }

.sd-margin-start--0-5 {
  margin-inline-start: 0.4rem; }

.sd-margin-start--1 {
  margin-inline-start: 0.8rem; }

.sd-margin-start--1-5 {
  margin-inline-start: 1.2rem; }

.sd-margin-start--2 {
  margin-inline-start: 1.6rem; }

.sd-margin-start--3 {
  margin-inline-start: 2.4rem; }

.sd-margin-start--4 {
  margin-inline-start: 3.2rem; }

.sd-margin-start--5 {
  margin-inline-start: 4rem; }

.sd-margin-start--auto {
  margin-inline-start: auto; }

.sd-margin-end--0-5 {
  margin-inline-end: 0.4rem; }

.sd-margin-end--1 {
  margin-inline-end: 0.8rem; }

.sd-margin-end--1-5 {
  margin-inline-end: 1.2rem; }

.sd-margin-end--2 {
  margin-inline-end: 1.6rem; }

.sd-margin-end--3 {
  margin-inline-end: 2.4rem; }

.sd-margin-end--4 {
  margin-inline-end: 3.2rem; }

.sd-margin-end--5 {
  margin-inline-end: 4rem; }

.sd-margin-end--auto {
  margin-inline-end: auto; }

.sd-padding-start--0-5 {
  padding-inline-start: 0.4rem; }

.sd-padding-start--1 {
  padding-inline-start: 0.8rem; }

.sd-padding-start--1-5 {
  padding-inline-start: 1.2rem; }

.sd-padding-start--2 {
  padding-inline-start: 1.6rem; }

.sd-padding-start--3 {
  padding-inline-start: 2.4rem; }

.sd-padding-start--4 {
  padding-inline-start: 3.2rem; }

.sd-padding-start--5 {
  padding-inline-start: 4rem; }

.sd-padding-end--0-5 {
  padding-inline-end: 0.4rem; }

.sd-padding-end--1 {
  padding-inline-end: 0.8rem; }

.sd-padding-end--1-5 {
  padding-inline-end: 1.2rem; }

.sd-padding-end--2 {
  padding-inline-end: 1.6rem; }

.sd-padding-end--3 {
  padding-inline-end: 2.4rem; }

.sd-padding-end--4 {
  padding-inline-end: 3.2rem; }

.sd-padding-end--5 {
  padding-inline-end: 4rem; }

.sd-flex--nowrap {
  flex-wrap: nowrap !important; }

/* classic icons*/
.icon-unplug {
  background-image: url(98b4de057ec51a608a851751be931e08.png); }

.active [class^="big-icon-"],
.active [class*=" big-icon-"],
.active button:hover [class^="big-icon-"],
.active button:hover [class*=" big-icon-"],
.active a:hover [class^="big-icon-"],
.active a:hover [class*=" big-icon-"] {
  opacity: 1;
  color: white; }

.sd-sidetab-menu--right .active [class^="big-icon-"],
.sd-sidetab-menu--right .active [class*=" big-icon-"],
.sd-sidetab-menu--right .active button:hover [class^="big-icon-"],
.sd-sidetab-menu--right .active button:hover [class*=" big-icon-"],
.sd-sidetab-menu--right .active a:hover [class^="big-icon-"],
.sd-sidetab-menu--right .active a:hover [class*=" big-icon-"] {
  color: var(--sd-colour-interactive--active) !important;
  opacity: 1; }

[class^="filetype-icon-"], [class*="filetype-icon-"] {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-family: 'sd_icons';
  font-size: 16px;
  color: var(--color-text);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.filetype-icon-photo:before, .filetype-icon-picture:before {
  content: "\E600"; }

.filetype-icon-video:before {
  content: "\E601"; }

.filetype-icon-slideshow:before {
  content: "\E603"; }

.filetype-icon-audio:before {
  content: "\E608"; }

.filetype-icon-file:before {
  content: "\E605"; }

.filetype-icon-maps:before {
  content: "\E602"; }

.filetype-icon-calendar:before {
  content: "\E606"; }

.filetype-icon-text:before, .filetype-icon-preformatted:before {
  content: "\E604"; }

.filetype-icon-composite:before {
  content: "\E607"; }

.filetype-icon-graphic:before {
  content: "\E66D"; }

.filetype-icon-highlight-pack:before {
  content: "\E671"; }

[class^="filetype-icon-large-"], [class*="filetype-icon-large"] {
  font-family: Arial, Helvetica, sans-serif;
  height: 24px;
  width: 24px;
  display: inline-block;
  color: var(--color-icon-default);
  line-height: 24px;
  vertical-align: top;
  position: relative;
  padding-inline-start: 0;
  float: none;
  background-repeat: no-repeat; }

.filetype-icon-large-composite {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-composite.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); }

.lightbox-composite .icons-holder .filetype-icon-large-composite {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K); }

.filetype-icon-large-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-text.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K); }

.lightbox-composite .icons-holder .filetype-icon-large-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K); }

.filetype-icon-large-video {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44QzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweg0KCSBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjhjMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjENCgljLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-video.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44DQoJQzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweiBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDMNCglTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjgNCgljMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K); }

.lightbox-composite .icons-holder .filetype-icon-large-video {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44DQoJQzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweiBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDMNCglTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjgNCgljMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K); }

.filetype-icon-large-audio {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNiw2SDguNmMtMC40LDAtMC43LDAuMS0xLDAuNEw1LDljLTAuNSwwLjUtMSwxLTIsMUgwLjlDMC40LDEwLDAsMTAuNCwwLDEwLjkNCgkJCWwwLDIuMUMwLDEzLjYsMC40LDE0LDAuOSwxNEgzYzAuOSwwLDEuNSwwLjUsMiwxbDIuNiwyLjZjMC4zLDAuMywwLjYsMC40LDEsMC40aDEuMWMwLjIsMCwwLjQtMC4yLDAuNC0wLjRWNi40DQoJCQlDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42YzIuMiwyLjUsMy42LDUuOCwzLjYsOS40YzAsMy42LTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTENCgkJCUMyMy4yLDcuOCwyMS43LDMuOSwxOS4xLDF6IE0xNS45LDQuMWwtMS4xLDEuNmMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLTgNCgkJCUMxOSw4LjksMTcuOCw2LjIsMTUuOSw0LjF6IE0xMi44LDcuM0wxMiw5YzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuNw0KCQkJQzE0LjksMTAuMSwxNC4xLDguNCwxMi44LDcuM3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); }
  .filetype-icon-large-audio.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNiw2aC0xYy0wLjQsMC0wLjcsMC4xLTEsMC40TDUsOWMtMC41LDAuNS0xLDEtMiwxSDAuOUMwLjQsMTAsMCwxMC40LDAsMTAuOVYxM2MwLDAuNiwwLjQsMSwwLjksMUgzDQoJCQljMC45LDAsMS41LDAuNSwyLDFsMi42LDIuNmMwLjMsMC4zLDAuNiwwLjQsMSwwLjRoMS4xYzAuMiwwLDAuNC0wLjIsMC40LTAuNFY2LjRDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42DQoJCQljMi4yLDIuNSwzLjYsNS44LDMuNiw5LjRzLTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTFTMjEuNywzLjksMTkuMSwxeiBNMTUuOSw0LjFsLTEuMSwxLjYNCgkJCWMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLThDMTksOC45LDE3LjgsNi4yLDE1LjksNC4xeiBNMTIuOCw3LjNMMTIsOQ0KCQkJYzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuN0MxNC45LDEwLjEsMTQuMSw4LjQsMTIuOCw3LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); }

.lightbox-composite .icons-holder .filetype-icon-large-audio {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNiw2aC0xYy0wLjQsMC0wLjcsMC4xLTEsMC40TDUsOWMtMC41LDAuNS0xLDEtMiwxSDAuOUMwLjQsMTAsMCwxMC40LDAsMTAuOVYxM2MwLDAuNiwwLjQsMSwwLjksMUgzDQoJCQljMC45LDAsMS41LDAuNSwyLDFsMi42LDIuNmMwLjMsMC4zLDAuNiwwLjQsMSwwLjRoMS4xYzAuMiwwLDAuNC0wLjIsMC40LTAuNFY2LjRDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42DQoJCQljMi4yLDIuNSwzLjYsNS44LDMuNiw5LjRzLTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTFTMjEuNywzLjksMTkuMSwxeiBNMTUuOSw0LjFsLTEuMSwxLjYNCgkJCWMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLThDMTksOC45LDE3LjgsNi4yLDE1LjksNC4xeiBNMTIuOCw3LjNMMTIsOQ0KCQkJYzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuN0MxNC45LDEwLjEsMTQuMSw4LjQsMTIuOCw3LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); }

.filetype-icon-large-picture,
.filetype-icon-large-image {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTAsMHYyMGgyNFYwSDB6IE0yMywxNkgxVjFoMjJWMTZ6Ii8+DQo8Y2lyY2xlIGN4PSI1LjUiIGN5PSI1LjUiIHI9IjIuNSIvPg0KPHBhdGggZD0iTTIsMTVsMy01bDIsMmw0LTVsMiwzbDQtN2MwLDAsMi43LDUuNywzLjQsNi43UzIyLDEyLDIyLDEydjNIMnoiLz4NCjwvc3ZnPg0K); }
  .filetype-icon-large-picture.icon-white,
  .filetype-icon-large-image.icon-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwdjIwaDI0VjBIMHogTTIzLDE2SDFWMWgyMlYxNnoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMi41Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMiwxNWwzLTVsMiwybDQtNWwyLDNsNC03YzAsMCwyLjcsNS43LDMuNCw2LjdTMjIsMTIsMjIsMTJ2M0gyeiIvPg0KPC9zdmc+DQo=); }

.lightbox-composite .icons-holder .filetype-icon-large-picture,
.lightbox-composite .icons-holder .filetype-icon-large-image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwdjIwaDI0VjBIMHogTTIzLDE2SDFWMWgyMlYxNnoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMi41Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMiwxNWwzLTVsMiwybDQtNWwyLDNsNC03YzAsMCwyLjcsNS43LDMuNCw2LjdTMjIsMTIsMjIsMTJ2M0gyeiIvPg0KPC9zdmc+DQo=); }

.arrow-icon-large-left {
  width: 32px;
  height: 56px;
  display: inline-block;
  background: url(de6d75af6b355dbf9cfbbd1cbe869089.png) no-repeat 0 0; }

.arrow-icon-large-right {
  width: 32px;
  height: 56px;
  display: inline-block;
  background: url(de6d75af6b355dbf9cfbbd1cbe869089.png) no-repeat -32px 0; }

/* * * * * *  SVG ICONS  * * * * * */
[class^="svg-icon-"], [class*="svg-icon-"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain; }
  [class^="svg-icon-"]:not(.svg-icon-illustration), [class*="svg-icon-"]:not(.svg-icon-illustration) {
    width: 20px;
    height: 20px; }

.svg-icon-plus {
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTAsNCA2LDQgNiwwIDQsMCA0LDQgMCw0IDAsNiA0LDYgNCwxMCA2LDEwIDYsNiAxMCw2ICIvPg0KPC9zdmc+DQo=); }

.svg-icon-ok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNjI2MzYzIiBkPSJNMjEuNjUyLDMuMjExYy0wLjI5My0wLjI5NS0wLjc3MS0wLjI5NS0xLjA2MiwwTDkuNDEsMTQuMzRjLTAuMjkzLDAuMjk3LTAuNzcxLDAuMjk3LTEuMDYyLDBMMy40NDksOS4zNTENCglDMy4zMDQsOS4yMDMsMy4xMTQsOS4xMywyLjkyMyw5LjEyOUMyLjczLDkuMTI4LDIuNTM0LDkuMjAxLDIuMzg3LDkuMzUxbC0yLjE2NSwxLjk0NkMwLjA3OCwxMS40NDUsMCwxMS42MywwLDExLjgyMw0KCWMwLDAuMTk0LDAuMDc4LDAuMzk2LDAuMjIzLDAuNTQ0bDQuOTQsNS4xODRjMC4yOTIsMC4yOTcsMC43NzEsMC43NzYsMS4wNjIsMS4wN2wyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwDQoJbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiLz4NCjwvc3ZnPg0K); }
  .svg-icon-ok.inverse {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuNjUyLDMuMjExYy0wLjI5My0wLjI5NS0wLjc3MS0wLjI5NS0xLjA2MiwwTDkuNDEsMTQuMzRjLTAuMjkzLDAuMjk3LTAuNzcxLDAuMjk3LTEuMDYyLDBMMy40NDksOS4zNTENCglDMy4zMDQsOS4yMDMsMy4xMTQsOS4xMywyLjkyMyw5LjEyOUMyLjczLDkuMTI4LDIuNTM0LDkuMjAxLDIuMzg3LDkuMzUxbC0yLjE2NSwxLjk0NkMwLjA3OCwxMS40NDUsMCwxMS42MywwLDExLjgyMw0KCWMwLDAuMTk0LDAuMDc4LDAuMzk2LDAuMjIzLDAuNTQ0bDQuOTQsNS4xODRjMC4yOTIsMC4yOTcsMC43NzEsMC43NzYsMS4wNjIsMS4wN2wyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwDQoJbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiLz4NCjwvc3ZnPg0K); }

.svg-icon-move {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMV8xXyI+DQo8L2c+DQo8ZyBpZD0ibW92ZSI+DQoJPGc+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MTYzNjMiIHBvaW50cz0iMTgsMjAgMTgsMjYgMjIsMjYgMTYsMzIgMTAsMjYgMTQsMjYgMTQsMjAgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIxNCwxMiAxNCw2IDEwLDYgMTYsMCAyMiw2IDE4LDYgMTgsMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIxMiwxOCA2LDE4IDYsMjIgMCwxNiA2LDEwIDYsMTQgMTIsMTQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIyMCwxNCAyNiwxNCAyNiwxMCAzMiwxNiAyNiwyMiAyNiwxOCAyMCwxOCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); }
  .svg-icon-move.inverse {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMV8xXyI+DQo8L2c+DQo8ZyBpZD0ibW92ZSI+DQoJPGc+DQoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTgsMjAgMTgsMjYgMjIsMjYgMTYsMzIgMTAsMjYgMTQsMjYgMTQsMjAgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxNCwxMiAxNCw2IDEwLDYgMTYsMCAyMiw2IDE4LDYgMTgsMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiwxOCA2LDE4IDYsMjIgMCwxNiA2LDEwIDYsMTQgMTIsMTQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMCwxNCAyNiwxNCAyNiwxMCAzMiwxNiAyNiwyMiAyNiwxOCAyMCwxOCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); }

.svg-icon-down, .svg-icon-top, .svg-icon-right, .svg-icon-left {
  width: 25px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDIzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM2MjYyNjIiIGQ9Ik0yMi42IDAuNEwyMi42IDAuNGMtMC42LTAuNi0xLjUtMC42LTIuMSAwbC04LjkgOC45TDIuNiAwLjRDMi0wLjEgMS0wLjEgMC40IDAuNHYwQy0wLjEgMS0wLjEgMiAwLjQgMi42IGwxMCAxMGMwIDAgMCAwIDAgMGMwLjMgMC4zIDAuNyAwLjQgMS4xIDAuNGMwLjQgMCAwLjgtMC4xIDEuMS0wLjRjMCAwIDAgMCAwIDBsMTAtMTBDMjMuMSAyIDIzLjEgMSAyMi42IDAuNHoiLz4KPC9zdmc+Cg==); }
  .svg-icon-down.inverse, .svg-icon-top.inverse, .svg-icon-right.inverse, .svg-icon-left.inverse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDIzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMi42IDAuNEwyMi42IDAuNGMtMC42LTAuNi0xLjUtMC42LTIuMSAwbC04LjkgOC45TDIuNiAwLjRDMi0wLjEgMS0wLjEgMC40IDAuNHYwQy0wLjEgMS0wLjEgMiAwLjQgMi42IGwxMCAxMGMwIDAgMCAwIDAgMGMwLjMgMC4zIDAuNyAwLjQgMS4xIDAuNGMwLjQgMCAwLjgtMC4xIDEuMS0wLjRjMCAwIDAgMCAwIDBsMTAtMTBDMjMuMSAyIDIzLjEgMSAyMi42IDAuNHoiLz4KPC9zdmc+Cg==); }

.svg-icon-left {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.svg-icon-top {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.svg-icon-right {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.svg-icon-add-to-list {
  height: 18px;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDIwIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHk9IjQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iOCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCgk8cG9seWdvbiBwb2ludHM9IjE2LDEyIDE2LDggMTQsOCAxNCwxMiAxMCwxMiAxMCwxNCAxNCwxNCAxNCwxOCAxNiwxOCAxNiwxNCAyMCwxNCAyMCwxMiAJIi8+DQoJPHJlY3QgeT0iMTIiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K); }
  .svg-icon-add-to-list.inverse {
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDIwIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHk9IjQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE2LDEyIDE2LDggMTQsOCAxNCwxMiAxMCwxMiAxMCwxNCAxNCwxNCAxNCwxOCAxNiwxOCAxNiwxNCAyMCwxNCAyMCwxMiAJIi8+DQoJPHJlY3QgeT0iMTIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K); }

.sf-logo {
  display: block;
  background: url(ac0937f0d9650f7b80a67ed66ae22c28.svg) no-repeat 0 0;
  width: 124px;
  height: 32px; }

.search-list {
  position: relative;
  width: 100%;
  border: 1px solid #d0d0d0; }
  .search-list .search-list-button {
    width: 98%;
    padding: 4px;
    background-color: white;
    border: 0;
    border-radius: 2px !important;
    text-align: start; }
    .search-list .search-list-button .caret {
      position: absolute;
      inset-block-start: 12px;
      inset-inline-end: 10px; }
  .search-list .search-list-content {
    position: absolute;
    z-index: 1000;
    inset-block-start: 100%;
    width: 100%;
    margin: 0px;
    padding: 4px;
    background-color: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border: 1px solid #dcdcdc; }
    .search-list .search-list-content .close-list {
      position: absolute;
      inset-inline-end: 5px;
      inset-block-start: 5px;
      border: 0;
      background: none;
      border-radius: 2px;
      line-height: 15px;
      height: 15px; }
    .search-list .search-list-content .selected-list {
      margin-inline-end: 2px;
      border-block-end: 1px solid #d0d0d0;
      width: 98%;
      box-sizing: border-box; }
      .search-list .search-list-content .selected-list .selected-helper {
        margin-inline-start: 40px; }
    .search-list .search-list-content .unselected-list input {
      margin-inline-start: 20px;
      width: 200px;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-start: 0;
      height: 28px;
      border: 1px solid #dcdcdc !important;
      box-sizing: border-box; }
    .search-list .search-list-content .unselected-list .pagination button {
      border: 0;
      color: black;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-start: 0;
      border-radius: 2px;
      line-height: 15px;
      height: 15px; }
    .search-list .search-list-content .unselected-list .page-info {
      margin-inline-end: 2px;
      border-block-end: 1px solid #d0d0d0;
      box-sizing: border-box;
      width: 98%; }
    .search-list .search-list-content .select-button {
      padding: 4px;
      margin-inline-start: 10px;
      background-color: white;
      border: 0;
      text-align: start;
      width: 97%; }
      .search-list .search-list-content .select-button:hover {
        background-color: #f0f0f0; }

.hamburger {
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: linear; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active {
    opacity: 0.5; }
    .hamburger.is-active:hover {
      opacity: 0.7; }
    .hamburger.is-active .hamburger__inner,
    .hamburger.is-active .hamburger__inner::before,
    .hamburger.is-active .hamburger__inner::after {
      background-color: #fff; }

.hamburger__box {
  width: 18px;
  height: 15px;
  display: inline-block;
  position: relative; }

.hamburger__inner {
  display: block;
  inset-block-start: 50%;
  margin-block-start: -1.5px; }
  .hamburger__inner, .hamburger__inner::before, .hamburger__inner::after {
    width: 18px;
    height: 3px;
    background-color: #fff;
    border-radius: 1px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger__inner::before, .hamburger__inner::after {
    content: "";
    display: block; }
  .hamburger__inner::before {
    inset-block-start: -6px; }
  .hamburger__inner::after {
    inset-block-end: -6px; }

/* Spin */
.hamburger--spin .hamburger__inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger__inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger__inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger__inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger__inner::before {
    inset-block-start: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger__inner::after {
    inset-block-end: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Squeeze */
.hamburger--squeeze .hamburger__inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger__inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger__inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger__inner::before {
    inset-block-start: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger__inner::after {
    inset-block-end: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sd-photo-preview .jcrop-handle {
  opacity: 1 !important;
  background-color: #2c323a;
  border: 1px #ebedef solid;
  width: 12px;
  height: 12px;
  font-size: 1px;
  border-radius: 50%; }

.sd-photo-preview .jcrop-handle.ord-n {
  margin-inline-start: -6px;
  margin-block-start: -6px; }

.sd-photo-preview .jcrop-handle.ord-s {
  margin-block-end: -6px;
  margin-inline-start: -6px; }

.sd-photo-preview .jcrop-handle.ord-e {
  margin-inline-end: -6px;
  margin-block-start: -6px; }

.sd-photo-preview .jcrop-handle.ord-w {
  margin-inline-start: -6px;
  margin-block-start: -6px; }

.sd-photo-preview .jcrop-handle.ord-nw {
  margin-inline-start: -6px;
  margin-block-start: -6px; }

.sd-photo-preview .jcrop-handle.ord-ne {
  margin-inline-end: -6px;
  margin-block-start: -6px; }

.sd-photo-preview .jcrop-handle.ord-se {
  margin-block-end: -6px;
  margin-inline-end: -6px; }

.sd-photo-preview .jcrop-handle.ord-sw {
  margin-block-end: -6px;
  margin-inline-start: -6px; }

.sd-photo-preview .sd-grid-item .jcrop-handle {
  width: 8px;
  height: 8px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-n {
  margin-inline-start: -4px;
  margin-block-start: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-s {
  margin-block-end: -4px;
  margin-inline-start: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-e {
  margin-inline-end: -4px;
  margin-block-start: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-w {
  margin-inline-start: -4px;
  margin-block-start: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-nw {
  margin-inline-start: -4px;
  margin-block-start: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-ne {
  margin-inline-end: -4px;
  margin-block-start: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-se {
  margin-block-end: -4px;
  margin-inline-end: -4px; }

.sd-photo-preview .sd-grid-item .jcrop-handle.ord-sw {
  margin-block-end: -4px;
  margin-inline-start: -4px; }

.sd-photo-preview .jcrop-dark .jcrop-handle {
  opacity: 1 !important;
  background-color: rgba(205, 205, 205, 0.5);
  border-color: white;
  border-radius: 50%; }

.sd-photo-preview .jcrop-dark .jcrop-vline, .sd-photo-preview .jcrop-dark .jcrop-hline {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1; }

.sd-photo-preview .jcrop-dark .jcrop-handle.ord-n, .sd-photo-preview .jcrop-dark .jcrop-handle.ord-s, .sd-photo-preview .jcrop-dark .jcrop-handle.ord-e, .sd-photo-preview .jcrop-dark .jcrop-handle.ord-w {
  display: none; }

.saved-search-subscriptions {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-block-start: 4px; }

.saved-search-subscriptions--manage-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-start: -30px;
  margin-block-end: 10px;
  padding: 9px 20px;
  font-size: 13px;
  background: var(--sd-item__main-Bg--alternate);
  border-block-end: 1px solid var(--sd-colour-line--x-light); }

.saved-search-subscriptions--action {
  visibility: hidden; }

.saved-search-item:hover .saved-search-subscriptions--action {
  visibility: visible; }

.widget-heading--title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.widget-heading--children {
  padding-inline-start: 1.2rem;
  padding-inline-end: 1.2rem; }

.sd-authoring-react {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100% - 48px - 3.2rem);
  overflow-y: auto;
  z-index: 100;
  background: white; }

.sd-authoring-react-template-edit-view {
  padding: 1rem; }

.authoring-toolbar-1 {
  display: flex;
  width: 100%;
  overflow: auto;
  justify-content: space-between;
  gap: 16px;
  align-items: center; }
  .authoring-toolbar-1 > * {
    display: flex;
    align-items: center;
    gap: 8px; }
    .authoring-toolbar-1 > *:first-child {
      overflow: hidden; }

.desk-and-stage {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.035em;
  line-height: 34px;
  color: #596473;
  text-transform: uppercase; }

.desk-and-stage--desk,
.desk-and-stage--stage {
  overflow: hidden;
  text-overflow: ellipsis; }

.desk-and-stage--desk {
  color: #2c323a;
  font-weight: 500; }

.sd-full-preview {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  background: white; }

.sd-full-preview--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid #c5c5c5; }

.sd-full-preview--content-wrapper {
  padding-top: 1.6rem;
  flex-shrink: 1;
  overflow-y: auto; }

.sd-full-preview--content {
  width: 100%;
  max-width: 700px;
  margin: 0 auto; }
  .sd-full-preview--content img {
    max-width: 100%; }

@media print {
  body.prepare-to-print > *:not(.print-container) {
    display: none; }
  body.prepare-to-print .sd-full-preview {
    position: static; } }

.field--media {
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.field--media--carousel {
  position: relative;
  background-color: #2c2c2c;
  text-align: center; }

.field--media--carousel-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white; }

.field--media--carousel:hover .field--media--carousel-overlay {
  display: block; }

.field--media--metadata {
  display: grid;
  column-gap: 10px;
  grid-template-columns: 1fr 1fr;
  width: 100%; }
  .field--media--metadata > * {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding-top: 0.6rem;
    padding-bottom: 0.6rem; }
    .field--media--metadata > *:nth-child(1), .field--media--metadata > *:nth-child(2) {
      border-top: 1px dotted rgba(255, 255, 255, 0.5); }

.field--media--metadata-label {
  opacity: 0.9;
  font-weight: 300;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em; }

.image-crops-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }

.image-crop {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2c2c2c; }

.image-crop--label {
  max-width: 150px; }

.content-create-dropdown {
  display: flex;
  max-width: 250px;
  max-height: inherit;
  flex-direction: column;
  box-shadow: var(--sd-shadow__dropdown);
  background-color: var(--color-dropdown-menu-Bg);
  border-radius: var(--b-radius--small);
  padding-top: 8px;
  padding-bottom: 8px; }

.content-create-dropdown--spacer {
  flex-basis: 1;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-line--light);
  margin-top: 4px;
  margin-bottom: 4px; }

.content-create-dropdown--section-label {
  padding: 8px; }

.content-create-dropdown--option {
  display: flex;
  width: 100%;
  padding: 8px 16px;
  gap: 8px;
  align-items: center;
  justify-content: start; }
  .content-create-dropdown--option:hover {
    background-color: var(--sd-colour-interactive--alpha-20); }

.ListItemEven {
  background-color: #e6e4dc; }

.quick-publish--item {
  border-block-end: 1px dotted #A7A7A7;
  padding-block-start: 7px;
  padding-block-end: 7px; }
  .quick-publish--item:first-child {
    border-block-start: 1px dotted #A7A7A7; }

.quick-publish--line {
  display: flex; }
  .quick-publish--line * {
    white-space: normal !important; }

.quick-publish--scheduled {
  display: inline-block;
  background: #F4E8DA;
  color: #DC780A;
  padding: 3px 13px;
  margin-block-start: 3px;
  border-radius: 40px; }

.panel__wrapper {
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%; }

.proofreading-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 50%;
  overflow: auto;
  border-right: 1px solid var(--sd-colour-line--light); }

.proofreading-panel-header {
  padding: 2rem;
  background-color: var(--sd-colour-panel-bg--100); }

.proofreading-panel__heading {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 100%; }

.proofreading-panel__badge {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  padding: 0.4em 0.5em 0.3em;
  font-size: 1rem;
  border-radius: var(--b-radius--full); }

.proofreading-panel__badge--green {
  background-color: var(--sd-colour-success); }

.proofreading-panel__badge--grey {
  background-color: var(--sd-colour-bg-translucent--08); }

.proofreading-panel-content {
  flex: 1 1;
  padding: 2rem; }

.proofreading-panel-content__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8rem;
  height: 1.8rem;
  vertical-align: middle;
  border-radius: var(--b-radius--x-small);
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 400;
  background-color: var(--sd-editor-colour__field-label-bg);
  color: white;
  font-family: "Roboto"; }

.proofreading-panel-content__text-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem 0 0.5rem;
  margin-bottom: 0.8rem;
  line-height: 140%;
  border-bottom: 1px dotted var(--sd-editor-colour__main-border); }

.proofreading-panel-content__text-field--headline {
  font-weight: 500;
  min-height: 6rem; }

.proofreading-panel-content__text-field--abstract {
  font-weight: 400;
  min-height: 9.2rem; }

.proofreading-panel-content__text-field--body {
  font-weight: 300;
  min-height: 9.2rem; }

.proofreading-panel-content__radio-button {
  display: flex;
  align-items: baseline;
  width: 100%; }

.color-selector__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6.8rem, 6.8rem));
  grid-gap: 0.9rem; }

.color-selector__swatch {
  height: 6.8rem;
  width: 6.8rem;
  padding: 0.2rem;
  border-radius: var(--b-radius--full);
  border: 2px solid transparent; }

.color-selector__swatch--selected {
  border-color: var(--sd-colour-interactive); }

.color-selector__swatch-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 6rem;
  width: 6rem;
  font-size: 2rem;
  line-height: 6rem;
  text-transform: uppercase;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-editor-colour__main-bg);
  color: var(--sd-editor-colour__txt);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.editor3-custom-block .table-block table td {
  border: 1px solid var(--sd-editor-colour__controls-border) !important;
  border-radius: 0 var(--b-radius--large) var(--b-radius--large);
  padding: var(--space--1-5) !important; }

.editor3-custom-block .table-inside table {
  border: 0; }

.editor3-custom-block--label-wrapper {
  display: flex; }

.editor3-custom-block--label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-block-start: 1px; }

.editor3-custom-block--drag-handle {
  --handle-width: 10px;
  --handle-height: 14px;
  display: flex;
  padding: var(--space--0-5) var(--space--1);
  gap: var(--gap-1);
  align-items: center;
  cursor: grab;
  border-start-start-radius: var(--b-radius--medium);
  border-start-end-radius: var(--b-radius--medium);
  background: var(--sd-editor-colour__controls-border);
  opacity: 0.8;
  transition: opacity 0.2s ease;
  color: currentColor; }
  .editor3-custom-block--drag-handle:hover {
    opacity: 1; }
  .editor3-custom-block--drag-handle:active {
    background-color: var(--sd-colour-interactive);
    color: white; }
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none; }

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(7a4b4c6ebdb549fcbe47408f9457493e.gif);
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none; }

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px; }

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff; }

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(cc546fa0a4b98fad0917c5693587bc6b.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(ac76811df9c1bf8af392f21e7cb9dff7.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(7de5a7addad547244d33f4209e3d6306.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(04646fb634cba8c8b6487d26200c5fcc.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(487b704edf1cf3ce0f8c153bb29652cf.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(3c59f14abdbc105190b9db0ec30c232c.png) 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(9a3f2305cb5cb2921ca7184bd955744e.png) 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(4c27b34156b7a3776f31cc456ca01c10.png); }

.ui-widget-header .ui-icon {
  background-image: url(4c27b34156b7a3776f31cc456ca01c10.png); }

.ui-state-default .ui-icon {
  background-image: url(e63c67228df4a03cd91321bdf98e7555.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(ec5e59da4b23573927bda544cbb29401.png); }

.ui-state-active .ui-icon {
  background-image: url(ec5e59da4b23573927bda544cbb29401.png); }

.ui-state-highlight .ui-icon {
  background-image: url(14d55152e99f22245c9e1e8bb784a7f6.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(b00a65a4b157ec627ee9ff4d0c8f1176.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(d47047084ba4c0d911f6332bb664a292.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(d47047084ba4c0d911f6332bb664a292.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
  border-radius: 8px; }
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(4a37f8008959c75f619bf0a3a4e2d7a2.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
@charset "UTF-8";
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

@font-face {
  font-family: 'sd_icons';
  src: url(7776f0426ab015f15eef72cabf8720ae.eot);
  src: url(7776f0426ab015f15eef72cabf8720ae.eot?#iefix-r9v51w) format("embedded-opentype"), url(c120a3dc1c34c8d3db0d4600b7c46fed.woff) format("woff"), url(c34dca3cfb79c2395117323953ca1255.ttf) format("truetype"), url(01701f6ad1298a0098f34975ff381de5.svg#sd_icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  --icon-base-size: 16px;
  display: inline-block;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--2x {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icon--light {
  opacity: 0.5; }

.icon--blue {
  color: var(--sd-colour-interactive) !important; }

.icon--white {
  color: white !important; }

.icon--light-blue {
  color: #68abc8 !important;
  opacity: 1 !important; }

.icon--dark-blue-grey {
  color: #31728e !important;
  opacity: 1 !important; }

[class*=icon-].red,
.icon--red {
  color: #bd1600 !important; }

.icon--orange {
  color: #db8000 !important; }

.icon--green {
  color: #46a446 !important; }

.icon--full-opacity {
  opacity: 1 !important; }

.icon--disabled {
  opacity: 0.2 !important; }

.icon-photo:before {
  content: "\E600"; }

.icon-photo.color--default {
  color: var(--color-icon-default); }

.icon-photo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo.color--white {
  color: #e2e5e9 !important; }

.icon-photo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video:before {
  content: "\E601"; }

.icon-video.color--default {
  color: var(--color-icon-default); }

.icon-video.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video.color--white {
  color: #e2e5e9 !important; }

.icon-video.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-map-marker:before {
  content: "\E602"; }

.icon-map-marker.color--default {
  color: var(--color-icon-default); }

.icon-map-marker.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-map-marker.color--success {
  color: var(--sd-colour-success) !important; }

.icon-map-marker.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-map-marker.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-map-marker.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-map-marker.color--light {
  color: var(--color-text-lighter) !important; }

.icon-map-marker.color--white {
  color: #e2e5e9 !important; }

.icon-map-marker.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-map-marker.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-map-marker.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-map-marker.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-slideshow:before {
  content: "\E603"; }

.icon-slideshow.color--default {
  color: var(--color-icon-default); }

.icon-slideshow.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-slideshow.color--success {
  color: var(--sd-colour-success) !important; }

.icon-slideshow.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-slideshow.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-slideshow.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-slideshow.color--light {
  color: var(--color-text-lighter) !important; }

.icon-slideshow.color--white {
  color: #e2e5e9 !important; }

.icon-slideshow.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-slideshow.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-slideshow.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-slideshow.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text:before {
  content: "\E604"; }

.icon-text.color--default {
  color: var(--color-icon-default); }

.icon-text.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text.color--white {
  color: #e2e5e9 !important; }

.icon-text.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file:before {
  content: "\E605"; }

.icon-file.color--default {
  color: var(--color-icon-default); }

.icon-file.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file.color--white {
  color: #e2e5e9 !important; }

.icon-file.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar:before {
  content: "\E606"; }

.icon-calendar.color--default {
  color: var(--color-icon-default); }

.icon-calendar.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar.color--white {
  color: #e2e5e9 !important; }

.icon-calendar.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-composite:before {
  content: "\E607"; }

.icon-composite.color--default {
  color: var(--color-icon-default); }

.icon-composite.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-composite.color--success {
  color: var(--sd-colour-success) !important; }

.icon-composite.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-composite.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-composite.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-composite.color--light {
  color: var(--color-text-lighter) !important; }

.icon-composite.color--white {
  color: #e2e5e9 !important; }

.icon-composite.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-composite.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-composite.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-composite.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio:before {
  content: "\E608"; }

.icon-audio.color--default {
  color: var(--color-icon-default); }

.icon-audio.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio.color--white {
  color: #e2e5e9 !important; }

.icon-audio.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stream:before {
  content: "\E609"; }

.icon-stream.color--default {
  color: var(--color-icon-default); }

.icon-stream.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stream.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stream.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stream.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stream.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stream.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stream.color--white {
  color: #e2e5e9 !important; }

.icon-stream.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stream.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stream.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stream.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ingest:before {
  content: "\E60A"; }

.icon-ingest.color--default {
  color: var(--color-icon-default); }

.icon-ingest.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ingest.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ingest.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ingest.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ingest.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ingest.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ingest.color--white {
  color: #e2e5e9 !important; }

.icon-ingest.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ingest.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ingest.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ingest.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-archive:before {
  content: "\E60B"; }

.icon-archive.color--default {
  color: var(--color-icon-default); }

.icon-archive.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-archive.color--success {
  color: var(--sd-colour-success) !important; }

.icon-archive.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-archive.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-archive.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-archive.color--light {
  color: var(--color-text-lighter) !important; }

.icon-archive.color--white {
  color: #e2e5e9 !important; }

.icon-archive.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-archive.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-archive.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-archive.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-time:before {
  content: "\E60C"; }

.icon-time.color--default {
  color: var(--color-icon-default); }

.icon-time.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-time.color--success {
  color: var(--sd-colour-success) !important; }

.icon-time.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-time.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-time.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-time.color--light {
  color: var(--color-text-lighter) !important; }

.icon-time.color--white {
  color: #e2e5e9 !important; }

.icon-time.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-time.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-time.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-time.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pin:before {
  content: "\E60D"; }

.icon-pin.color--default {
  color: var(--color-icon-default); }

.icon-pin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pin.color--white {
  color: #e2e5e9 !important; }

.icon-pin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand:before {
  content: "\E60E"; }

.icon-expand.color--default {
  color: var(--color-icon-default); }

.icon-expand.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand.color--white {
  color: #e2e5e9 !important; }

.icon-expand.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ascending:before {
  content: "\E60F"; }

.icon-ascending.color--default {
  color: var(--color-icon-default); }

.icon-ascending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ascending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ascending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ascending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ascending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ascending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ascending.color--white {
  color: #e2e5e9 !important; }

.icon-ascending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ascending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ascending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ascending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-descending:before {
  content: "\E60F"; }

.icon-descending {
  transform: rotate(180deg); }

.icon-descending.color--default {
  color: var(--color-icon-default); }

.icon-descending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-descending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-descending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-descending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-descending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-descending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-descending.color--white {
  color: #e2e5e9 !important; }

.icon-descending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-descending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-descending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-descending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th:before {
  content: "\E610"; }

.icon-th.color--default {
  color: var(--color-icon-default); }

.icon-th.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th.color--white {
  color: #e2e5e9 !important; }

.icon-th.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view:before {
  content: "\E610"; }

.icon-grid-view.color--default {
  color: var(--color-icon-default); }

.icon-grid-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-list:before {
  content: "\E611"; }

.icon-th-list.color--default {
  color: var(--color-icon-default); }

.icon-th-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-list.color--white {
  color: #e2e5e9 !important; }

.icon-th-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-view:before {
  content: "\E611"; }

.icon-list-view.color--default {
  color: var(--color-icon-default); }

.icon-list-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-view.color--white {
  color: #e2e5e9 !important; }

.icon-list-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pencil:before {
  content: "\E612"; }

.icon-pencil.color--default {
  color: var(--color-icon-default); }

.icon-pencil.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pencil.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pencil.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pencil.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pencil.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pencil.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pencil.color--white {
  color: #e2e5e9 !important; }

.icon-pencil.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pencil.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pencil.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pencil.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-lock:before {
  content: "\E613"; }

.icon-lock.color--default {
  color: var(--color-icon-default); }

.icon-lock.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-lock.color--success {
  color: var(--sd-colour-success) !important; }

.icon-lock.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-lock.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-lock.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-lock.color--light {
  color: var(--color-text-lighter) !important; }

.icon-lock.color--white {
  color: #e2e5e9 !important; }

.icon-lock.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-lock.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-lock.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-lock.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-retweet:before {
  content: "\E614"; }

.icon-retweet.color--default {
  color: var(--color-icon-default); }

.icon-retweet.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-retweet.color--success {
  color: var(--sd-colour-success) !important; }

.icon-retweet.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-retweet.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-retweet.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-retweet.color--light {
  color: var(--color-text-lighter) !important; }

.icon-retweet.color--white {
  color: #e2e5e9 !important; }

.icon-retweet.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-retweet.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-retweet.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-retweet.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unspike:before {
  content: "\E615"; }

.icon-unspike.color--default {
  color: var(--color-icon-default); }

.icon-unspike.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unspike.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unspike.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unspike.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unspike.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unspike.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unspike.color--white {
  color: #e2e5e9 !important; }

.icon-unspike.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unspike.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unspike.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unspike.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fullscreen:before {
  content: "\E616"; }

.icon-fullscreen.color--default {
  color: var(--color-icon-default); }

.icon-fullscreen.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fullscreen.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fullscreen.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fullscreen.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fullscreen.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fullscreen.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fullscreen.color--white {
  color: #e2e5e9 !important; }

.icon-fullscreen.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fullscreen.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fullscreen.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fullscreen.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fetch-as:before {
  content: "\E617"; }

.icon-fetch-as.color--default {
  color: var(--color-icon-default); }

.icon-fetch-as.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fetch-as.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fetch-as.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fetch-as.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fetch-as.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fetch-as.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fetch-as.color--white {
  color: #e2e5e9 !important; }

.icon-fetch-as.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fetch-as.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fetch-as.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fetch-as.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-search:before {
  content: "\E618"; }

.icon-search.color--default {
  color: var(--color-icon-default); }

.icon-search.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-search.color--success {
  color: var(--sd-colour-success) !important; }

.icon-search.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-search.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-search.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-search.color--light {
  color: var(--color-text-lighter) !important; }

.icon-search.color--white {
  color: #e2e5e9 !important; }

.icon-search.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-search.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-search.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-search.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star:before {
  content: "\E619"; }

.icon-star.color--default {
  color: var(--color-icon-default); }

.icon-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star.color--white {
  color: #e2e5e9 !important; }

.icon-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star-empty:before {
  content: "\E61A"; }

.icon-star-empty.color--default {
  color: var(--color-icon-default); }

.icon-star-empty.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star-empty.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star-empty.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star-empty.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star-empty.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star-empty.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star-empty.color--white {
  color: #e2e5e9 !important; }

.icon-star-empty.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star-empty.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star-empty.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star-empty.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multi-star:before {
  content: "\E61B"; }

.icon-multi-star.color--default {
  color: var(--color-icon-default); }

.icon-multi-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multi-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multi-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multi-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multi-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multi-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multi-star.color--white {
  color: #e2e5e9 !important; }

.icon-multi-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multi-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multi-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multi-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-large:before {
  content: "\E61C"; }

.icon-th-large.color--default {
  color: var(--color-icon-default); }

.icon-th-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-large.color--white {
  color: #e2e5e9 !important; }

.icon-th-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view-large:before {
  content: "\E61C"; }

.icon-grid-view-large.color--default {
  color: var(--color-icon-default); }

.icon-grid-view-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view-large.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ok:before {
  content: "\E61D"; }

.icon-ok.color--default {
  color: var(--color-icon-default); }

.icon-ok.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ok.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ok.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ok.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ok.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ok.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ok.color--white {
  color: #e2e5e9 !important; }

.icon-ok.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ok.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ok.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ok.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-in:before {
  content: "\E61E"; }

.icon-zoom-in.color--default {
  color: var(--color-icon-default); }

.icon-zoom-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-in.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-out:before {
  content: "\E61F"; }

.icon-zoom-out.color--default {
  color: var(--color-icon-default); }

.icon-zoom-out.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-out.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-out.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-out.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-out.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-out.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-out.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-out.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-out.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-out.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-out.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-signal:before {
  content: "\E620"; }

.icon-signal.color--default {
  color: var(--color-icon-default); }

.icon-signal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-signal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-signal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-signal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-signal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-signal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-signal.color--white {
  color: #e2e5e9 !important; }

.icon-signal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-signal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-signal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-signal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-filter-large:before {
  content: "\E621"; }

.icon-filter-large.color--default {
  color: var(--color-icon-default); }

.icon-filter-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-filter-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-filter-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-filter-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-filter-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-filter-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-filter-large.color--white {
  color: #e2e5e9 !important; }

.icon-filter-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-filter-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-filter-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-filter-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-trash:before {
  content: "\E622"; }

.icon-trash.color--default {
  color: var(--color-icon-default); }

.icon-trash.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-trash.color--success {
  color: var(--sd-colour-success) !important; }

.icon-trash.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-trash.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-trash.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-trash.color--light {
  color: var(--color-text-lighter) !important; }

.icon-trash.color--white {
  color: #e2e5e9 !important; }

.icon-trash.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-trash.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-trash.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-trash.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-user:before {
  content: "\E623"; }

.icon-user.color--default {
  color: var(--color-icon-default); }

.icon-user.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-user.color--success {
  color: var(--sd-colour-success) !important; }

.icon-user.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-user.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-user.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-user.color--light {
  color: var(--color-text-lighter) !important; }

.icon-user.color--white {
  color: #e2e5e9 !important; }

.icon-user.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-user.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-user.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-user.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download:before {
  content: "\E624"; }

.icon-download.color--default {
  color: var(--color-icon-default); }

.icon-download.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download.color--white {
  color: #e2e5e9 !important; }

.icon-download.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-upload:before {
  content: "\E625"; }

.icon-upload.color--default {
  color: var(--color-icon-default); }

.icon-upload.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-upload.color--success {
  color: var(--sd-colour-success) !important; }

.icon-upload.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-upload.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-upload.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-upload.color--light {
  color: var(--color-text-lighter) !important; }

.icon-upload.color--white {
  color: #e2e5e9 !important; }

.icon-upload.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-upload.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-upload.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-upload.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-repeat:before {
  content: "\E626"; }

.icon-repeat.color--default {
  color: var(--color-icon-default); }

.icon-repeat.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-repeat.color--success {
  color: var(--sd-colour-success) !important; }

.icon-repeat.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-repeat.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-repeat.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-repeat.color--light {
  color: var(--color-text-lighter) !important; }

.icon-repeat.color--white {
  color: #e2e5e9 !important; }

.icon-repeat.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-repeat.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-repeat.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-repeat.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-refresh:before {
  content: "\E627"; }

.icon-refresh.color--default {
  color: var(--color-icon-default); }

.icon-refresh.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-refresh.color--success {
  color: var(--sd-colour-success) !important; }

.icon-refresh.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-refresh.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-refresh.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-refresh.color--light {
  color: var(--color-text-lighter) !important; }

.icon-refresh.color--white {
  color: #e2e5e9 !important; }

.icon-refresh.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-refresh.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-refresh.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-refresh.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt:before {
  content: "\E628"; }

.icon-list-alt.color--default {
  color: var(--color-icon-default); }

.icon-list-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-large:before {
  content: "\E629"; }

.icon-plus-large.color--default {
  color: var(--color-icon-default); }

.icon-plus-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-large.color--white {
  color: #e2e5e9 !important; }

.icon-plus-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-picture:before {
  content: "\E62A"; }

.icon-picture.color--default {
  color: var(--color-icon-default); }

.icon-picture.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-picture.color--success {
  color: var(--sd-colour-success) !important; }

.icon-picture.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-picture.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-picture.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-picture.color--light {
  color: var(--color-text-lighter) !important; }

.icon-picture.color--white {
  color: #e2e5e9 !important; }

.icon-picture.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-picture.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-picture.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-picture.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-question-sign:before {
  content: "\E62B"; }

.icon-question-sign.color--default {
  color: var(--color-icon-default); }

.icon-question-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-question-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-question-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-question-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-question-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-question-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-question-sign.color--white {
  color: #e2e5e9 !important; }

.icon-question-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-question-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-question-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-question-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-sign:before {
  content: "\E62C"; }

.icon-info-sign.color--default {
  color: var(--color-icon-default); }

.icon-info-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-sign.color--white {
  color: #e2e5e9 !important; }

.icon-info-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-sign:before {
  content: "\E62D"; }

.icon-plus-sign.color--default {
  color: var(--color-icon-default); }

.icon-plus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-plus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-sign:before {
  content: "\E62E"; }

.icon-minus-sign.color--default {
  color: var(--color-icon-default); }

.icon-minus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-minus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-remove-sign:before {
  content: "\E62F"; }

.icon-remove-sign.color--default {
  color: var(--color-icon-default); }

.icon-remove-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-remove-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-remove-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-remove-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-remove-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-remove-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-remove-sign.color--white {
  color: #e2e5e9 !important; }

.icon-remove-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-remove-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-remove-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-remove-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-share-alt:before {
  content: "\E630"; }

.icon-share-alt.color--default {
  color: var(--color-icon-default); }

.icon-share-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-share-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-share-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-share-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-share-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-share-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-share-alt.color--white {
  color: #e2e5e9 !important; }

.icon-share-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-share-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-share-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-share-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-exclamation-sign:before {
  content: "\E631"; }

.icon-exclamation-sign.color--default {
  color: var(--color-icon-default); }

.icon-exclamation-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-exclamation-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-exclamation-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-exclamation-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-exclamation-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-exclamation-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-exclamation-sign.color--white {
  color: #e2e5e9 !important; }

.icon-exclamation-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-exclamation-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-exclamation-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-exclamation-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-eye-open:before {
  content: "\E632"; }

.icon-eye-open.color--default {
  color: var(--color-icon-default); }

.icon-eye-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-eye-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-eye-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-eye-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-eye-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-eye-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-eye-open.color--white {
  color: #e2e5e9 !important; }

.icon-eye-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-eye-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-eye-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-eye-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-copy:before {
  content: "\E633"; }

.icon-copy.color--default {
  color: var(--color-icon-default); }

.icon-copy.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-copy.color--success {
  color: var(--sd-colour-success) !important; }

.icon-copy.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-copy.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-copy.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-copy.color--light {
  color: var(--color-text-lighter) !important; }

.icon-copy.color--white {
  color: #e2e5e9 !important; }

.icon-copy.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-copy.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-copy.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-copy.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-comment:before {
  content: "\E634"; }

.icon-comment.color--default {
  color: var(--color-icon-default); }

.icon-comment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-comment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-comment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-comment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-comment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-comment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-comment.color--white {
  color: #e2e5e9 !important; }

.icon-comment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-comment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-comment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-comment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-warning-sign:before {
  content: "\E635"; }

.icon-warning-sign.color--default {
  color: var(--color-icon-default); }

.icon-warning-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-warning-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-warning-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-warning-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-warning-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-warning-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-warning-sign.color--white {
  color: #e2e5e9 !important; }

.icon-warning-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-warning-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-warning-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-warning-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-adjust:before {
  content: "\E636"; }

.icon-adjust.color--default {
  color: var(--color-icon-default); }

.icon-adjust.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-adjust.color--success {
  color: var(--sd-colour-success) !important; }

.icon-adjust.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-adjust.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-adjust.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-adjust.color--light {
  color: var(--color-text-lighter) !important; }

.icon-adjust.color--white {
  color: #e2e5e9 !important; }

.icon-adjust.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-adjust.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-adjust.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-adjust.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-close:before {
  content: "\E637"; }

.icon-folder-close.color--default {
  color: var(--color-icon-default); }

.icon-folder-close.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-close.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-close.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-close.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-close.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-close.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-close.color--white {
  color: #e2e5e9 !important; }

.icon-folder-close.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-close.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-close.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-close.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-open:before {
  content: "\E638"; }

.icon-folder-open.color--default {
  color: var(--color-icon-default); }

.icon-folder-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-open.color--white {
  color: #e2e5e9 !important; }

.icon-folder-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download-alt:before {
  content: "\E639"; }

.icon-download-alt.color--default {
  color: var(--color-icon-default); }

.icon-download-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download-alt.color--white {
  color: #e2e5e9 !important; }

.icon-download-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-tasks:before {
  content: "\E63A"; }

.icon-tasks.color--default {
  color: var(--color-icon-default); }

.icon-tasks.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-tasks.color--success {
  color: var(--sd-colour-success) !important; }

.icon-tasks.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-tasks.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-tasks.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-tasks.color--light {
  color: var(--color-text-lighter) !important; }

.icon-tasks.color--white {
  color: #e2e5e9 !important; }

.icon-tasks.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-tasks.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-tasks.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-tasks.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-globe:before {
  content: "\E63B"; }

.icon-globe.color--default {
  color: var(--color-icon-default); }

.icon-globe.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-globe.color--success {
  color: var(--sd-colour-success) !important; }

.icon-globe.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-globe.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-globe.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-globe.color--light {
  color: var(--color-text-lighter) !important; }

.icon-globe.color--white {
  color: #e2e5e9 !important; }

.icon-globe.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-globe.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-globe.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-globe.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-link:before {
  content: "\E63C"; }

.icon-link.color--default {
  color: var(--color-icon-default); }

.icon-link.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-link.color--success {
  color: var(--sd-colour-success) !important; }

.icon-link.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-link.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-link.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-link.color--light {
  color: var(--color-text-lighter) !important; }

.icon-link.color--white {
  color: #e2e5e9 !important; }

.icon-link.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-link.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-link.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-link.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand-thin:before {
  content: "\E63D"; }

.icon-expand-thin.color--default {
  color: var(--color-icon-default); }

.icon-expand-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand-thin.color--white {
  color: #e2e5e9 !important; }

.icon-expand-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-assign:before {
  content: "\E63E"; }

.icon-assign.color--default {
  color: var(--color-icon-default); }

.icon-assign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-assign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-assign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-assign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-assign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-assign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-assign.color--white {
  color: #e2e5e9 !important; }

.icon-assign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-assign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-assign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-assign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots:before {
  content: "\E63F"; }

.icon-dots.color--default {
  color: var(--color-icon-default); }

.icon-dots.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots.color--white {
  color: #e2e5e9 !important; }

.icon-dots.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots-vertical:before {
  content: "\E63F"; }

.icon-dots-vertical {
  transform: rotate(90deg); }

.icon-dots-vertical.color--default {
  color: var(--color-icon-default); }

.icon-dots-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-dots-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-backward-thin:before {
  content: "\E640"; }

.icon-backward-thin.color--default {
  color: var(--color-icon-default); }

.icon-backward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-backward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-backward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-backward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-backward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-backward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-backward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-backward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-backward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-backward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-backward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-forward-thin:before {
  content: "\E641"; }

.icon-forward-thin.color--default {
  color: var(--color-icon-default); }

.icon-forward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-forward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-forward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-forward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-forward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-forward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-forward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-forward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-forward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-forward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-forward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-left-thin:before {
  content: "\E642"; }

.icon-chevron-left-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-left-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-left-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-left-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-left-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-left-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-left-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-left-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-left-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-left-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-left-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-left-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-right-thin:before {
  content: "\E643"; }

.icon-chevron-right-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-right-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-right-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-right-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-right-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-right-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-right-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-right-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-right-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-right-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-right-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-right-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-switches:before {
  content: "\E644"; }

.icon-switches.color--default {
  color: var(--color-icon-default); }

.icon-switches.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-switches.color--success {
  color: var(--sd-colour-success) !important; }

.icon-switches.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-switches.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-switches.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-switches.color--light {
  color: var(--color-text-lighter) !important; }

.icon-switches.color--white {
  color: #e2e5e9 !important; }

.icon-switches.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-switches.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-switches.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-switches.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-small:before {
  content: "\E645"; }

.icon-plus-small.color--default {
  color: var(--color-icon-default); }

.icon-plus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-small.color--white {
  color: #e2e5e9 !important; }

.icon-plus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-small:before {
  content: "\E646"; }

.icon-minus-small.color--default {
  color: var(--color-icon-default); }

.icon-minus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-small.color--white {
  color: #e2e5e9 !important; }

.icon-minus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-small:before {
  content: "\E647"; }

.icon-close-small.color--default {
  color: var(--color-icon-default); }

.icon-close-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-small.color--white {
  color: #e2e5e9 !important; }

.icon-close-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post:before {
  content: "\E648"; }

.icon-post.color--default {
  color: var(--color-icon-default); }

.icon-post.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post.color--white {
  color: #e2e5e9 !important; }

.icon-post.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-external:before {
  content: "\E649"; }

.icon-external.color--default {
  color: var(--color-icon-default); }

.icon-external.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-external.color--success {
  color: var(--sd-colour-success) !important; }

.icon-external.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-external.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-external.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-external.color--light {
  color: var(--color-text-lighter) !important; }

.icon-external.color--white {
  color: #e2e5e9 !important; }

.icon-external.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-external.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-external.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-external.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-up-thin:before {
  content: "\E64A"; }

.icon-chevron-up-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-up-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-up-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-up-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-up-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-up-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-up-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-up-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-up-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-up-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-up-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-up-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-down-thin:before {
  content: "\E64B"; }

.icon-chevron-down-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-down-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-down-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-down-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-down-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-down-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-down-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-down-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-down-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-down-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-down-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-down-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pick:before {
  content: "\E64C"; }

.icon-pick.color--default {
  color: var(--color-icon-default); }

.icon-pick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pick.color--white {
  color: #e2e5e9 !important; }

.icon-pick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-revert:before {
  content: "\E64D"; }

.icon-revert.color--default {
  color: var(--color-icon-default); }

.icon-revert.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-revert.color--success {
  color: var(--sd-colour-success) !important; }

.icon-revert.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-revert.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-revert.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-revert.color--light {
  color: var(--color-text-lighter) !important; }

.icon-revert.color--white {
  color: #e2e5e9 !important; }

.icon-revert.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-revert.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-revert.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-revert.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-plus:before {
  content: "\E64E"; }

.icon-package-plus.color--default {
  color: var(--color-icon-default); }

.icon-package-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-plus.color--white {
  color: #e2e5e9 !important; }

.icon-package-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-plus:before {
  content: "\E64F"; }

.icon-list-plus.color--default {
  color: var(--color-icon-default); }

.icon-list-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-plus.color--white {
  color: #e2e5e9 !important; }

.icon-list-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-envelope:before {
  content: "\E650"; }

.icon-envelope.color--default {
  color: var(--color-icon-default); }

.icon-envelope.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-envelope.color--success {
  color: var(--sd-colour-success) !important; }

.icon-envelope.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-envelope.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-envelope.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-envelope.color--light {
  color: var(--color-text-lighter) !important; }

.icon-envelope.color--white {
  color: #e2e5e9 !important; }

.icon-envelope.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-envelope.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-envelope.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-envelope.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heart:before {
  content: "\E651"; }

.icon-heart.color--default {
  color: var(--color-icon-default); }

.icon-heart.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heart.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heart.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heart.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heart.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heart.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heart.color--white {
  color: #e2e5e9 !important; }

.icon-heart.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heart.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heart.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heart.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-home:before {
  content: "\E652"; }

.icon-home.color--default {
  color: var(--color-icon-default); }

.icon-home.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-home.color--success {
  color: var(--sd-colour-success) !important; }

.icon-home.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-home.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-home.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-home.color--light {
  color: var(--color-text-lighter) !important; }

.icon-home.color--white {
  color: #e2e5e9 !important; }

.icon-home.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-home.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-home.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-home.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-print:before {
  content: "\E653"; }

.icon-print.color--default {
  color: var(--color-icon-default); }

.icon-print.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-print.color--success {
  color: var(--sd-colour-success) !important; }

.icon-print.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-print.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-print.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-print.color--light {
  color: var(--color-text-lighter) !important; }

.icon-print.color--white {
  color: #e2e5e9 !important; }

.icon-print.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-print.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-print.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-print.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-font:before {
  content: "\E654"; }

.icon-font.color--default {
  color: var(--color-icon-default); }

.icon-font.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-font.color--success {
  color: var(--sd-colour-success) !important; }

.icon-font.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-font.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-font.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-font.color--light {
  color: var(--color-text-lighter) !important; }

.icon-font.color--white {
  color: #e2e5e9 !important; }

.icon-font.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-font.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-font.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-font.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bold:before {
  content: "\E655"; }

.icon-bold.color--default {
  color: var(--color-icon-default); }

.icon-bold.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bold.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bold.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bold.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bold.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bold.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bold.color--white {
  color: #e2e5e9 !important; }

.icon-bold.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bold.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bold.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bold.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-italic:before {
  content: "\E656"; }

.icon-italic.color--default {
  color: var(--color-icon-default); }

.icon-italic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-italic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-italic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-italic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-italic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-italic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-italic.color--white {
  color: #e2e5e9 !important; }

.icon-italic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-italic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-italic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-italic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-underline:before {
  content: "\E657"; }

.icon-underline.color--default {
  color: var(--color-icon-default); }

.icon-underline.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-underline.color--success {
  color: var(--sd-colour-success) !important; }

.icon-underline.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-underline.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-underline.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-underline.color--light {
  color: var(--color-text-lighter) !important; }

.icon-underline.color--white {
  color: #e2e5e9 !important; }

.icon-underline.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-underline.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-underline.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-underline.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-strikethrough:before {
  content: "\E658"; }

.icon-strikethrough.color--default {
  color: var(--color-icon-default); }

.icon-strikethrough.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-strikethrough.color--success {
  color: var(--sd-colour-success) !important; }

.icon-strikethrough.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-strikethrough.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-strikethrough.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-strikethrough.color--light {
  color: var(--color-text-lighter) !important; }

.icon-strikethrough.color--white {
  color: #e2e5e9 !important; }

.icon-strikethrough.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-strikethrough.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-strikethrough.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-strikethrough.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-left:before {
  content: "\E659"; }

.icon-align-left.color--default {
  color: var(--color-icon-default); }

.icon-align-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-left.color--white {
  color: #e2e5e9 !important; }

.icon-align-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-center:before {
  content: "\E65A"; }

.icon-align-center.color--default {
  color: var(--color-icon-default); }

.icon-align-center.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-center.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-center.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-center.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-center.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-center.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-center.color--white {
  color: #e2e5e9 !important; }

.icon-align-center.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-center.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-center.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-center.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-right:before {
  content: "\E65B"; }

.icon-align-right.color--default {
  color: var(--color-icon-default); }

.icon-align-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-right.color--white {
  color: #e2e5e9 !important; }

.icon-align-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-justify:before {
  content: "\E65C"; }

.icon-align-justify.color--default {
  color: var(--color-icon-default); }

.icon-align-justify.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-justify.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-justify.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-justify.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-justify.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-justify.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-justify.color--white {
  color: #e2e5e9 !important; }

.icon-align-justify.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-justify.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-justify.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-justify.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unordered-list:before {
  content: "\E65D"; }

.icon-unordered-list.color--default {
  color: var(--color-icon-default); }

.icon-unordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-unordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-left:before {
  content: "\E65E"; }

.icon-indent-left.color--default {
  color: var(--color-icon-default); }

.icon-indent-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-left.color--white {
  color: #e2e5e9 !important; }

.icon-indent-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-right:before {
  content: "\E65F"; }

.icon-indent-right.color--default {
  color: var(--color-icon-default); }

.icon-indent-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-right.color--white {
  color: #e2e5e9 !important; }

.icon-indent-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ban-circle:before {
  content: "\E660"; }

.icon-ban-circle.color--default {
  color: var(--color-icon-default); }

.icon-ban-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ban-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ban-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ban-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ban-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ban-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ban-circle.color--white {
  color: #e2e5e9 !important; }

.icon-ban-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ban-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ban-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ban-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bell:before {
  content: "\E661"; }

.icon-bell.color--default {
  color: var(--color-icon-default); }

.icon-bell.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bell.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bell.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bell.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bell.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bell.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bell.color--white {
  color: #e2e5e9 !important; }

.icon-bell.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bell.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bell.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bell.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-random:before {
  content: "\E662"; }

.icon-random.color--default {
  color: var(--color-icon-default); }

.icon-random.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-random.color--success {
  color: var(--sd-colour-success) !important; }

.icon-random.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-random.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-random.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-random.color--light {
  color: var(--color-text-lighter) !important; }

.icon-random.color--white {
  color: #e2e5e9 !important; }

.icon-random.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-random.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-random.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-random.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-settings:before {
  content: "\E663"; }

.icon-settings.color--default {
  color: var(--color-icon-default); }

.icon-settings.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-settings.color--success {
  color: var(--sd-colour-success) !important; }

.icon-settings.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-settings.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-settings.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-settings.color--light {
  color: var(--color-text-lighter) !important; }

.icon-settings.color--white {
  color: #e2e5e9 !important; }

.icon-settings.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-settings.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-settings.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-settings.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-create:before {
  content: "\E664"; }

.icon-package-create.color--default {
  color: var(--color-icon-default); }

.icon-package-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-create.color--white {
  color: #e2e5e9 !important; }

.icon-package-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-menu:before {
  content: "\E665"; }

.icon-list-menu.color--default {
  color: var(--color-icon-default); }

.icon-list-menu.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-menu.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-menu.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-menu.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-menu.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-menu.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-menu.color--white {
  color: #e2e5e9 !important; }

.icon-list-menu.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-menu.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-menu.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-menu.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-new-doc:before {
  content: "\E666"; }

.icon-new-doc.color--default {
  color: var(--color-icon-default); }

.icon-new-doc.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-new-doc.color--success {
  color: var(--sd-colour-success) !important; }

.icon-new-doc.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-new-doc.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-new-doc.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-new-doc.color--light {
  color: var(--color-text-lighter) !important; }

.icon-new-doc.color--white {
  color: #e2e5e9 !important; }

.icon-new-doc.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-new-doc.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-new-doc.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-new-doc.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-edit-line:before {
  content: "\E667"; }

.icon-edit-line.color--default {
  color: var(--color-icon-default); }

.icon-edit-line.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-edit-line.color--success {
  color: var(--sd-colour-success) !important; }

.icon-edit-line.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-edit-line.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-edit-line.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-edit-line.color--light {
  color: var(--color-text-lighter) !important; }

.icon-edit-line.color--white {
  color: #e2e5e9 !important; }

.icon-edit-line.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-edit-line.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-edit-line.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-edit-line.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar-list:before {
  content: "\E668"; }

.icon-calendar-list.color--default {
  color: var(--color-icon-default); }

.icon-calendar-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar-list.color--white {
  color: #e2e5e9 !important; }

.icon-calendar-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-collapse:before {
  content: "\E669"; }

.icon-collapse.color--default {
  color: var(--color-icon-default); }

.icon-collapse.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-collapse.color--success {
  color: var(--sd-colour-success) !important; }

.icon-collapse.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-collapse.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-collapse.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-collapse.color--light {
  color: var(--color-text-lighter) !important; }

.icon-collapse.color--white {
  color: #e2e5e9 !important; }

.icon-collapse.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-collapse.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-collapse.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-collapse.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast:before {
  content: "\E66A"; }

.icon-broadcast.color--default {
  color: var(--color-icon-default); }

.icon-broadcast.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast-create:before {
  content: "\E66B"; }

.icon-broadcast-create.color--default {
  color: var(--color-icon-default); }

.icon-broadcast-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast-create.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kill:before {
  content: "\E66C"; }

.icon-kill.color--default {
  color: var(--color-icon-default); }

.icon-kill.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kill.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kill.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kill.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kill.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kill.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kill.color--white {
  color: #e2e5e9 !important; }

.icon-kill.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kill.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kill.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kill.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic:before {
  content: "\E66D"; }

.icon-graphic.color--default {
  color: var(--color-icon-default); }

.icon-graphic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic.color--white {
  color: #e2e5e9 !important; }

.icon-graphic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-thick:before {
  content: "\E66E"; }

.icon-close-thick.color--default {
  color: var(--color-icon-default); }

.icon-close-thick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-thick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-thick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-thick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-thick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-thick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-thick.color--white {
  color: #e2e5e9 !important; }

.icon-close-thick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-thick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-thick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-thick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-move:before {
  content: "\E66F"; }

.icon-move.color--default {
  color: var(--color-icon-default); }

.icon-move.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-move.color--success {
  color: var(--sd-colour-success) !important; }

.icon-move.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-move.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-move.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-move.color--light {
  color: var(--color-text-lighter) !important; }

.icon-move.color--white {
  color: #e2e5e9 !important; }

.icon-move.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-move.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-move.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-move.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-takes-package:before {
  content: "\E670"; }

.icon-takes-package.color--default {
  color: var(--color-icon-default); }

.icon-takes-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-takes-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-takes-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-takes-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-takes-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-takes-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-takes-package.color--white {
  color: #e2e5e9 !important; }

.icon-takes-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-takes-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-takes-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-takes-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-highlight-package:before {
  content: "\E671"; }

.icon-highlight-package.color--default {
  color: var(--color-icon-default); }

.icon-highlight-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-highlight-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-highlight-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-highlight-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-highlight-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-highlight-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-highlight-package.color--white {
  color: #e2e5e9 !important; }

.icon-highlight-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-highlight-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-highlight-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-highlight-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preview-mode:before {
  content: "\E672"; }

.icon-preview-mode.color--default {
  color: var(--color-icon-default); }

.icon-preview-mode.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preview-mode.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preview-mode.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preview-mode.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preview-mode.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preview-mode.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preview-mode.color--white {
  color: #e2e5e9 !important; }

.icon-preview-mode.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preview-mode.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preview-mode.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preview-mode.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unlocked:before {
  content: "\E673"; }

.icon-unlocked.color--default {
  color: var(--color-icon-default); }

.icon-unlocked.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unlocked.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unlocked.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unlocked.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unlocked.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unlocked.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unlocked.color--white {
  color: #e2e5e9 !important; }

.icon-unlocked.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unlocked.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unlocked.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unlocked.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-code:before {
  content: "\E674"; }

.icon-code.color--default {
  color: var(--color-icon-default); }

.icon-code.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-code.color--success {
  color: var(--sd-colour-success) !important; }

.icon-code.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-code.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-code.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-code.color--light {
  color: var(--color-text-lighter) !important; }

.icon-code.color--white {
  color: #e2e5e9 !important; }

.icon-code.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-code.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-code.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-code.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-cut:before {
  content: "\E675"; }

.icon-cut.color--default {
  color: var(--color-icon-default); }

.icon-cut.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-cut.color--success {
  color: var(--sd-colour-success) !important; }

.icon-cut.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-cut.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-cut.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-cut.color--light {
  color: var(--color-text-lighter) !important; }

.icon-cut.color--white {
  color: #e2e5e9 !important; }

.icon-cut.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-cut.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-cut.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-cut.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paste:before {
  content: "\E676"; }

.icon-paste.color--default {
  color: var(--color-icon-default); }

.icon-paste.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paste.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paste.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paste.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paste.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paste.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paste.color--white {
  color: #e2e5e9 !important; }

.icon-paste.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paste.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paste.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paste.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-left:before {
  content: "\E677"; }

.icon-arrow-left.color--default {
  color: var(--color-icon-default); }

.icon-arrow-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-left.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-right:before {
  content: "\E678"; }

.icon-arrow-right.color--default {
  color: var(--color-icon-default); }

.icon-arrow-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-right.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-large:before {
  content: "\E679"; }

.icon-info-large.color--default {
  color: var(--color-icon-default); }

.icon-info-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-large.color--white {
  color: #e2e5e9 !important; }

.icon-info-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-help-large:before {
  content: "\E67A"; }

.icon-help-large.color--default {
  color: var(--color-icon-default); }

.icon-help-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-help-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-help-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-help-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-help-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-help-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-help-large.color--white {
  color: #e2e5e9 !important; }

.icon-help-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-help-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-help-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-help-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment:before {
  content: "\E67B"; }

.icon-attachment.color--default {
  color: var(--color-icon-default); }

.icon-attachment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment.color--white {
  color: #e2e5e9 !important; }

.icon-attachment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment-large:before {
  content: "\E67C"; }

.icon-attachment-large.color--default {
  color: var(--color-icon-default); }

.icon-attachment-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment-large.color--white {
  color: #e2e5e9 !important; }

.icon-attachment-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-table:before {
  content: "\E67D"; }

.icon-table.color--default {
  color: var(--color-icon-default); }

.icon-table.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-table.color--success {
  color: var(--sd-colour-success) !important; }

.icon-table.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-table.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-table.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-table.color--light {
  color: var(--color-text-lighter) !important; }

.icon-table.color--white {
  color: #e2e5e9 !important; }

.icon-table.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-table.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-table.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-table.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ordered-list:before {
  content: "\E67E"; }

.icon-ordered-list.color--default {
  color: var(--color-icon-default); }

.icon-ordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-ordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-1:before {
  content: "\E67F"; }

.icon-heading-1.color--default {
  color: var(--color-icon-default); }

.icon-heading-1.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-1.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-1.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-1.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-1.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-1.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-1.color--white {
  color: #e2e5e9 !important; }

.icon-heading-1.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-1.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-1.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-1.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-2:before {
  content: "\E680"; }

.icon-heading-2.color--default {
  color: var(--color-icon-default); }

.icon-heading-2.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-2.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-2.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-2.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-2.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-2.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-2.color--white {
  color: #e2e5e9 !important; }

.icon-heading-2.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-2.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-2.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-2.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-3:before {
  content: "\E681"; }

.icon-heading-3.color--default {
  color: var(--color-icon-default); }

.icon-heading-3.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-3.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-3.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-3.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-3.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-3.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-3.color--white {
  color: #e2e5e9 !important; }

.icon-heading-3.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-3.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-3.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-3.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-4:before {
  content: "\E682"; }

.icon-heading-4.color--default {
  color: var(--color-icon-default); }

.icon-heading-4.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-4.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-4.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-4.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-4.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-4.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-4.color--white {
  color: #e2e5e9 !important; }

.icon-heading-4.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-4.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-4.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-4.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-5:before {
  content: "\E683"; }

.icon-heading-5.color--default {
  color: var(--color-icon-default); }

.icon-heading-5.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-5.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-5.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-5.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-5.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-5.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-5.color--white {
  color: #e2e5e9 !important; }

.icon-heading-5.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-5.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-5.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-5.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-6:before {
  content: "\E684"; }

.icon-heading-6.color--default {
  color: var(--color-icon-default); }

.icon-heading-6.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-6.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-6.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-6.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-6.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-6.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-6.color--white {
  color: #e2e5e9 !important; }

.icon-heading-6.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-6.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-6.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-6.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-quote:before {
  content: "\E685"; }

.icon-quote.color--default {
  color: var(--color-icon-default); }

.icon-quote.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-quote.color--success {
  color: var(--sd-colour-success) !important; }

.icon-quote.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-quote.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-quote.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-quote.color--light {
  color: var(--color-text-lighter) !important; }

.icon-quote.color--white {
  color: #e2e5e9 !important; }

.icon-quote.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-quote.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-quote.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-quote.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multiedit:before {
  content: "\E686"; }

.icon-multiedit.color--default {
  color: var(--color-icon-default); }

.icon-multiedit.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multiedit.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multiedit.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multiedit.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multiedit.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multiedit.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multiedit.color--white {
  color: #e2e5e9 !important; }

.icon-multiedit.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multiedit.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multiedit.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multiedit.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-phone:before {
  content: "\E687"; }

.icon-phone.color--default {
  color: var(--color-icon-default); }

.icon-phone.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-phone.color--success {
  color: var(--sd-colour-success) !important; }

.icon-phone.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-phone.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-phone.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-phone.color--light {
  color: var(--color-text-lighter) !important; }

.icon-phone.color--white {
  color: #e2e5e9 !important; }

.icon-phone.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-phone.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-phone.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-phone.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-mobile:before {
  content: "\E688"; }

.icon-mobile.color--default {
  color: var(--color-icon-default); }

.icon-mobile.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-mobile.color--success {
  color: var(--sd-colour-success) !important; }

.icon-mobile.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-mobile.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-mobile.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-mobile.color--light {
  color: var(--color-text-lighter) !important; }

.icon-mobile.color--white {
  color: #e2e5e9 !important; }

.icon-mobile.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-mobile.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-mobile.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-mobile.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter:before {
  content: "\E689"; }

.icon-twitter.color--default {
  color: var(--color-icon-default); }

.icon-twitter.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter.color--white {
  color: #e2e5e9 !important; }

.icon-twitter.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook:before {
  content: "\E68A"; }

.icon-facebook.color--default {
  color: var(--color-icon-default); }

.icon-facebook.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook.color--white {
  color: #e2e5e9 !important; }

.icon-facebook.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in:before {
  content: "\E68B"; }

.icon-linked-in.color--default {
  color: var(--color-icon-default); }

.icon-linked-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter-circle:before {
  content: "\E68C"; }

.icon-twitter-circle.color--default {
  color: var(--color-icon-default); }

.icon-twitter-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter-circle.color--white {
  color: #e2e5e9 !important; }

.icon-twitter-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook-circle:before {
  content: "\E68D"; }

.icon-facebook-circle.color--default {
  color: var(--color-icon-default); }

.icon-facebook-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook-circle.color--white {
  color: #e2e5e9 !important; }

.icon-facebook-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in-circle:before {
  content: "\E68E"; }

.icon-linked-in-circle.color--default {
  color: var(--color-icon-default); }

.icon-linked-in-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in-circle.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-recurring:before {
  content: "\E68F"; }

.icon-recurring.color--default {
  color: var(--color-icon-default); }

.icon-recurring.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-recurring.color--success {
  color: var(--sd-colour-success) !important; }

.icon-recurring.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-recurring.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-recurring.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-recurring.color--light {
  color: var(--color-text-lighter) !important; }

.icon-recurring.color--white {
  color: #e2e5e9 !important; }

.icon-recurring.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-recurring.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-recurring.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-recurring.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paragraph:before {
  content: "\E690"; }

.icon-paragraph.color--default {
  color: var(--color-icon-default); }

.icon-paragraph.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paragraph.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paragraph.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paragraph.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paragraph.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paragraph.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paragraph.color--white {
  color: #e2e5e9 !important; }

.icon-paragraph.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paragraph.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paragraph.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paragraph.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-suggestion:before {
  content: "\E691"; }

.icon-suggestion.color--default {
  color: var(--color-icon-default); }

.icon-suggestion.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-suggestion.color--success {
  color: var(--sd-colour-success) !important; }

.icon-suggestion.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-suggestion.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-suggestion.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-suggestion.color--light {
  color: var(--color-text-lighter) !important; }

.icon-suggestion.color--white {
  color: #e2e5e9 !important; }

.icon-suggestion.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-suggestion.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-suggestion.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-suggestion.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-event:before {
  content: "\E692"; }

.icon-event.color--default {
  color: var(--color-icon-default); }

.icon-event.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-event.color--success {
  color: var(--sd-colour-success) !important; }

.icon-event.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-event.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-event.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-event.color--light {
  color: var(--color-text-lighter) !important; }

.icon-event.color--white {
  color: #e2e5e9 !important; }

.icon-event.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-event.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-event.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-event.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kanban-view:before {
  content: "\E693"; }

.icon-kanban-view.color--default {
  color: var(--color-icon-default); }

.icon-kanban-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kanban-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kanban-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kanban-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kanban-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kanban-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kanban-view.color--white {
  color: #e2e5e9 !important; }

.icon-kanban-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kanban-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kanban-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kanban-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-subscript:before {
  content: "\E694"; }

.icon-subscript.color--default {
  color: var(--color-icon-default); }

.icon-subscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-subscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-subscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-subscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-subscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-subscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-subscript.color--white {
  color: #e2e5e9 !important; }

.icon-subscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-subscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-subscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-subscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-superscript:before {
  content: "\E695"; }

.icon-superscript.color--default {
  color: var(--color-icon-default); }

.icon-superscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-superscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-superscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-superscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-superscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-superscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-superscript.color--white {
  color: #e2e5e9 !important; }

.icon-superscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-superscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-superscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-superscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-format:before {
  content: "\E696"; }

.icon-clear-format.color--default {
  color: var(--color-icon-default); }

.icon-clear-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-format.color--white {
  color: #e2e5e9 !important; }

.icon-clear-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preformatted:before {
  content: "\E697"; }

.icon-preformatted.color--default {
  color: var(--color-icon-default); }

.icon-preformatted.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preformatted.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preformatted.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preformatted.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preformatted.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preformatted.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preformatted.color--white {
  color: #e2e5e9 !important; }

.icon-preformatted.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preformatted.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preformatted.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preformatted.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-crop:before {
  content: "\E698"; }

.icon-crop.color--default {
  color: var(--color-icon-default); }

.icon-crop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-crop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-crop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-crop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-crop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-crop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-crop.color--white {
  color: #e2e5e9 !important; }

.icon-crop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-crop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-crop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-crop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-horizontal:before {
  content: "\E699"; }

.icon-flip-horizontal.color--default {
  color: var(--color-icon-default); }

.icon-flip-horizontal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-horizontal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-horizontal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-horizontal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-horizontal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-horizontal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-horizontal.color--white {
  color: #e2e5e9 !important; }

.icon-flip-horizontal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-horizontal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-horizontal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-horizontal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-vertical:before {
  content: "\E69A"; }

.icon-flip-vertical.color--default {
  color: var(--color-icon-default); }

.icon-flip-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-flip-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-right:before {
  content: "\E69B"; }

.icon-rotate-right.color--default {
  color: var(--color-icon-default); }

.icon-rotate-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-right.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-left:before {
  content: "\E69C"; }

.icon-rotate-left.color--default {
  color: var(--color-icon-default); }

.icon-rotate-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-left.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-business:before {
  content: "\E69D"; }

.icon-business.color--default {
  color: var(--color-icon-default); }

.icon-business.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-business.color--success {
  color: var(--sd-colour-success) !important; }

.icon-business.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-business.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-business.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-business.color--light {
  color: var(--color-text-lighter) !important; }

.icon-business.color--white {
  color: #e2e5e9 !important; }

.icon-business.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-business.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-business.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-business.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paywall:before {
  content: "\E69E"; }

.icon-paywall.color--default {
  color: var(--color-icon-default); }

.icon-paywall.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paywall.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paywall.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paywall.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paywall.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paywall.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paywall.color--white {
  color: #e2e5e9 !important; }

.icon-paywall.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paywall.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paywall.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paywall.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-analytics:before {
  content: "\E69F"; }

.icon-analytics.color--default {
  color: var(--color-icon-default); }

.icon-analytics.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-analytics.color--success {
  color: var(--sd-colour-success) !important; }

.icon-analytics.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-analytics.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-analytics.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-analytics.color--light {
  color: var(--color-text-lighter) !important; }

.icon-analytics.color--white {
  color: #e2e5e9 !important; }

.icon-analytics.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-analytics.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-analytics.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-analytics.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-amp:before {
  content: "\E6A0"; }

.icon-amp.color--default {
  color: var(--color-icon-default); }

.icon-amp.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-amp.color--success {
  color: var(--sd-colour-success) !important; }

.icon-amp.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-amp.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-amp.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-amp.color--light {
  color: var(--color-text-lighter) !important; }

.icon-amp.color--white {
  color: #e2e5e9 !important; }

.icon-amp.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-amp.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-amp.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-amp.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-undo:before {
  content: "\E6A1"; }

.icon-undo.color--default {
  color: var(--color-icon-default); }

.icon-undo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-undo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-undo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-undo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-undo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-undo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-undo.color--white {
  color: #e2e5e9 !important; }

.icon-undo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-undo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-undo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-undo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-redo:before {
  content: "\E6A2"; }

.icon-redo.color--default {
  color: var(--color-icon-default); }

.icon-redo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-redo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-redo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-redo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-redo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-redo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-redo.color--white {
  color: #e2e5e9 !important; }

.icon-redo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-redo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-redo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-redo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-instagram:before {
  content: "\E6A3"; }

.icon-instagram.color--default {
  color: var(--color-icon-default); }

.icon-instagram.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-instagram.color--success {
  color: var(--sd-colour-success) !important; }

.icon-instagram.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-instagram.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-instagram.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-instagram.color--light {
  color: var(--color-text-lighter) !important; }

.icon-instagram.color--white {
  color: #e2e5e9 !important; }

.icon-instagram.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-instagram.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-instagram.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-instagram.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play:before {
  content: "\E6A4"; }

.icon-play.color--default {
  color: var(--color-icon-default); }

.icon-play.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play.color--white {
  color: #e2e5e9 !important; }

.icon-play.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stop:before {
  content: "\E6A5"; }

.icon-stop.color--default {
  color: var(--color-icon-default); }

.icon-stop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stop.color--white {
  color: #e2e5e9 !important; }

.icon-stop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pause:before {
  content: "\E6A6"; }

.icon-pause.color--default {
  color: var(--color-icon-default); }

.icon-pause.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pause.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pause.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pause.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pause.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pause.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pause.color--white {
  color: #e2e5e9 !important; }

.icon-pause.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pause.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pause.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pause.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_rewind:before {
  content: "\E6A7"; }

.icon-fast_rewind.color--default {
  color: var(--color-icon-default); }

.icon-fast_rewind.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_rewind.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_rewind.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_rewind.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_rewind.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_rewind.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_rewind.color--white {
  color: #e2e5e9 !important; }

.icon-fast_rewind.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_rewind.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_rewind.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_rewind.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_forward:before {
  content: "\E6A8"; }

.icon-fast_forward.color--default {
  color: var(--color-icon-default); }

.icon-fast_forward.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_forward.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_forward.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_forward.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_forward.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_forward.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_forward.color--white {
  color: #e2e5e9 !important; }

.icon-fast_forward.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_forward.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_forward.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_forward.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_previous:before {
  content: "\E6A9"; }

.icon-skip_previous.color--default {
  color: var(--color-icon-default); }

.icon-skip_previous.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_previous.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_previous.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_previous.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_previous.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_previous.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_previous.color--white {
  color: #e2e5e9 !important; }

.icon-skip_previous.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_previous.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_previous.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_previous.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_next:before {
  content: "\E6AA"; }

.icon-skip_next.color--default {
  color: var(--color-icon-default); }

.icon-skip_next.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_next.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_next.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_next.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_next.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_next.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_next.color--white {
  color: #e2e5e9 !important; }

.icon-skip_next.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_next.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_next.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_next.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-image:before {
  content: "\E6AB"; }

.icon-add-image.color--default {
  color: var(--color-icon-default); }

.icon-add-image.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-image.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-image.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-image.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-image.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-image.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-image.color--white {
  color: #e2e5e9 !important; }

.icon-add-image.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-image.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-image.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-image.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-gallery:before {
  content: "\E6AC"; }

.icon-add-gallery.color--default {
  color: var(--color-icon-default); }

.icon-add-gallery.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-gallery.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-gallery.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-gallery.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-gallery.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-gallery.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-gallery.color--white {
  color: #e2e5e9 !important; }

.icon-add-gallery.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-gallery.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-gallery.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-gallery.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-format:before {
  content: "\E6AD"; }

.icon-text-format.color--default {
  color: var(--color-icon-default); }

.icon-text-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-format.color--white {
  color: #e2e5e9 !important; }

.icon-text-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-uppercase:before {
  content: "\E6AE"; }

.icon-to-uppercase.color--default {
  color: var(--color-icon-default); }

.icon-to-uppercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-uppercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-uppercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-uppercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-uppercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-uppercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-uppercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-uppercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-uppercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-uppercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-uppercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-lowercase:before {
  content: "\E6AF"; }

.icon-to-lowercase.color--default {
  color: var(--color-icon-default); }

.icon-to-lowercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-lowercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-lowercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-lowercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-lowercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-lowercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-lowercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-lowercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-lowercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-lowercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-lowercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-small:before {
  content: "\E6B0"; }

.icon-arrow-small.color--default {
  color: var(--color-icon-default); }

.icon-arrow-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-small.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-all:before {
  content: "\E6B1"; }

.icon-clear-all.color--default {
  color: var(--color-icon-default); }

.icon-clear-all.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-all.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-all.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-all.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-all.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-all.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-all.color--white {
  color: #e2e5e9 !important; }

.icon-clear-all.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-all.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-all.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-all.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rundown:before {
  content: "\E6B2"; }

.icon-rundown.color--default {
  color: var(--color-icon-default); }

.icon-rundown.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rundown.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rundown.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rundown.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rundown.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rundown.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rundown.color--white {
  color: #e2e5e9 !important; }

.icon-rundown.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rundown.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rundown.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rundown.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-photo-cancel:before {
  content: "\E6B3"; }

.icon-photo-cancel.color--default {
  color: var(--color-icon-default); }

.icon-photo-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-photo-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video-cancel:before {
  content: "\E6B4"; }

.icon-video-cancel.color--default {
  color: var(--color-icon-default); }

.icon-video-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-video-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-cancel:before {
  content: "\E6B5"; }

.icon-text-cancel.color--default {
  color: var(--color-icon-default); }

.icon-text-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-text-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file-cancel:before {
  content: "\E6B6"; }

.icon-file-cancel.color--default {
  color: var(--color-icon-default); }

.icon-file-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-file-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio-cancel:before {
  content: "\E6B7"; }

.icon-audio-cancel.color--default {
  color: var(--color-icon-default); }

.icon-audio-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-audio-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt-cancel:before {
  content: "\E6B8"; }

.icon-list-alt-cancel.color--default {
  color: var(--color-icon-default); }

.icon-list-alt-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post-cancel:before {
  content: "\E6B9"; }

.icon-post-cancel.color--default {
  color: var(--color-icon-default); }

.icon-post-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-post-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-block:before {
  content: "\E6BA"; }

.icon-text-block.color--default {
  color: var(--color-icon-default); }

.icon-text-block.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-block.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-block.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-block.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-block.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-block.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-block.color--white {
  color: #e2e5e9 !important; }

.icon-text-block.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-block.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-block.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-block.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic-cancel:before {
  content: "\E6BB"; }

.icon-graphic-cancel.color--default {
  color: var(--color-icon-default); }

.icon-graphic-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-graphic-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play-cancel:before {
  content: "\E6BC"; }

.icon-play-cancel.color--default {
  color: var(--color-icon-default); }

.icon-play-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-play-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-up:before {
  content: "\E6BD"; }

.icon-thumb-up.color--default {
  color: var(--color-icon-default); }

.icon-thumb-up.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-up.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-up.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-up.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-up.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-up.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-up.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-up.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-up.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-up.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-up.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-down:before {
  content: "\E6BE"; }

.icon-thumb-down.color--default {
  color: var(--color-icon-default); }

.icon-thumb-down.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-down.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-down.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-down.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-down.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-down.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-down.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-down.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-down.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-down.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-down.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-open-ai:before {
  content: "\E6BF"; }

.icon-open-ai.color--default {
  color: var(--color-icon-default); }

.icon-open-ai.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-open-ai.color--success {
  color: var(--sd-colour-success) !important; }

.icon-open-ai.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-open-ai.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-open-ai.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-open-ai.color--light {
  color: var(--color-text-lighter) !important; }

.icon-open-ai.color--white {
  color: #e2e5e9 !important; }

.icon-open-ai.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-open-ai.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-open-ai.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-open-ai.scale--4x {
  --icon-base-size: 64px
        ; }

.icn-mix {
  position: relative;
  display: inline-flex !important;
  font-size: 16px;
  height: 16px; }

.icn-mix .icn-mix__icn {
  opacity: 0.6; }

.icn-mix .icn-mix__sub-icn {
  position: absolute;
  font-size: 1.1rem;
  box-sizing: content-box;
  line-height: 100%;
  color: #9b27b0;
  inset-inline-end: -0.4rem;
  inset-block-end: -0.6rem;
  height: 1em;
  width: 1em;
  background-color: var(--sd-item__main-Bg) !important;
  border-radius: var(--b-radius--full);
  padding: 1px;
  z-index: 1;
  opacity: 1 !important; }

.icn-mix--2x {
  font-size: 32px;
  height: 32px; }

.icn-mix--2x .icn-mix__icn {
  opacity: 0.6;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icn-mix--2x .icn-mix__sub-icn {
  font-size: 1.6rem;
  inset-inline-end: -0.6rem;
  inset-block-end: -0.3rem; }

.double-size-icn {
  display: inline-block;
  height: 3.2rem;
  width: 3.2rem; }

.double-size-icn [class^="icon-"],
.double-size-icn [class*=" icon-"] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.double-size-icn--light [class^="icon-"],
.double-size-icn--light [class*=" icon-"] {
  opacity: 0.5; }

.subnav .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--100) !important; }

.subnav--darker .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--200) !important; }

.subnav--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10) !important;
  color: #d686e4; }

.subnav--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.side-panel__top-tools .icn-mix__sub-icn {
  background-color: #f0f0f0; }

.side-panel__top-tools--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10);
  color: #d686e4; }

.side-panel__top-tools--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.p-component, .p-component * {
  box-sizing: border-box; }

.p-hidden {
  display: none; }

.p-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.p-hidden-accessible input, .p-hidden-accessible select {
  transform: scale(0); }

.p-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.p-disabled, .p-disabled * {
  cursor: default !important;
  pointer-events: none; }

.p-component-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.p-overflow-hidden {
  overflow: hidden; }

.p-unselectable-text {
  user-select: none; }

.p-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px; }

@-webkit-keyframes p-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes p-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
  border-radius: 0; }

.p-link {
  text-align: left;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  user-select: none; }

.p-connected-overlay {
  opacity: 0;
  transform: scaleY(0.8);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); }

.p-connected-overlay-visible {
  opacity: 1;
  transform: scaleY(1); }

.p-connected-overlay-hidden {
  opacity: 0;
  transform: scaleY(1);
  transition: opacity .1s linear; }

.p-connected-overlay-enter {
  opacity: 0;
  transform: scaleY(0.8); }

.p-connected-overlay-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); }

.p-connected-overlay-enter-done {
  transform: none; }

.p-connected-overlay-exit {
  opacity: 1; }

.p-connected-overlay-exit-active {
  opacity: 0;
  transition: opacity .1s linear; }

.p-toggleable-content-enter {
  max-height: 0; }

.p-toggleable-content-enter-active {
  overflow: hidden;
  max-height: 1000px;
  transition: max-height 1s ease-in-out; }

.p-toggleable-content-enter-done {
  transform: none; }

.p-toggleable-content-exit {
  max-height: 1000px; }

.p-toggleable-content-exit-active {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); }

.p-sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.p-accordion-header-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
  position: relative;
  text-decoration: none; }

.p-accordion-header-link:focus {
  z-index: 1; }

.p-accordion-header-text {
  line-height: 1; }

.p-autocomplete {
  display: inline-flex;
  position: relative; }

.p-autocomplete-loader {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-autocomplete-dd .p-autocomplete-input {
  flex: 1 1 auto;
  width: 1%; }

.p-autocomplete-dd .p-autocomplete-input, .p-autocomplete-dd .p-autocomplete-multiple-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-autocomplete-dd .p-autocomplete-dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-autocomplete .p-autocomplete-panel {
  min-width: 100%; }

.p-autocomplete-panel {
  position: absolute;
  overflow: auto; }

.p-autocomplete-items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-autocomplete-item {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.p-autocomplete-multiple-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: text;
  overflow: hidden;
  display: flex;
  align-items: center; }

.p-autocomplete-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto; }

.p-autocomplete-token-icon {
  cursor: pointer; }

.p-autocomplete-input-token {
  flex: 1 1 auto;
  display: inline-flex; }

.p-autocomplete-input-token input {
  border: 0 none;
  outline: 0 none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100%; }

.p-fluid .p-autocomplete {
  display: flex; }

.p-fluid .p-autocomplete-dd .p-autocomplete-input {
  width: 1%; }

.p-badge {
  display: inline-block;
  border-radius: 50%;
  text-align: center; }

.p-tag {
  display: inline-block;
  text-align: center;
  line-height: 1.5; }

.p-tag.p-tag-rounded {
  border-radius: 10rem; }

.p-overlay-badge {
  position: relative;
  display: inline-block; }

.p-overlay-badge .p-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(1em, -1em);
  margin: 0; }

.p-breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.p-breadcrumb .p-menuitem-text {
  line-height: 1; }

.p-breadcrumb .p-menuitem-link {
  text-decoration: none; }

.p-button {
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative; }

.p-button-label {
  flex: 1 1 auto; }

.p-button-icon-right {
  order: 1; }

.p-button:disabled {
  cursor: default; }

.p-button-icon-only {
  justify-content: center; }

.p-button-icon-only .p-button-label {
  visibility: hidden;
  width: 0;
  flex: 0 0 auto; }

.p-button-vertical {
  flex-direction: column; }

.p-button-icon-bottom {
  order: 2; }

.p-buttonset .p-button {
  margin: 0; }

.p-buttonset .p-button:not(:last-child) {
  border-right: 0 none; }

.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
  border-radius: 0; }

.p-buttonset .p-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-buttonset .p-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-buttonset .p-button:focus {
  position: relative;
  z-index: 1; }

.p-calendar {
  position: relative;
  display: inline-flex; }

.p-calendar .p-inputtext {
  flex: 1 1 auto;
  width: 1%; }

.p-calendar-w-btn .p-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-calendar-w-btn .p-datepicker-trigger {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-fluid .p-calendar {
  display: flex; }

.p-fluid .p-calendar .p-inputtext {
  width: 1%; }

.p-calendar .p-datepicker {
  min-width: 100%; }

.p-datepicker {
  width: auto;
  position: absolute; }

.p-datepicker-inline {
  display: inline-flex;
  position: static; }

.p-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.p-datepicker-header .p-datepicker-title {
  margin: 0 auto; }

.p-datepicker-prev, .p-datepicker-next {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-datepicker-multiple-month .p-datepicker-group-container {
  display: flex; }

.p-datepicker table {
  width: 100%;
  border-collapse: collapse; }

.p-datepicker td > span {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

.p-monthpicker-month {
  width: 33.3%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-datepicker-buttonbar {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.p-timepicker {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-timepicker button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-timepicker > div {
  display: flex;
  align-items: center;
  flex-direction: column; }

.p-datepicker-touch-ui, .p-calendar .p-datepicker-touch-ui {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 80vw;
  transform: translate(-50%, -50%); }

.p-card-header img {
  width: 100%; }

.p-carousel {
  display: flex;
  flex-direction: column; }

.p-carousel-content {
  display: flex;
  flex-direction: column;
  overflow: auto; }

.p-carousel-prev, .p-carousel-next {
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-carousel-container {
  display: flex;
  flex-direction: row; }

.p-carousel-items-content {
  overflow: hidden;
  width: 100%; }

.p-carousel-items-container {
  display: flex;
  flex-direction: row; }

.p-carousel-indicators {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap; }

.p-carousel-indicator > button {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-carousel-vertical .p-carousel-container {
  flex-direction: column; }

.p-carousel-vertical .p-carousel-items-container {
  flex-direction: column;
  height: 100%; }

.p-items-hidden .p-carousel-item {
  visibility: hidden; }

.p-items-hidden .p-carousel-item.p-carousel-item-active {
  visibility: visible; }

.p-chart {
  position: relative; }

.p-checkbox {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom; }

.p-checkbox-box {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-chips {
  display: inline-flex; }

.p-chips-multiple-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: text;
  overflow: hidden;
  display: flex;
  align-items: center; }

.p-chips-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto; }

.p-chips-input-token {
  flex: 1 1 auto;
  display: inline-flex; }

.p-chips-token-icon {
  cursor: pointer; }

.p-chips-input-token input {
  border: 0 none;
  outline: 0 none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100%; }

.p-fluid .p-chips {
  display: flex; }

.p-colorpicker {
  display: inline-block; }

.p-colorpicker-dragging {
  cursor: pointer; }

.p-colorpicker-overlay {
  position: relative; }

.p-colorpicker-panel {
  position: relative;
  width: 193px;
  height: 166px; }

.p-colorpicker-overlay-panel {
  position: absolute; }

.p-colorpicker-preview {
  cursor: pointer; }

.p-colorpicker-panel .p-colorpicker-content {
  position: relative; }

.p-colorpicker-panel .p-colorpicker-color-selector {
  width: 150px;
  height: 150px;
  top: 8px;
  left: 8px;
  position: absolute; }

.p-colorpicker-panel .p-colorpicker-color {
  width: 150px;
  height: 150px; }

.p-colorpicker-panel .p-colorpicker-color-handle {
  position: absolute;
  top: 0;
  left: 150px;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border-width: 1px;
  border-style: solid;
  margin: -5px 0 0 -5px;
  cursor: pointer;
  opacity: .85; }

.p-colorpicker-panel .p-colorpicker-hue {
  width: 17px;
  height: 150px;
  top: 8px;
  left: 167px;
  position: absolute;
  opacity: .85; }

.p-colorpicker-panel .p-colorpicker-hue-handle {
  position: absolute;
  top: 150px;
  left: 0;
  width: 21px;
  margin-left: -2px;
  margin-top: -5px;
  height: 10px;
  border-width: 2px;
  border-style: solid;
  opacity: .85;
  cursor: pointer; }

.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url(c7a33805ffda0d32bd2a9904c8b02750.png) no-repeat left top; }

.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url(0614c27197fc3ce572e161840d23b2af.png) no-repeat left top; }

.p-contextmenu {
  position: absolute; }

.p-contextmenu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-contextmenu .p-submenu-list {
  position: absolute;
  min-width: 100%;
  z-index: 1; }

.p-contextmenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-contextmenu .p-menuitem-text {
  line-height: 1; }

.p-contextmenu .p-menuitem {
  position: relative; }

.p-contextmenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-contextmenu-enter {
  opacity: 0; }

.p-contextmenu-enter-active {
  opacity: 1;
  transition: opacity 250ms; }

.p-datascroller .p-datascroller-header {
  text-align: center;
  padding: .5em .75em;
  border-bottom: 0 none; }

.p-datascroller .p-datascroller-footer {
  text-align: center;
  padding: .25em .625em;
  border-top: 0 none; }

.p-datascroller .p-datascroller-content {
  padding: .25em .625em; }

.p-datascroller-inline .p-datascroller-content {
  overflow: auto; }

.p-datascroller .p-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.p-datatable {
  position: relative; }

.p-datatable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; }

.p-datatable .p-sortable-column {
  cursor: pointer;
  user-select: none; }

.p-datatable .p-sortable-column .p-column-title, .p-datatable .p-sortable-column .p-sortable-column-icon, .p-datatable .p-sortable-column .p-sortable-column-badge {
  vertical-align: middle; }

.p-datatable .p-sortable-column .p-sortable-column-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.p-datatable-auto-layout > .p-datatable-wrapper {
  overflow-x: auto; }

.p-datatable-auto-layout > .p-datatable-wrapper > table {
  table-layout: auto; }

.p-datatable-hoverable-rows .p-selectable-row {
  cursor: pointer; }

.p-datatable-scrollable-wrapper {
  position: relative; }

.p-datatable-scrollable-header, .p-datatable-scrollable-footer {
  overflow: hidden; }

.p-datatable-scrollable-body {
  overflow: auto;
  position: relative; }

.p-datatable-scrollable-body > table > .p-datatable-tbody > tr:first-child > td {
  border-top: 0 none; }

.p-datatable-virtual-table {
  position: absolute; }

.p-datatable-frozen-view .p-datatable-scrollable-body {
  overflow: hidden; }

.p-datatable-frozen-view > .p-datatable-scrollable-body > table > .p-datatable-tbody > tr > td:last-child {
  border-right: 0 none; }

.p-datatable-unfrozen-view {
  position: absolute;
  top: 0; }

.p-datatable-flex-scrollable {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%; }

.p-datatable-flex-scrollable .p-datatable-scrollable-wrapper, .p-datatable-flex-scrollable .p-datatable-scrollable-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%; }

.p-datatable-flex-scrollable .p-datatable-scrollable-body {
  flex: 1; }

.p-datatable-resizable > .p-datatable-wrapper {
  overflow-x: auto; }

.p-datatable-resizable .p-datatable-thead > tr > th, .p-datatable-resizable .p-datatable-tfoot > tr > td, .p-datatable-resizable .p-datatable-tbody > tr > td {
  overflow: hidden; }

.p-datatable-resizable .p-resizable-column {
  background-clip: padding-box;
  position: relative; }

.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
  display: none; }

.p-datatable .p-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: .5rem;
  height: 100%;
  padding: 0;
  cursor: col-resize;
  border: 1px solid transparent; }

.p-datatable .p-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none; }

.p-datatable .p-row-editor-init, .p-datatable .p-row-editor-save, .p-datatable .p-row-editor-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-datatable .p-row-toggler {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-datatable-reorder-indicator-up, .p-datatable-reorder-indicator-down {
  position: absolute;
  display: none; }

.p-datatable .p-datatable-loading-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }

.p-dataview-loading {
  position: relative;
  min-height: 4rem; }

.p-dataview .p-dataview-loading-overlay {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.p-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  background-color: transparent;
  transition-property: background-color; }

.p-dialog-visible {
  display: flex; }

.p-dialog-mask.p-component-overlay {
  pointer-events: auto; }

.p-dialog {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  max-height: 90%;
  transform: scale(1); }

.p-dialog-content {
  overflow-y: auto; }

.p-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0; }

.p-dialog-footer {
  flex-shrink: 0; }

.p-dialog .p-dialog-header-icons {
  display: flex;
  align-items: center; }

.p-dialog .p-dialog-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-fluid .p-dialog-footer .p-button {
  width: auto; }

.p-dialog-enter {
  opacity: 0;
  transform: scale(0.7); }

.p-dialog-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0, 0, 0.2, 1); }

.p-dialog-enter-done {
  transform: none; }

.p-dialog-exit-active {
  opacity: 0;
  transform: scale(0.7);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.p-dialog-top .p-dialog, .p-dialog-bottom .p-dialog, .p-dialog-left .p-dialog, .p-dialog-right .p-dialog, .p-dialog-top-left .p-dialog, .p-dialog-top-right .p-dialog, .p-dialog-bottom-left .p-dialog, .p-dialog-bottom-right .p-dialog {
  margin: .75em;
  transition: all .3s ease-out; }

.p-dialog-top .p-dialog-enter, .p-dialog-top .p-dialog-exit-active {
  transform: translate3d(0, -100%, 0); }

.p-dialog-bottom .p-dialog-enter, .p-dialog-bottom .p-dialog-exit-active {
  transform: translate3d(0, 100%, 0); }

.p-dialog-left .p-dialog-enter, .p-dialog-left .p-dialog-exit-active, .p-dialog-top-left .p-dialog-enter, .p-dialog-top-left .p-dialog-exit-active, .p-dialog-bottom-left .p-dialog-enter, .p-dialog-bottom-left .p-dialog-exit-active {
  transform: translate3d(-100%, 0, 0); }

.p-dialog-right .p-dialog-enter, .p-dialog-right .p-dialog-exit-active, .p-dialog-top-right .p-dialog-enter, .p-dialog-top-right .p-dialog-exit-active, .p-dialog-bottom-right .p-dialog-enter, .p-dialog-bottom-right .p-dialog-exit-active {
  transform: translate3d(100%, 0, 0); }

.p-dialog-top .p-dialog-enter-active, .p-dialog-bottom .p-dialog-enter-active, .p-dialog-left .p-dialog-enter-active, .p-dialog-top-left .p-dialog-enter-active, .p-dialog-bottom-left .p-dialog-enter-active, .p-dialog-right .p-dialog-enter-active, .p-dialog-top-right .p-dialog-enter-active, .p-dialog-bottom-right .p-dialog-enter-active {
  transform: translate3d(0, 0, 0); }

.p-dialog-maximized {
  -webkit-transition: none;
  transition: none;
  transform: none;
  width: 100vw !important;
  max-height: 100%;
  height: 100%; }

.p-dialog-maximized .p-dialog-content {
  flex-grow: 1; }

.p-dialog-left {
  justify-content: flex-start; }

.p-dialog-right {
  justify-content: flex-end; }

.p-dialog-top {
  align-items: flex-start; }

.p-dialog-top-left {
  justify-content: flex-start;
  align-items: flex-start; }

.p-dialog-top-right {
  justify-content: flex-end;
  align-items: flex-start; }

.p-dialog-bottom {
  align-items: flex-end; }

.p-dialog-bottom-left {
  justify-content: flex-start;
  align-items: flex-end; }

.p-dialog-bottom-right {
  justify-content: flex-end;
  align-items: flex-end; }

.p-dropdown {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  user-select: none; }

.p-dropdown-clear-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.p-dropdown-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 1 auto;
  width: 1%;
  text-overflow: ellipsis;
  cursor: pointer; }

.p-dropdown-label-empty {
  overflow: hidden;
  visibility: hidden; }

input.p-dropdown-label {
  cursor: default; }

.p-dropdown .p-dropdown-panel {
  min-width: 100%; }

.p-dropdown-panel {
  position: absolute; }

.p-dropdown-items-wrapper {
  overflow: auto; }

.p-dropdown-item {
  cursor: pointer;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.p-dropdown-items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-dropdown-filter {
  width: 100%; }

.p-dropdown-filter-container {
  position: relative; }

.p-dropdown-loader-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-fluid .p-dropdown {
  display: flex; }

.p-fluid .p-dropdown .p-dropdown-label {
  width: 1%; }

.p-fieldset-legend > a, .p-fieldset-legend > span {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-fieldset-toggleable .p-fieldset-legend a {
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  position: relative;
  text-decoration: none; }

.p-fieldset-legend-text {
  line-height: 1; }

.p-fileupload-content {
  position: relative; }

.p-fileupload-row {
  display: flex;
  align-items: center; }

.p-fileupload-row > div {
  flex: 1 1 auto;
  width: 25%; }

.p-fileupload-row > div:last-child {
  text-align: right; }

.p-fileupload-content .p-progressbar {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.p-button.p-fileupload-choose {
  position: relative;
  overflow: hidden; }

.p-button.p-fileupload-choose input[type=file] {
  display: none; }

.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
  display: none; }

.p-fluid .p-fileupload .p-button {
  width: auto; }

.p-galleria-content {
  display: flex;
  flex-direction: column; }

.p-galleria-item-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }

.p-galleria-item-container {
  position: relative;
  display: flex;
  height: 100%; }

.p-galleria-item-nav {
  position: absolute;
  top: 50%;
  margin-top: -.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.p-galleria-item-prev {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-galleria-item-next {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-galleria-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%; }

.p-galleria-item-nav-onhover .p-galleria-item-nav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-in-out; }

.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
  pointer-events: all;
  opacity: 1; }

.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
  pointer-events: none; }

.p-galleria-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.p-galleria-thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex-shrink: 0; }

.p-galleria-thumbnail-prev, .p-galleria-thumbnail-next {
  align-self: center;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-galleria-thumbnail-prev span, .p-galleria-thumbnail-next span {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-galleria-thumbnail-container {
  display: flex;
  flex-direction: row; }

.p-galleria-thumbnail-items-container {
  overflow: hidden; }

.p-galleria-thumbnail-items {
  display: flex; }

.p-galleria-thumbnail-item {
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: .5; }

.p-galleria-thumbnail-item:hover {
  opacity: 1;
  transition: opacity .3s; }

.p-galleria-thumbnail-item-current {
  opacity: 1; }

.p-galleria-thumbnails-left .p-galleria-content, .p-galleria-thumbnails-right .p-galleria-content {
  flex-direction: row; }

.p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-right .p-galleria-item-wrapper {
  flex-direction: row; }

.p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-top .p-galleria-item-wrapper {
  order: 2; }

.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper, .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
  order: 1; }

.p-galleria-thumbnails-left .p-galleria-thumbnail-container, .p-galleria-thumbnails-right .p-galleria-thumbnail-container {
  flex-direction: column;
  flex-grow: 1; }

.p-galleria-thumbnails-left .p-galleria-thumbnail-items, .p-galleria-thumbnails-right .p-galleria-thumbnail-items {
  flex-direction: column;
  height: 100%; }

.p-galleria-indicators {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-galleria-indicator > button {
  display: inline-flex;
  align-items: center; }

.p-galleria-indicators-left .p-galleria-item-wrapper, .p-galleria-indicators-right .p-galleria-item-wrapper {
  flex-direction: row;
  align-items: center; }

.p-galleria-indicators-left .p-galleria-item-container, .p-galleria-indicators-top .p-galleria-item-container {
  order: 2; }

.p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-top .p-galleria-indicators {
  order: 1; }

.p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-right .p-galleria-indicators {
  flex-direction: column; }

.p-galleria-indicator-onitem .p-galleria-indicators {
  position: absolute;
  display: flex; }

.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
  top: 0;
  left: 0;
  width: 100%;
  align-items: flex-start; }

.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
  right: 0;
  top: 0;
  height: 100%;
  align-items: flex-end; }

.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
  bottom: 0;
  left: 0;
  width: 100%;
  align-items: flex-end; }

.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
  left: 0;
  top: 0;
  height: 100%;
  align-items: flex-start; }

.p-galleria-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background-color: transparent;
  transition-property: background-color; }

.p-galleria-mask.p-component-overlay {
  pointer-events: auto; }

.p-galleria-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.p-galleria-mask .p-galleria-item-nav {
  position: fixed;
  top: 50%;
  margin-top: -.5rem; }

.p-galleria-enter {
  opacity: 0;
  transform: scale(0.7); }

.p-galleria-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0, 0, 0.2, 1); }

.p-galleria-enter-done {
  transform: none; }

.p-galleria-exit {
  opacity: 1; }

.p-galleria-exit-active {
  opacity: 0;
  transform: scale(0.7);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.p-galleria-enter-active .p-galleria-item-nav {
  opacity: 0; }

.p-galleria-mask.p-galleria-mask-leave {
  background-color: transparent; }

.p-items-hidden .p-galleria-thumbnail-item {
  visibility: hidden; }

.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
  visibility: visible; }

.p-inplace .p-inplace-display {
  display: inline;
  cursor: pointer; }

.p-inplace .p-inplace-content {
  display: inline; }

.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
  display: flex; }

.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
  flex: 1 1 auto;
  width: 1%; }

.p-inputnumber {
  display: inline-flex; }

.p-inputnumber-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto; }

.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
  display: none; }

.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0; }

.p-inputnumber-buttons-stacked .p-inputnumber-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0; }

.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
  display: flex;
  flex-direction: column; }

.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
  flex: 1 1 auto; }

.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
  order: 3;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-inputnumber-buttons-horizontal .p-inputnumber-input {
  order: 2;
  border-radius: 0; }

.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
  order: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.p-inputnumber-buttons-vertical {
  flex-direction: column; }

.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
  order: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%; }

.p-inputnumber-buttons-vertical .p-inputnumber-input {
  order: 2;
  border-radius: 0;
  text-align: center; }

.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
  order: 3;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%; }

.p-inputnumber-input {
  flex: 1 1 auto; }

.p-fluid .p-inputnumber {
  width: 100%; }

.p-fluid .p-inputnumber .p-inputnumber-input {
  width: 1%; }

.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
  width: 100%; }

.p-inputswitch {
  position: relative;
  display: inline-block; }

.p-inputswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.p-inputswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%; }

.p-inputtext {
  margin: 0; }

.p-fluid .p-inputtext {
  width: 100%; }

.p-inputgroup {
  display: flex;
  align-items: stretch;
  width: 100%; }

.p-inputgroup-addon {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-inputgroup .p-float-label {
  display: flex;
  align-items: stretch;
  width: 100%; }

.p-inputgroup .p-inputtext, .p-fluid .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper, .p-fluid .p-inputgroup .p-input {
  flex: 1 1 auto;
  width: 1%; }

.p-float-label {
  display: block;
  position: relative; }

.p-float-label label {
  position: absolute;
  pointer-events: none;
  top: 50%;
  margin-top: -.5rem;
  transition-property: all;
  transition-timing-function: ease;
  line-height: 1; }

.p-float-label textarea ~ label {
  top: 1rem; }

.p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label {
  top: -.75rem;
  font-size: 12px; }

.p-float-label .input:-webkit-autofill ~ label {
  top: -20px;
  font-size: 12px; }

.p-input-icon-left, .p-input-icon-right {
  position: relative;
  display: inline-block; }

.p-input-icon-left > i, .p-input-icon-right > i {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-fluid .p-input-icon-left, .p-fluid .p-input-icon-right {
  display: block;
  width: 100%; }

.p-inputtextarea-resizable {
  overflow: hidden;
  resize: none; }

.p-fluid .p-inputtextarea {
  width: 100%; }

.p-listbox-list-wrapper {
  overflow: auto; }

.p-listbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.p-listbox-item {
  cursor: pointer;
  position: relative;
  overflow: hidden; }

.p-listbox-filter-container {
  position: relative; }

.p-listbox-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-listbox-filter {
  width: 100%; }

.p-megamenu-root-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-megamenu-root-list > .p-menuitem {
  position: relative; }

.p-megamenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-megamenu .p-menuitem-text {
  line-height: 1; }

.p-megamenu-panel {
  display: none;
  position: absolute;
  width: auto;
  z-index: 1; }

.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
  display: block; }

.p-megamenu-submenu {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-megamenu-horizontal .p-megamenu-root-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.p-megamenu-vertical .p-megamenu-root-list {
  flex-direction: column; }

.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
  left: 100%;
  top: 0; }

.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
  margin-left: auto; }

.p-megamenu-grid {
  display: flex; }

.p-megamenu-col-2, .p-megamenu-col-3, .p-megamenu-col-4, .p-megamenu-col-6, .p-megamenu-col-12 {
  flex: 0 0 auto;
  padding: .5rem; }

.p-megamenu-col-2 {
  width: 16.6667%; }

.p-megamenu-col-3 {
  width: 25%; }

.p-megamenu-col-4 {
  width: 33.3333%; }

.p-megamenu-col-6 {
  width: 50%; }

.p-megamenu-col-12 {
  width: 100%; }

.p-menu-overlay {
  position: absolute; }

.p-menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-menu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-menu .p-menuitem-text {
  line-height: 1; }

.p-menubar {
  display: flex;
  align-items: center; }

.p-menubar ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-menubar .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-menubar .p-menuitem-text {
  line-height: 1; }

.p-menubar .p-menuitem {
  position: relative; }

.p-menubar-root-list {
  display: flex;
  align-items: center; }

.p-menubar-root-list > li ul {
  display: none;
  z-index: 1; }

.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
  display: block; }

.p-menubar .p-submenu-list {
  display: none;
  position: absolute;
  z-index: 1; }

.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
  display: block;
  left: 100%;
  top: 0; }

.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-menubar .p-menubar-custom, .p-menubar .p-menubar-end {
  margin-left: auto;
  align-self: center; }

.p-menubar-button {
  display: none;
  cursor: pointer;
  align-items: center;
  justify-content: center; }

.p-message-wrapper {
  display: flex;
  align-items: center; }

.p-message-close {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-message-close.p-link {
  margin-left: auto;
  overflow: hidden;
  position: relative; }

.p-message-enter {
  opacity: 0; }

.p-message-enter-active {
  opacity: 1;
  transition: opacity .3s; }

.p-message-exit {
  opacity: 1;
  max-height: 1000px; }

.p-message-exit-active {
  opacity: 0;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s; }

.p-message-exit-active .p-message-close {
  display: none; }

.p-inline-message {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top; }

.p-inline-message-icon-only .p-inline-message-text {
  visibility: hidden;
  width: 0; }

.p-fluid .p-inline-message {
  display: flex; }

.p-multiselect {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  user-select: none; }

.p-multiselect-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.p-multiselect-label-container {
  overflow: hidden;
  flex: 1 1 auto;
  cursor: pointer; }

.p-multiselect-label {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis; }

.p-multiselect-label-empty {
  overflow: hidden;
  visibility: hidden; }

.p-multiselect-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto; }

.p-multiselect-token-icon {
  cursor: pointer; }

.p-multiselect .p-multiselect-panel {
  min-width: 100%; }

.p-multiselect-panel {
  position: absolute; }

.p-multiselect-items-wrapper {
  overflow: auto; }

.p-multiselect-items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-multiselect-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.p-multiselect-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.p-multiselect-filter-container {
  position: relative;
  flex: 1 1 auto; }

.p-multiselect-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-multiselect-filter-container .p-inputtext {
  width: 100%; }

.p-multiselect-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative; }

.p-multiselect-clear-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-fluid .p-multiselect {
  display: flex; }

.p-orderlist {
  display: flex; }

.p-orderlist-controls {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.p-orderlist-list-container {
  flex: 1 1 auto; }

.p-orderlist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  min-height: 12rem;
  max-height: 24rem; }

.p-orderlist-item {
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-orderlist.p-state-disabled .p-orderlist-item, .p-orderlist.p-state-disabled .p-button {
  cursor: default; }

.p-orderlist.p-state-disabled .p-orderlist-list {
  overflow: hidden; }

.p-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto; }

.p-organizationchart-table > tbody > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0 .75rem; }

.p-organizationchart-node-content {
  display: inline-block;
  position: relative; }

.p-organizationchart-node-content .p-node-toggler {
  position: absolute;
  bottom: -.75rem;
  margin-left: -.75rem;
  z-index: 2;
  left: 50%;
  user-select: none;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem; }

.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
  position: relative;
  top: .25rem; }

.p-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px; }

.p-organizationchart-line-right {
  border-radius: 0; }

.p-organizationchart-line-left {
  border-radius: 0; }

.p-organizationchart-selectable-node {
  cursor: pointer; }

.p-overlaypanel {
  position: absolute;
  margin-top: 10px; }

.p-overlaypanel-flipped {
  margin-top: 0;
  margin-bottom: 10px; }

.p-overlaypanel-close {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative; }

.p-overlaypanel-enter {
  opacity: 0;
  transform: scaleY(0.8); }

.p-overlaypanel-enter-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); }

.p-overlaypanel-enter-done {
  transform: none; }

.p-overlaypanel-exit {
  opacity: 1; }

.p-overlaypanel-exit-active {
  opacity: 0;
  transition: opacity .1s linear; }

.p-overlaypanel:after, .p-overlaypanel:before {
  bottom: 100%;
  left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.p-overlaypanel:after {
  border-width: 8px;
  margin-left: -8px; }

.p-overlaypanel:before {
  border-width: 10px;
  margin-left: -10px; }

.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {
  bottom: auto;
  top: 100%; }

.p-overlaypanel.p-overlaypanel-flipped:after {
  border-bottom-color: transparent; }

.p-overlaypanel.p-overlaypanel-flipped:before {
  border-bottom-color: transparent; }

.p-paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.p-paginator-left-content {
  margin-right: auto; }

.p-paginator-right-content {
  margin-left: auto; }

.p-paginator-page, .p-paginator-next, .p-paginator-last, .p-paginator-first, .p-paginator-prev, .p-paginator-current {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  user-select: none;
  overflow: hidden;
  position: relative; }

.p-paginator-element:focus {
  z-index: 1;
  position: relative; }

.p-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.p-panel-title {
  line-height: 1; }

.p-panel-header-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  position: relative; }

.p-panelmenu .p-panelmenu-header-link {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  position: relative;
  text-decoration: none; }

.p-panelmenu .p-panelmenu-header-link:focus {
  z-index: 1; }

.p-panelmenu .p-submenu-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-panelmenu .p-menuitem-link {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  text-decoration: none; }

.p-panelmenu .p-menuitem-text {
  line-height: 1; }

.p-password-panel {
  position: absolute; }

.p-password-meter {
  position: relative;
  height: 10px; }

.p-password-strength {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 1s ease-in-out; }

.p-picklist {
  display: flex; }

.p-picklist-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.p-picklist-list-wrapper {
  flex: 1 1 50%; }

.p-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  min-height: 12rem;
  max-height: 24rem; }

.p-picklist-item {
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.p-progressbar {
  position: relative;
  overflow: hidden; }

.p-progressbar-determinate .p-progressbar-value {
  height: 100%;
  width: 0;
  position: absolute;
  display: none;
  border: 0 none; }

.p-progressbar-determinate .p-progressbar-value-animate {
  transition: width 1s ease-in-out; }

.p-progressbar-determinate .p-progressbar-label {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  font-weight: bold; }

.p-progressbar-indeterminate .p-progressbar-value::before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left,right;
  -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }

.p-progressbar-indeterminate .p-progressbar-value::after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left,right;
  -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s; }

@-webkit-keyframes p-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes p-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes p-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@keyframes p-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

.p-progress-spinner {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: inline-block; }

.p-progress-spinner::before {
  content: '';
  display: block;
  padding-top: 100%; }

.p-progress-spinner-svg {
  animation: p-progress-spinner-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.p-progress-spinner-circle {
  stroke-dasharray: 89,200;
  stroke-dashoffset: 0;
  stroke: #d62d20;
  animation: p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-color 6s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes p-progress-spinner-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes p-progress-spinner-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

@keyframes p-progress-spinner-color {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

.p-radiobutton {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom; }

.p-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-radiobutton-icon {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(0.1);
  border-radius: 50%;
  visibility: hidden; }

.p-radiobutton-box.p-highlight .p-radiobutton-icon {
  transform: translateZ(0) scale(1, 1);
  visibility: visible; }

.p-rating-icon {
  cursor: pointer; }

.p-rating.p-rating-readonly .p-rating-icon {
  cursor: default; }

.p-ripple {
  overflow: hidden;
  position: relative; }

.p-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  transform: scale(0); }

.p-ink-active {
  animation: ripple .4s linear; }

.p-ripple-disabled .p-ink {
  display: none !important; }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }

.p-scrollpanel-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left; }

.p-scrollpanel-content {
  height: calc(100% + 18px);
  width: calc(100% + 18px);
  padding: 0 18px 18px 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box; }

.p-scrollpanel-bar {
  position: relative;
  background: #c1c1c1;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity .25s linear; }

.p-scrollpanel-bar-y {
  width: 9px;
  top: 0; }

.p-scrollpanel-bar-x {
  height: 9px;
  bottom: 0; }

.p-scrollpanel-hidden {
  visibility: hidden; }

.p-scrollpanel:hover .p-scrollpanel-bar, .p-scrollpanel:active .p-scrollpanel-bar {
  opacity: 1; }

.p-scrollpanel-grabbed {
  user-select: none; }

.p-sidebar {
  position: fixed; }

.p-sidebar-content {
  position: relative; }

.p-sidebar-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.p-sidebar-icon {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-sidebar-mask {
  background-color: transparent;
  transition-property: background-color; }

.p-sidebar-mask-leave.p-component-overlay {
  background-color: transparent; }

.p-sidebar-left {
  top: 0;
  left: 0;
  width: 20rem;
  height: 100%; }

.p-sidebar-right {
  top: 0;
  right: 0;
  width: 20rem;
  height: 100%; }

.p-sidebar-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem; }

.p-sidebar-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10rem; }

.p-sidebar-full {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: none;
  transition: none; }

.p-sidebar-left.p-sidebar-enter {
  transform: translateX(-100%); }

.p-sidebar-left.p-sidebar-enter-active {
  transform: translateX(0);
  transition: transform .3s; }

.p-sidebar-left.p-sidebar-exit {
  transform: translateX(0); }

.p-sidebar-left.p-sidebar-exit-active {
  transform: translateX(-100%);
  transition: transform .3s; }

.p-sidebar-right.p-sidebar-enter {
  transform: translateX(100%); }

.p-sidebar-right.p-sidebar-enter-active {
  transform: translateX(0);
  transition: transform .3s; }

.p-sidebar-right.p-sidebar-exit {
  transform: translateX(0); }

.p-sidebar-right.p-sidebar-exit-active {
  transform: translateX(100%);
  transition: transform .3s; }

.p-sidebar-top.p-sidebar-enter {
  transform: translateY(-100%); }

.p-sidebar-top.p-sidebar-enter-active {
  transform: translateY(0);
  transition: transform .3s; }

.p-sidebar-top.p-sidebar-exit {
  transform: translateY(0); }

.p-sidebar-top.p-sidebar-exit-active {
  transform: translateY(-100%);
  transition: transform .3s; }

.p-sidebar-bottom.p-sidebar-enter {
  transform: translateY(100%); }

.p-sidebar-bottom.p-sidebar-enter-active {
  transform: translateY(0);
  transition: transform .3s; }

.p-sidebar-bottom.p-sidebar-exit {
  transform: translateY(0); }

.p-sidebar-bottom.p-sidebar-exit-active {
  transform: translateY(100%);
  transition: transform .3s; }

.p-sidebar-full.p-sidebar-enter {
  opacity: 0; }

.p-sidebar-full.p-sidebar-enter-active {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

.p-sidebar-full.p-sidebar-exit {
  opacity: 1; }

.p-sidebar-full.p-sidebar-exit-active {
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

.p-sidebar-left.p-sidebar-sm, .p-sidebar-right.p-sidebar-sm {
  width: 20rem; }

.p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-md {
  width: 40rem; }

.p-sidebar-left.p-sidebar-lg, .p-sidebar-right.p-sidebar-lg {
  width: 60rem; }

.p-sidebar-top.p-sidebar-sm, .p-sidebar-bottom.p-sidebar-sm {
  height: 10rem; }

.p-sidebar-top.p-sidebar-md, .p-sidebar-bottom.p-sidebar-md {
  height: 20rem; }

.p-sidebar-top.p-sidebar-lg, .p-sidebar-bottom.p-sidebar-lg {
  height: 30rem; }

@media screen and (max-width: 64em) {
  .p-sidebar-left.p-sidebar-lg, .p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-lg, .p-sidebar-right.p-sidebar-md {
    width: 20rem; } }

.p-slidemenu {
  width: 12.5em; }

.p-slidemenu.p-slidemenu-overlay {
  position: absolute; }

.p-slidemenu .p-menu-separator {
  border-width: 1px 0 0 0; }

.p-slidemenu ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.p-slidemenu .p-slidemenu-rootlist {
  position: absolute;
  top: 0; }

.p-slidemenu .p-submenu-list {
  display: none;
  position: absolute;
  top: 0;
  width: 12.5em; }

.p-slidemenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden; }

.p-slidemenu .p-menuitem-icon {
  vertical-align: middle; }

.p-slidemenu .p-menuitem-text {
  vertical-align: middle; }

.p-slidemenu .p-menuitem {
  position: relative; }

.p-slidemenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-slidemenu .p-slidemenu-wrapper {
  position: relative; }

.p-slidemenu .p-slidemenu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: 100%; }

.p-slidemenu-backward {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: .25em;
  cursor: pointer; }

.p-slidemenu-backward .p-slidemenu-backward-icon {
  vertical-align: middle; }

.p-slidemenu-backward span {
  vertical-align: middle; }

.p-slidemenu .p-menuitem-active {
  position: static; }

.p-slidemenu .p-menuitem-active > .p-submenu-list {
  display: block; }

.p-slider {
  position: relative; }

.p-slider .p-slider-handle {
  position: absolute;
  cursor: grab;
  touch-action: none;
  display: block;
  z-index: 1; }

.p-slider .p-slider-handle.p-slider-handle-active {
  z-index: 2; }

.p-slider-range {
  position: absolute;
  display: block; }

.p-slider-horizontal .p-slider-range {
  top: 0;
  left: 0;
  height: 100%; }

.p-slider-horizontal .p-slider-handle {
  top: 50%; }

.p-slider-vertical {
  height: 100px; }

.p-slider-vertical .p-slider-handle {
  left: 50%; }

.p-slider-vertical .p-slider-range {
  bottom: 0;
  left: 0;
  width: 100%; }

.p-splitbutton {
  display: inline-flex;
  position: relative; }

.p-splitbutton .p-splitbutton-defaultbutton {
  flex: 1 1 auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none; }

.p-splitbutton-menubutton {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.p-splitbutton .p-menu {
  min-width: 100%; }

.p-fluid .p-splitbutton {
  display: flex; }

.p-steps {
  position: relative; }

.p-steps ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex; }

.p-steps-item {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 1 1 auto; }

.p-steps-item .p-menuitem-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  text-decoration: none; }

.p-steps.p-steps-readonly .p-steps-item {
  cursor: auto; }

.p-steps-item.p-steps-current .p-menuitem-link {
  cursor: default; }

.p-steps-title {
  white-space: nowrap; }

.p-steps-number {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-steps-title {
  display: block; }

.p-tabmenu-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap; }

.p-tabmenu-nav a {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  text-decoration: none;
  overflow: hidden; }

.p-tabmenu-nav a:focus {
  z-index: 1; }

.p-tabmenu-nav .p-menuitem-text {
  line-height: 1; }

.p-tabmenu-ink-bar {
  display: none;
  z-index: 1; }

.p-tabview-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap; }

.p-tabview-nav-link {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  overflow: hidden; }

.p-tabview-ink-bar {
  display: none;
  z-index: 1; }

.p-tabview-nav-link:focus {
  z-index: 1; }

.p-tabview-title {
  line-height: 1; }

.p-tieredmenu-overlay {
  position: absolute; }

.p-tieredmenu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.p-tieredmenu .p-submenu-list {
  position: absolute;
  min-width: 100%;
  z-index: 1;
  display: none; }

.p-tieredmenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 0;
  background: transparent; }

.p-tieredmenu .p-menuitem-text {
  line-height: 1; }

.p-tieredmenu .p-menuitem {
  position: relative; }

.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto; }

.p-tieredmenu .p-menuitem-active > .p-submenu-list {
  display: block;
  left: 100%;
  top: 0; }

.p-timeline {
  display: flex;
  flex-grow: 1;
  flex-direction: column; }

.p-timeline-left .p-timeline-event-opposite {
  text-align: right; }

.p-timeline-left .p-timeline-event-content {
  text-align: left; }

.p-timeline-right .p-timeline-event {
  flex-direction: row-reverse; }

.p-timeline-right .p-timeline-event-opposite {
  text-align: left; }

.p-timeline-right .p-timeline-event-content {
  text-align: right; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
  flex-direction: row-reverse; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
  text-align: right; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
  text-align: left; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
  text-align: left; }

.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
  text-align: right; }

.p-timeline-event {
  display: flex;
  position: relative;
  min-height: 70px; }

.p-timeline-event:last-child {
  min-height: 0; }

.p-timeline-event-opposite {
  flex: 1;
  padding: 0 1rem; }

.p-timeline-event-content {
  flex: 1;
  padding: 0 1rem; }

.p-timeline-event-separator {
  flex: 0;
  display: flex;
  align-items: center;
  flex-direction: column; }

.p-timeline-event-marker {
  display: flex;
  align-self: baseline; }

.p-timeline-event-connector {
  flex-grow: 1; }

.p-timeline-horizontal {
  flex-direction: row; }

.p-timeline-horizontal .p-timeline-event {
  flex-direction: column;
  flex: 1; }

.p-timeline-horizontal .p-timeline-event:last-child {
  flex: 0; }

.p-timeline-horizontal .p-timeline-event-separator {
  flex-direction: row; }

.p-timeline-horizontal .p-timeline-event-connector {
  width: 100%; }

.p-timeline-bottom .p-timeline-event {
  flex-direction: column-reverse; }

.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
  flex-direction: column-reverse; }

.p-toast {
  position: fixed;
  width: 25rem; }

.p-toast-message-content {
  display: flex;
  align-items: flex-start; }

.p-toast-message-text {
  flex: 1 1 auto; }

.p-toast-top-right {
  top: 20px;
  right: 20px; }

.p-toast-top-left {
  top: 20px;
  left: 20px; }

.p-toast-bottom-left {
  bottom: 20px;
  left: 20px; }

.p-toast-bottom-right {
  bottom: 20px;
  right: 20px; }

.p-toast-top-center {
  top: 20px;
  left: 50%;
  margin-left: -10em; }

.p-toast-bottom-center {
  bottom: 20px;
  left: 50%;
  margin-left: -10em; }

.p-toast-center {
  left: 50%;
  top: 50%;
  min-width: 20vw;
  transform: translate(-50%, -50%); }

.p-toast-icon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-toast-icon-close.p-link {
  cursor: pointer; }

.p-toast-message-enter {
  opacity: 0;
  transform: translateY(50%); }

.p-toast-message-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: transform .3s,opacity .3s; }

.p-toast-message-enter-done {
  transform: none; }

.p-toast-message-exit {
  opacity: 1;
  max-height: 1000px; }

.p-toast-message-exit-active {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; }

.p-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.p-toolbar-group-left, .p-toolbar-group-right {
  display: flex;
  align-items: center; }

.p-tooltip {
  position: absolute;
  padding: .25em .5rem;
  max-width: 12.5rem; }

.p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left {
  padding: 0 .25rem; }

.p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom {
  padding: .25em 0; }

.p-tooltip .p-tooltip-text {
  white-space: pre-line; }

.p-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.p-tooltip-right .p-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -.25rem;
  border-width: .25em .25em .25em 0; }

.p-tooltip-left .p-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -.25rem;
  border-width: .25em 0 .25em .25rem; }

.p-tooltip.p-tooltip-top {
  padding: .25em 0; }

.p-tooltip-top .p-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -.25rem;
  border-width: .25em .25em 0; }

.p-tooltip-bottom .p-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -.25rem;
  border-width: 0 .25em .25rem; }

.p-tree-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto; }

.p-treenode-children {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.p-treenode-selectable {
  cursor: pointer;
  user-select: none; }

.p-tree-toggler {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
  visibility: hidden; }

.p-treenode-content {
  display: flex;
  align-items: center; }

.p-tree-filter {
  width: 100%; }

.p-tree-filter-container {
  position: relative;
  display: block;
  width: 100%; }

.p-tree-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

.p-tree-loading {
  position: relative;
  min-height: 4rem; }

.p-tree .p-tree-loading-overlay {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.p-treetable {
  position: relative; }

.p-treetable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; }

.p-treetable .p-sortable-column {
  cursor: pointer;
  user-select: none; }

.p-treetable-auto-layout > .p-treetable-wrapper {
  overflow-x: auto; }

.p-treetable-auto-layout > .p-treetable-wrapper > table {
  table-layout: auto; }

.p-treetable-hoverable-rows .p-treetable-tbody > tr {
  cursor: pointer; }

.p-treetable-toggler {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }

.p-treetable-toggler + .p-checkbox {
  vertical-align: middle; }

.p-treetable-toggler + .p-checkbox + span {
  vertical-align: middle; }

.p-treetable-resizable > .p-treetable-wrapper {
  overflow-x: auto; }

.p-treetable-resizable .p-treetable-thead > tr > th, .p-treetable-resizable .p-treetable-tfoot > tr > td, .p-treetable-resizable .p-treetable-tbody > tr > td {
  overflow: hidden; }

.p-treetable-resizable .p-resizable-column {
  background-clip: padding-box;
  position: relative; }

.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
  display: none; }

.p-treetable .p-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: .5rem;
  height: 100%;
  padding: 0;
  cursor: col-resize;
  border: 1px solid transparent; }

.p-treetable .p-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none; }

.p-treetable-scrollable-wrapper {
  position: relative; }

.p-treetable-scrollable-header, .p-treetable-scrollable-footer {
  overflow: hidden;
  border: 0 none; }

.p-treetable-scrollable-body {
  overflow: auto;
  position: relative; }

.p-treetable-virtual-table {
  position: absolute; }

.p-treetable-frozen-view .p-treetable-scrollable-body {
  overflow: hidden; }

.p-treetable-unfrozen-view {
  position: absolute;
  top: 0;
  left: 0; }

.p-treetable-reorder-indicator-up, .p-treetable-reorder-indicator-down {
  position: absolute;
  display: none; }

.p-treetable .p-treetable-loading-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }

@font-face {
  font-family: 'PrimeIcons';
  font-display: auto;
  src: url(2d2afb2719a1ee903e576e7c457daf81.eot);
  src: url(2d2afb2719a1ee903e576e7c457daf81.eot?#iefix) format("embedded-opentype"), url(df0140f8e79ecfeffaf85220aaecd7c4.ttf) format("truetype"), url(66ee0deb739ca71f0ecdc39d7c1b22cb.woff) format("woff"), url(e5e0e94474d5fd92e7e800a8865d297c.svg?#primeicons) format("svg");
  font-weight: normal;
  font-style: normal; }

.pi {
  font-family: 'primeicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pi-fw {
  width: 1.28571429em;
  text-align: center; }

.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.pi-step-backward-alt:before {
  content: "\E9AC"; }

.pi-step-forward-alt:before {
  content: "\E9AD"; }

.pi-forward:before {
  content: "\E9AE"; }

.pi-backward:before {
  content: "\E9AF"; }

.pi-fast-backward:before {
  content: "\E9B0"; }

.pi-fast-forward:before {
  content: "\E9B1"; }

.pi-pause:before {
  content: "\E9B2"; }

.pi-play:before {
  content: "\E9B3"; }

.pi-compass:before {
  content: "\E9AB"; }

.pi-id-card:before {
  content: "\E9AA"; }

.pi-ticket:before {
  content: "\E9A9"; }

.pi-file-o:before {
  content: "\E9A8"; }

.pi-reply:before {
  content: "\E9A7"; }

.pi-directions-alt:before {
  content: "\E9A5"; }

.pi-directions:before {
  content: "\E9A6"; }

.pi-thumbs-up:before {
  content: "\E9A3"; }

.pi-thumbs-down:before {
  content: "\E9A4"; }

.pi-sort-numeric-down-alt:before {
  content: "\E996"; }

.pi-sort-numeric-up-alt:before {
  content: "\E997"; }

.pi-sort-alpha-down-alt:before {
  content: "\E998"; }

.pi-sort-alpha-up-alt:before {
  content: "\E999"; }

.pi-sort-numeric-down:before {
  content: "\E99A"; }

.pi-sort-numeric-up:before {
  content: "\E99B"; }

.pi-sort-alpha-down:before {
  content: "\E99C"; }

.pi-sort-alpha-up:before {
  content: "\E99D"; }

.pi-sort-alt:before {
  content: "\E99E"; }

.pi-sort-amount-up:before {
  content: "\E99F"; }

.pi-sort-amount-down:before {
  content: "\E9A0"; }

.pi-sort-amount-down-alt:before {
  content: "\E9A1"; }

.pi-sort-amount-up-alt:before {
  content: "\E9A2"; }

.pi-palette:before {
  content: "\E995"; }

.pi-undo:before {
  content: "\E994"; }

.pi-desktop:before {
  content: "\E993"; }

.pi-sliders-v:before {
  content: "\E991"; }

.pi-sliders-h:before {
  content: "\E992"; }

.pi-search-plus:before {
  content: "\E98F"; }

.pi-search-minus:before {
  content: "\E990"; }

.pi-file-excel:before {
  content: "\E98E"; }

.pi-file-pdf:before {
  content: "\E98D"; }

.pi-check-square:before {
  content: "\E98C"; }

.pi-chart-line:before {
  content: "\E98B"; }

.pi-user-edit:before {
  content: "\E98A"; }

.pi-exclamation-circle:before {
  content: "\E989"; }

.pi-android:before {
  content: "\E985"; }

.pi-google:before {
  content: "\E986"; }

.pi-apple:before {
  content: "\E987"; }

.pi-microsoft:before {
  content: "\E988"; }

.pi-heart:before {
  content: "\E984"; }

.pi-mobile:before {
  content: "\E982"; }

.pi-tablet:before {
  content: "\E983"; }

.pi-key:before {
  content: "\E981"; }

.pi-shopping-cart:before {
  content: "\E980"; }

.pi-comments:before {
  content: "\E97E"; }

.pi-comment:before {
  content: "\E97F"; }

.pi-briefcase:before {
  content: "\E97D"; }

.pi-bell:before {
  content: "\E97C"; }

.pi-paperclip:before {
  content: "\E97B"; }

.pi-share-alt:before {
  content: "\E97A"; }

.pi-envelope:before {
  content: "\E979"; }

.pi-volume-down:before {
  content: "\E976"; }

.pi-volume-up:before {
  content: "\E977"; }

.pi-volume-off:before {
  content: "\E978"; }

.pi-eject:before {
  content: "\E975"; }

.pi-money-bill:before {
  content: "\E974"; }

.pi-images:before {
  content: "\E973"; }

.pi-image:before {
  content: "\E972"; }

.pi-sign-in:before {
  content: "\E970"; }

.pi-sign-out:before {
  content: "\E971"; }

.pi-wifi:before {
  content: "\E96F"; }

.pi-sitemap:before {
  content: "\E96E"; }

.pi-chart-bar:before {
  content: "\E96D"; }

.pi-camera:before {
  content: "\E96C"; }

.pi-dollar:before {
  content: "\E96B"; }

.pi-lock-open:before {
  content: "\E96A"; }

.pi-table:before {
  content: "\E969"; }

.pi-map-marker:before {
  content: "\E968"; }

.pi-list:before {
  content: "\E967"; }

.pi-eye-slash:before {
  content: "\E965"; }

.pi-eye:before {
  content: "\E966"; }

.pi-folder-open:before {
  content: "\E964"; }

.pi-folder:before {
  content: "\E963"; }

.pi-video:before {
  content: "\E962"; }

.pi-inbox:before {
  content: "\E961"; }

.pi-lock:before {
  content: "\E95F"; }

.pi-unlock:before {
  content: "\E960"; }

.pi-tags:before {
  content: "\E95D"; }

.pi-tag:before {
  content: "\E95E"; }

.pi-power-off:before {
  content: "\E95C"; }

.pi-save:before {
  content: "\E95B"; }

.pi-question-circle:before {
  content: "\E959"; }

.pi-question:before {
  content: "\E95A"; }

.pi-copy:before {
  content: "\E957"; }

.pi-file:before {
  content: "\E958"; }

.pi-clone:before {
  content: "\E955"; }

.pi-calendar-times:before {
  content: "\E952"; }

.pi-calendar-minus:before {
  content: "\E953"; }

.pi-calendar-plus:before {
  content: "\E954"; }

.pi-ellipsis-v:before {
  content: "\E950"; }

.pi-ellipsis-h:before {
  content: "\E951"; }

.pi-bookmark:before {
  content: "\E94E"; }

.pi-globe:before {
  content: "\E94F"; }

.pi-replay:before {
  content: "\E94D"; }

.pi-filter:before {
  content: "\E94C"; }

.pi-print:before {
  content: "\E94B"; }

.pi-align-right:before {
  content: "\E946"; }

.pi-align-left:before {
  content: "\E947"; }

.pi-align-center:before {
  content: "\E948"; }

.pi-align-justify:before {
  content: "\E949"; }

.pi-cog:before {
  content: "\E94A"; }

.pi-cloud-download:before {
  content: "\E943"; }

.pi-cloud-upload:before {
  content: "\E944"; }

.pi-cloud:before {
  content: "\E945"; }

.pi-pencil:before {
  content: "\E942"; }

.pi-users:before {
  content: "\E941"; }

.pi-clock:before {
  content: "\E940"; }

.pi-user-minus:before {
  content: "\E93E"; }

.pi-user-plus:before {
  content: "\E93F"; }

.pi-trash:before {
  content: "\E93D"; }

.pi-external-link:before {
  content: "\E93C"; }

.pi-window-maximize:before {
  content: "\E93B"; }

.pi-window-minimize:before {
  content: "\E93A"; }

.pi-refresh:before {
  content: "\E938"; }

.pi-user:before {
  content: "\E939"; }

.pi-exclamation-triangle:before {
  content: "\E922"; }

.pi-calendar:before {
  content: "\E927"; }

.pi-chevron-circle-left:before {
  content: "\E928"; }

.pi-chevron-circle-down:before {
  content: "\E929"; }

.pi-chevron-circle-right:before {
  content: "\E92A"; }

.pi-chevron-circle-up:before {
  content: "\E92B"; }

.pi-angle-double-down:before {
  content: "\E92C"; }

.pi-angle-double-left:before {
  content: "\E92D"; }

.pi-angle-double-right:before {
  content: "\E92E"; }

.pi-angle-double-up:before {
  content: "\E92F"; }

.pi-angle-down:before {
  content: "\E930"; }

.pi-angle-left:before {
  content: "\E931"; }

.pi-angle-right:before {
  content: "\E932"; }

.pi-angle-up:before {
  content: "\E933"; }

.pi-upload:before {
  content: "\E934"; }

.pi-download:before {
  content: "\E956"; }

.pi-ban:before {
  content: "\E935"; }

.pi-star-o:before {
  content: "\E936"; }

.pi-star:before {
  content: "\E937"; }

.pi-chevron-left:before {
  content: "\E900"; }

.pi-chevron-right:before {
  content: "\E901"; }

.pi-chevron-down:before {
  content: "\E902"; }

.pi-chevron-up:before {
  content: "\E903"; }

.pi-caret-left:before {
  content: "\E904"; }

.pi-caret-right:before {
  content: "\E905"; }

.pi-caret-down:before {
  content: "\E906"; }

.pi-caret-up:before {
  content: "\E907"; }

.pi-search:before {
  content: "\E908"; }

.pi-check:before {
  content: "\E909"; }

.pi-check-circle:before {
  content: "\E90A"; }

.pi-times:before {
  content: "\E90B"; }

.pi-times-circle:before {
  content: "\E90C"; }

.pi-plus:before {
  content: "\E90D"; }

.pi-plus-circle:before {
  content: "\E90E"; }

.pi-minus:before {
  content: "\E90F"; }

.pi-minus-circle:before {
  content: "\E910"; }

.pi-circle-on:before {
  content: "\E911"; }

.pi-circle-off:before {
  content: "\E912"; }

.pi-sort-down:before {
  content: "\E913"; }

.pi-sort-up:before {
  content: "\E914"; }

.pi-sort:before {
  content: "\E915"; }

.pi-step-backward:before {
  content: "\E916"; }

.pi-step-forward:before {
  content: "\E917"; }

.pi-th-large:before {
  content: "\E918"; }

.pi-arrow-down:before {
  content: "\E919"; }

.pi-arrow-left:before {
  content: "\E91A"; }

.pi-arrow-right:before {
  content: "\E91B"; }

.pi-arrow-up:before {
  content: "\E91C"; }

.pi-bars:before {
  content: "\E91D"; }

.pi-arrow-circle-down:before {
  content: "\E91E"; }

.pi-arrow-circle-left:before {
  content: "\E91F"; }

.pi-arrow-circle-right:before {
  content: "\E920"; }

.pi-arrow-circle-up:before {
  content: "\E921"; }

.pi-info:before {
  content: "\E923"; }

.pi-info-circle:before {
  content: "\E924"; }

.pi-home:before {
  content: "\E925"; }

.pi-spinner:before {
  content: "\E926"; }

:root {
  --base-increment: 0.8rem;
  --space--0: 0;
  --space--0-5: calc(0.5 * var(--base-increment));
  --space--1: calc(1 * var(--base-increment));
  --space--1-5: calc(1.5 * var(--base-increment));
  --space--2: calc(2 * var(--base-increment));
  --space--3: calc(3 * var(--base-increment));
  --space--4: calc(4 * var(--base-increment));
  --space--5: calc(5 * var(--base-increment));
  --space--6: calc(6 * var(--base-increment));
  --space--7: calc(7 * var(--base-increment));
  --space--8: calc(8 * var(--base-increment));
  --gap--none: 0;
  --gap-0: 0;
  --gap--x-small: calc(0.5 * var(--base-increment));
  --gap-0-5: calc(0.5 * var(--base-increment));
  --gap--small: calc(1 * var(--base-increment));
  --gap-1: calc(1 * var(--base-increment));
  --gap--medium-small: calc(1.5 * var(--base-increment));
  --gap-1-5: calc(1.5 * var(--base-increment));
  --gap--medium: calc(2 * var(--base-increment));
  --gap-2: calc(2 * var(--base-increment));
  --gap--large: calc(3 * var(--base-increment));
  --gap-3: calc(3 * var(--base-increment));
  --gap--x-large: calc(4 * var(--base-increment));
  --gap-4: calc(4 * var(--base-increment));
  --gap--xx-large: calc(5 * var(--base-increment));
  --gap-5: calc(5 * var(--base-increment));
  --gap--auto: auto;
  --b-radius--x-small: 2px;
  --b-radius--small: 3px;
  --b-radius--medium: 4px;
  --b-radius--large: 6px;
  --b-radius--x-large: 8px;
  --b-radius--full: 9999px;
  --width__container--xxx-small: 20rem;
  --width__container--xx-small: 24rem;
  --width__container--x-small: 32rem;
  --width__container--small: 40rem;
  --width__container--medium: 48rem;
  --width__container--large: 56rem;
  --width__container--x-large: 72rem;
  --width__container--xx-large: 80rem;
  --width__container--xxx-large: 120rem;
  --width__container--full: 100vw;
  --width__modal--small: 40rem;
  --width__modal--medium: 64rem;
  --width__modal--large: 80rem;
  --width__modal--x-large: 80vw;
  --text-size--base: 1rem;
  --text-size-xx-small: calc(var(--text-size--base) * 1);
  --text-size-x-small: calc(var(--text-size--base) * 1.2);
  --text-size-small: calc(var(--text-size--base) * 1.4);
  --text-size-medium: calc(var(--text-size--base) * 1.6);
  --text-size-large: calc(var(--text-size--base) * 2);
  --text-size-x-large: calc(var(--text-size--base) * 2.4);
  --text-size-xx-large: calc(var(--text-size--base) * 3.2);
  --sd-shadow--z1: 0 0 0 1px var(--sd-shadow-outline), 0 1px 3px hsla(0, 0%, 0%, 0.16), 0 0 1px hsla(0, 0%, 0%, 0.1);
  --sd-shadow--z2: 0 0 0 1px var(--sd-shadow-outline), 0 1px 4px hsla(0, 0%, 0%, 0.16), 0 2px 6px hsla(0, 0%, 0%, 0.12), 0 0 1px hsla(0, 0%, 0%, 0.1);
  --sd-shadow--z3: 0 0 0 1px var(--sd-shadow-outline), 0 1px 6px hsla(0, 0%, 0%, 0.16), 0 3px 8px hsla(0, 0%, 0%, 0.24), 0 0 1px hsla(0, 0%, 0%, 0.1);
  --sd-shadow--z4: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.2), 0 6px 16px hsla(0, 0%, 0%, 0.3), 0 0 1px hsla(0, 0%, 0%, 0.1);
  --sd-drop-shadow--z1: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 3px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.12));
  --sd-drop-shadow--z2: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 4px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 2px 6px hsla(0, 0%, 0%, 0.14)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
  --sd-drop-shadow--z3: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 6px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 3px 8px hsla(0, 0%, 0%, 0.26)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
  --sd-drop-shadow--z4: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 2px 10px hsla(0, 0%, 0%, 0.24)) drop-shadow(0 6px 16px hsla(0, 0%, 0%, 0.32)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
  --sd-drop-shadow--none: drop-shadow(0 0 0 transparent);
  --form-element-height-small: var(--space--3);
  --form-element-height-medium: var(--space--4);
  --form-element-height-large: var(--space--5); }

:root,
[data-theme="light-ui"] {
  --sd-shadow-outline: hsla(0, 0%, 0%, 0);
  --sd-shadow-outline--2: hsl(214, 13%, 0%, 0.06);
  --sd-shadow__dropdown: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.4), 0 3px 1px -2px hsla(0, 0%, 0%, 0.1);
  --sd-shadow__modal: 0 0 0 1px var(--sd-shadow-outline), 0 0 8px 2px hsla(0, 0%, 0%, 0.3);
  --sd-shadow__toast: 0 0 0 1px var(--sd-shadow-outline--2), 0 2px 4px hsla(0, 0%, 0%, 0.12), 0 8px 12px hsla(0, 0%, 0%, 0.16);
  --sd-shadow__sliding-toolbar: 0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 0 0 hsla(0, 0%, 0%, 0.1);
  --sd-shadow__menu-item--focus-inner: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20), inset 0 0 0 1px var(--sd-colour-interactive--alpha-50); }

[data-theme="dark-ui"],
.dark-ui {
  --sd-shadow-outline: hsl(214, 13%, 60%, 0.28);
  --sd-shadow-outline--2: hsl(214, 13%, 60%, 0.1);
  --sd-shadow__dropdown: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.6), 0 3px 1px -2px hsla(0, 0%, 0%, 0.2);
  --sd-shadow__modal: 0 0 0 1px var(--sd-shadow-outline), 0 0 8px 2px hsla(0, 0%, 0%, 0.4);
  --sd-shadow__toast: 0 0 0 1px var(--sd-shadow-outline--2), 0 2px 4px hsla(0, 0%, 0%, 0.24), 0 8px 12px hsla(0, 0%, 0%, 0.26);
  --sd-shadow__menu-item--focus-inner: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20), inset 0 0 0 1px var(--sd-colour-interactive--alpha-50);
  --sd-shadow--z1: 0 0 0 1px var(--sd-shadow-outline), 0 1px 3px hsla(0, 0%, 0%, 0.36), 0 0 1px hsla(0, 0%, 0%, 0.2);
  --sd-shadow--z2: 0 0 0 1px var(--sd-shadow-outline), 0 1px 4px hsla(0, 0%, 0%, 0.36), 0 2px 6px hsla(0, 0%, 0%, 0.24), 0 0 1px hsla(0, 0%, 0%, 0.2);
  --sd-shadow--z3: 0 0 0 1px var(--sd-shadow-outline), 0 1px 6px hsla(0, 0%, 0%, 0.36), 0 3px 8px hsla(0, 0%, 0%, 0.48), 0 0 1px hsla(0, 0%, 0%, 0.2);
  --sd-shadow--z4: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.4), 0 6px 16px hsla(0, 0%, 0%, 0.6), 0 0 1px hsla(0, 0%, 0%, 0.2);
  --sd-drop-shadow--z1: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 3px hsla(0, 0%, 0%, 0.38)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2));
  --sd-drop-shadow--z2: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 4px hsla(0, 0%, 0%, 0.38)) drop-shadow(0 2px 6px hsla(0, 0%, 0%, 0.28)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2));
  --sd-drop-shadow--z3: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 6px hsla(0, 0%, 0%, 0.38)) drop-shadow(0 3px 8px hsla(0, 0%, 0%, 0.50)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2));
  --sd-drop-shadow--z4: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 2px 10px hsla(0, 0%, 0%, 0.44)) drop-shadow(0 6px 16px hsla(0, 0%, 0%, 0.64)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2)); }

.sd-top-menu .navbtn,
.sd-top-menu .sd-navbtn,
#top-menu .navbtn,
#top-menu .sd-navbtn {
  --color-navbutton-border: hsla(214, 13%, 70%, 0.2) !important;
  --sd-colour-line--x-light: hsla(214, 13%, 70%, 0.2) !important; }

:root {
  --sd-colour-interactive-hs:             198, 50%;
  --sd-colour-interactive-l--05:          var(--sd-colour-interactive-hs), 6%;
  --sd-colour-interactive-l--10:          var(--sd-colour-interactive-hs), 10%;
  --sd-colour-interactive-l--20:          var(--sd-colour-interactive-hs), 20%;
  --sd-colour-interactive-l--30:          var(--sd-colour-interactive-hs), 30%;
  --sd-colour-interactive-l--40:          var(--sd-colour-interactive-hs), 40%;
  --sd-colour-interactive-l--50:          var(--sd-colour-interactive-hs), 50%;
  --sd-colour-interactive-l--60:          var(--sd-colour-interactive-hs), 60%;
  --sd-colour-interactive-l--70:          var(--sd-colour-interactive-hs), 70%;
  --sd-colour-interactive-l--80:          var(--sd-colour-interactive-hs), 80%;
  --sd-colour-interactive-l--90:          var(--sd-colour-interactive-hs), 90%;
  --sd-colour-interactive-l--95:          var(--sd-colour-interactive-hs), 95%;
  --sd-colour-interactive-l--100:         var(--sd-colour-interactive-hs), 100%;
  --sd-colour-secondary-hs:               185, 33%;
  --sd-colour-secondary-l--10:            var(--sd-colour-secondary-hs), 10%;
  --sd-colour-secondary-l--20:            var(--sd-colour-secondary-hs), 20%;
  --sd-colour-secondary-l--30:            var(--sd-colour-secondary-hs), 30%;
  --sd-colour-secondary-l--40:            var(--sd-colour-secondary-hs), 40%;
  --sd-colour-secondary-l--50:            var(--sd-colour-secondary-hs), 50%;
  --sd-colour-secondary-l--60:            var(--sd-colour-secondary-hs), 60%;
  --sd-colour-secondary-l--70:            var(--sd-colour-secondary-hs), 70%;
  --sd-colour-secondary-l--80:            var(--sd-colour-secondary-hs), 80%;
  --sd-colour-secondary-l--90:            var(--sd-colour-secondary-hs), 90%;
  --sd-colour-secondary-l--100:           var(--sd-colour-secondary-hs), 100%;
  --sd-colour-info-hs:                    198, 50%;
  --sd-colour-info-l--10:                 var(--sd-colour-info-hs), 10%;
  --sd-colour-info-l--20:                 var(--sd-colour-info-hs), 20%;
  --sd-colour-info-l--30:                 var(--sd-colour-info-hs), 30%;
  --sd-colour-info-l--40:                 var(--sd-colour-info-hs), 40%;
  --sd-colour-info-l--50:                 var(--sd-colour-info-hs), 50%;
  --sd-colour-info-l--60:                 var(--sd-colour-info-hs), 60%;
  --sd-colour-info-l--70:                 var(--sd-colour-info-hs), 70%;
  --sd-colour-info-l--80:                 var(--sd-colour-info-hs), 80%;
  --sd-colour-info-l--90:                 var(--sd-colour-info-hs), 90%;
  --sd-colour-info-l--100:                var(--sd-colour-info-hs), 100%;
  --sd-colour-primary-hs:                 198, 50%;
  --sd-colour-primary-l--10:              var(--sd-colour-primary-hs), 10%;
  --sd-colour-primary-l--20:              var(--sd-colour-primary-hs), 20%;
  --sd-colour-primary-l--30:              var(--sd-colour-primary-hs), 30%;
  --sd-colour-primary-l--40:              var(--sd-colour-primary-hs), 40%;
  --sd-colour-primary-l--50:              var(--sd-colour-primary-hs), 50%;
  --sd-colour-primary-l--60:              var(--sd-colour-primary-hs), 60%;
  --sd-colour-primary-l--70:              var(--sd-colour-primary-hs), 70%;
  --sd-colour-primary-l--80:              var(--sd-colour-primary-hs), 80%;
  --sd-colour-primary-l--90:              var(--sd-colour-primary-hs), 90%;
  --sd-colour-primary-l--100:             var(--sd-colour-primary-hs), 100%;
  --sd-colour-success-hs:                 120, 40%;
  --sd-colour-success-l--10:              var(--sd-colour-success-hs), 10%;
  --sd-colour-success-l--20:              var(--sd-colour-success-hs), 20%;
  --sd-colour-success-l--30:              var(--sd-colour-success-hs), 30%;
  --sd-colour-success-l--40:              var(--sd-colour-success-hs), 40%;
  --sd-colour-success-l--50:              var(--sd-colour-success-hs), 50%;
  --sd-colour-success-l--60:              var(--sd-colour-success-hs), 60%;
  --sd-colour-success-l--70:              var(--sd-colour-success-hs), 70%;
  --sd-colour-success-l--80:              var(--sd-colour-success-hs), 80%;
  --sd-colour-success-l--90:              var(--sd-colour-success-hs), 90%;
  --sd-colour-success-l--100:             var(--sd-colour-success-hs), 100%;
  --sd-colour-alert-hs:                   350, 70%;
  --sd-colour-alert-l--10:                var(--sd-colour-alert-hs), 10%;
  --sd-colour-alert-l--20:                var(--sd-colour-alert-hs), 20%;
  --sd-colour-alert-l--30:                var(--sd-colour-alert-hs), 30%;
  --sd-colour-alert-l--40:                var(--sd-colour-alert-hs), 40%;
  --sd-colour-alert-l--50:                var(--sd-colour-alert-hs), 50%;
  --sd-colour-alert-l--60:                var(--sd-colour-alert-hs), 60%;
  --sd-colour-alert-l--70:                var(--sd-colour-alert-hs), 70%;
  --sd-colour-alert-l--80:                var(--sd-colour-alert-hs), 80%;
  --sd-colour-alert-l--90:                var(--sd-colour-alert-hs), 90%;
  --sd-colour-alert-l--100:               var(--sd-colour-alert-hs), 100%;
  --sd-colour-warning-hs:                 35, 75%;
  --sd-colour-warning-l--10:              var(--sd-colour-warning-hs), 10%;
  --sd-colour-warning-l--20:              var(--sd-colour-warning-hs), 20%;
  --sd-colour-warning-l--30:              var(--sd-colour-warning-hs), 30%;
  --sd-colour-warning-l--40:              var(--sd-colour-warning-hs), 40%;
  --sd-colour-warning-l--50:              var(--sd-colour-warning-hs), 50%;
  --sd-colour-warning-l--60:              var(--sd-colour-warning-hs), 60%;
  --sd-colour-warning-l--70:              var(--sd-colour-warning-hs), 70%;
  --sd-colour-warning-l--80:              var(--sd-colour-warning-hs), 80%;
  --sd-colour-warning-l--90:              var(--sd-colour-warning-hs), 90%;
  --sd-colour-warning-l--100:             var(--sd-colour-warning-hs), 100%;
  --sd-colour-highlight-hs:               290, 60%;
  --sd-colour-highlight-l--10:            var(--sd-colour-highlight-hs), 10%;
  --sd-colour-highlight-l--20:            var(--sd-colour-highlight-hs), 20%;
  --sd-colour-highlight-l--30:            var(--sd-colour-highlight-hs), 30%;
  --sd-colour-highlight-l--40:            var(--sd-colour-highlight-hs), 40%;
  --sd-colour-highlight-l--50:            var(--sd-colour-highlight-hs), 50%;
  --sd-colour-highlight-l--60:            var(--sd-colour-highlight-hs), 60%;
  --sd-colour-highlight-l--70:            var(--sd-colour-highlight-hs), 70%;
  --sd-colour-highlight-l--80:            var(--sd-colour-highlight-hs), 80%;
  --sd-colour-highlight-l--90:            var(--sd-colour-highlight-hs), 90%;
  --sd-colour-highlight-l--100:           var(--sd-colour-highlight-hs), 100%;
  --sd-colour-neutral-hs:                 214, 13%;
  --sd-colour-neutral-l--10:              var(--sd-colour-neutral-hs), 10%;
  --sd-colour-neutral-l--20:              var(--sd-colour-neutral-hs), 20%;
  --sd-colour-neutral-l--30:              var(--sd-colour-neutral-hs), 30%;
  --sd-colour-neutral-l--40:              var(--sd-colour-neutral-hs), 40%;
  --sd-colour-neutral-l--50:              var(--sd-colour-neutral-hs), 50%;
  --sd-colour-neutral-l--60:              var(--sd-colour-neutral-hs), 60%;
  --sd-colour-neutral-l--70:              var(--sd-colour-neutral-hs), 70%;
  --sd-colour-neutral-l--80:              var(--sd-colour-neutral-hs), 80%;
  --sd-colour-neutral-l--90:              var(--sd-colour-neutral-hs), 90%;
  --sd-colour-neutral-l--100:             var(--sd-colour-neutral-hs), 100%;
  --sd-colour-superdesk-hs:               152, 71%;
  --sd-colour-superdesk-l--10:            var(--sd-colour-superdesk-hs), 10%;
  --sd-colour-superdesk-l--20:            var(--sd-colour-superdesk-hs), 20%;
  --sd-colour-superdesk-l--30:            var(--sd-colour-superdesk-hs), 30%;
  --sd-colour-superdesk-l--40:            var(--sd-colour-superdesk-hs), 40%;
  --sd-colour-superdesk-l--50:            var(--sd-colour-superdesk-hs), 50%;
  --sd-colour-superdesk-l--60:            var(--sd-colour-superdesk-hs), 60%;
  --sd-colour-superdesk-l--70:            var(--sd-colour-superdesk-hs), 70%;
  --sd-colour-superdesk-l--80:            var(--sd-colour-superdesk-hs), 80%;
  --sd-colour-superdesk-l--90:            var(--sd-colour-superdesk-hs), 90%;
  --sd-colour-superdesk-l--100:           var(--sd-colour-superdesk-hs), 100%;
  --sd-colour-interactive:                hsla(var(--sd-colour-interactive-l--50), 1);
  --sd-colour-interactive--hover:         hsla(var(--sd-colour-interactive-l--60), 1);
  --sd-colour-interactive--active:        hsla(var(--sd-colour-interactive-l--40), 1);
  --sd-colour-interactive-btn-border:     hsla(var(--sd-colour-interactive-l--50), 0.5);
  --sd-colour-primary:                    hsla(var(--sd-colour-primary-l--50), 1);
  --sd-colour-primary--hover:             hsla(var(--sd-colour-primary-l--60), 1);
  --sd-colour-primary--active:            hsla(var(--sd-colour-primary-l--40), 1);
  --sd-colour-primary-btn-border:         hsla(var(--sd-colour-primary-l--50), 0.5);
  --sd-colour-secondary:                  hsla(var(--sd-colour-secondary-l--50), 1);
  --sd-colour-secondary--hover:           hsla(var(--sd-colour-secondary-l--60), 1);
  --sd-colour-secondary--active:          hsla(var(--sd-colour-secondary-l--40), 1);
  --sd-colour-secondary-btn-border:       hsla(var(--sd-colour-secondary-l--50), 0.5);
  --sd-colour-success:                    hsla(var(--sd-colour-success-l--50), 1);
  --sd-colour-success--hover:             hsla(var(--sd-colour-success-l--60), 1);
  --sd-colour-success--active:            hsla(var(--sd-colour-success-l--40), 1);
  --sd-colour-success-btn-border:         hsla(var(--sd-colour-success-l--50), 0.5);
  --sd-colour-alert:                      hsla(var(--sd-colour-alert-l--50), 1);
  --sd-colour-alert--hover:               hsla(var(--sd-colour-alert-l--60), 1);
  --sd-colour-alert--active:              hsla(var(--sd-colour-alert-l--40), 1);
  --sd-colour-alert-btn-border:           hsla(var(--sd-colour-alert-l--50), 0.5);
  --sd-colour-warning:                    hsla(var(--sd-colour-warning-l--50), 1);
  --sd-colour-warning--hover:             hsla(var(--sd-colour-warning-l--60), 1);
  --sd-colour-warning--active:            hsla(var(--sd-colour-warning-l--40), 1);
  --sd-colour-warning-btn-border:         hsla(var(--sd-colour-warning-l--50), 0.5);
  --sd-colour-highlight:                  hsla(var(--sd-colour-highlight-l--50), 1);
  --sd-colour-highlight--hover:           hsla(var(--sd-colour-highlight-l--60), 1);
  --sd-colour-highlight--active:          hsla(var(--sd-colour-highlight-l--40), 1);
  --sd-colour-highlight-btn-border:       hsla(var(--sd-colour-highlight-l--50), 0.5);
  --sd-colour-superdesk:                  hsla(var(--sd-colour-superdesk-l--40), 1);
  --sd-colour-superdesk--hover:           hsla(var(--sd-colour-superdesk-l--50), 1);
  --sd-colour-superdesk--active:          hsla(var(--sd-colour-superdesk-l--30), 1);
  --sd-colour-superdesk-btn-border:       hsla(var(--sd-colour-superdesk-l--40), 0.5);
  --sd-colour-neutral:                    hsla(var(--sd-colour-neutral-l--50), 0.5);
  --sd-colour-neutral--hover:             hsla(var(--sd-colour-neutral-l--60), 0.5);
  --sd-colour-neutral--active:            hsla(var(--sd-colour-neutral-l--40), 0.5);
  --sd-colour-neutral-btn-border:         hsla(var(--sd-colour-neutral-l--40), 0.5);
  --sd-colour-info:                       hsla(var(--sd-colour-info-l--50), 1);
  --sd-colour-info--hover:                hsla(var(--sd-colour-info-l--60), 1);
  --sd-colour-info--active:               hsla(var(--sd-colour-info-l--40), 1);
  --sd-colour-btn-bg-neutral:             hsla(var(--sd-colour-neutral-l--50), 0.4);
  --sd-colour-btn-bg-neutral--hover:      hsla(var(--sd-colour-neutral-l--60), 0.5);
  --sd-colour-btn-bg-neutral--active:     hsla(var(--sd-colour-neutral-l--40), 0.5);
  --sd-colour-btn-txt-neutral:            hsla(var(--sd-colour-neutral-l--40), 1);
  --sd-colour-btn-border-neutral:         hsla(var(--sd-colour-neutral-l--50), 0.5);
  --sd-colour-alert-bg-neutral:           hsla(var(--sd-colour-neutral-l--50), 0.25);
  --sd-colour-interactive--alpha-10:      hsla(var(--sd-colour-interactive-l--50), 0.1);
  --sd-colour-interactive--alpha-20:      hsla(var(--sd-colour-interactive-l--50), 0.2);
  --sd-colour-interactive--alpha-30:      hsla(var(--sd-colour-interactive-l--50), 0.3);
  --sd-colour-interactive--alpha-40:      hsla(var(--sd-colour-interactive-l--50), 0.4);
  --sd-colour-interactive--alpha-50:      hsla(var(--sd-colour-interactive-l--50), 0.5);
  --sd-colour-interactive--alpha-60:      hsla(var(--sd-colour-interactive-l--50), 0.6);
  --sd-colour-interactive--alpha-70:      hsla(var(--sd-colour-interactive-l--50), 0.7);
  --sd-colour-interactive--alpha-80:      hsla(var(--sd-colour-interactive-l--50), 0.8);
  --sd-colour-interactive--alpha-90:      hsla(var(--sd-colour-interactive-l--50), 0.9);
  --sd-colour-interactive--lighten-10:    hsla(var(--sd-colour-interactive-l--60), 1);
  --sd-colour-interactive--lighten-20:    hsla(var(--sd-colour-interactive-l--70), 1);
  --sd-colour-interactive--lighten-30:    hsla(var(--sd-colour-interactive-l--80), 1);
  --sd-colour-interactive--lighten-40:    hsla(var(--sd-colour-interactive-l--90), 1);
  --sd-colour-interactive--lighten-45:    hsla(var(--sd-colour-interactive-l--95), 1);
  --sd-colour-interactive--darken-10:    hsla(var(--sd-colour-interactive-l--40), 1);
  --sd-colour-interactive--darken-20:    hsla(var(--sd-colour-interactive-l--30), 1);
  --sd-colour-interactive--darken-30:    hsla(var(--sd-colour-interactive-l--20), 1);
  --sd-colour-interactive--darken-40:    hsla(var(--sd-colour-interactive-l--10), 1);
  --sd-colour-interactive--darken-50:    hsla(var(--sd-colour-interactive-l--05), 1);
  --sd-colour-cool-grey-hs:               214, 13%;
  --sd-colour-cool-grey-l--00:            var(--sd-colour-cool-grey-hs), 0%;
  --sd-colour-cool-grey-l--05:            var(--sd-colour-cool-grey-hs), 8%;
  --sd-colour-cool-grey-l--10:            var(--sd-colour-cool-grey-hs), 12%;
  --sd-colour-cool-grey-l--15:            var(--sd-colour-cool-grey-hs), 16%;
  --sd-colour-cool-grey-l--20:            var(--sd-colour-cool-grey-hs), 20%;
  --sd-colour-cool-grey-l--23:            var(--sd-colour-cool-grey-hs), 22.5%;
  --sd-colour-cool-grey-l--25:            var(--sd-colour-cool-grey-hs), 25%;
  --sd-colour-cool-grey-l--30:            var(--sd-colour-cool-grey-hs), 30%;
  --sd-colour-cool-grey-l--35:            var(--sd-colour-cool-grey-hs), 35%;
  --sd-colour-cool-grey-l--40:            var(--sd-colour-cool-grey-hs), 40%;
  --sd-colour-cool-grey-l--45:            var(--sd-colour-cool-grey-hs), 45%;
  --sd-colour-cool-grey-l--50:            var(--sd-colour-cool-grey-hs), 50%;
  --sd-colour-cool-grey-l--55:            var(--sd-colour-cool-grey-hs), 55%;
  --sd-colour-cool-grey-l--60:            var(--sd-colour-cool-grey-hs), 60%;
  --sd-colour-cool-grey-l--65:            var(--sd-colour-cool-grey-hs), 65%;
  --sd-colour-cool-grey-l--70:            var(--sd-colour-cool-grey-hs), 70%;
  --sd-colour-cool-grey-l--75:            var(--sd-colour-cool-grey-hs), 75%;
  --sd-colour-cool-grey-l--80:            var(--sd-colour-cool-grey-hs), 80%;
  --sd-colour-cool-grey-l--85:            var(--sd-colour-cool-grey-hs), 85%;
  --sd-colour-cool-grey-l--90:            var(--sd-colour-cool-grey-hs), 92%;
  --sd-colour-cool-grey-l--95:            var(--sd-colour-cool-grey-hs), 96%;
  --sd-colour-cool-grey-l--98:            var(--sd-colour-cool-grey-hs), 98%;
  --sd-colour-cool-grey-l--99:            var(--sd-colour-cool-grey-hs), 100%;
  --sd-colour-bg--00:                     hsla(var(--sd-colour-cool-grey-l--00), 1);
  --sd-colour-bg--01:                     hsla(var(--sd-colour-cool-grey-l--05), 1);
  --sd-colour-bg--02:                     hsla(var(--sd-colour-cool-grey-l--10), 1);
  --sd-colour-bg--03:                     hsla(var(--sd-colour-cool-grey-l--15), 1);
  --sd-colour-bg--04:                     hsla(var(--sd-colour-cool-grey-l--20), 1);
  --sd-colour-bg--04-a:                   hsla(var(--sd-colour-cool-grey-l--23), 1);
  --sd-colour-bg--05:                     hsla(var(--sd-colour-cool-grey-l--25), 1);
  --sd-colour-bg--06:                     hsla(var(--sd-colour-cool-grey-l--30), 1);
  --sd-colour-bg--07:                     hsla(var(--sd-colour-cool-grey-l--35), 1);
  --sd-colour-bg--08:                     hsla(var(--sd-colour-cool-grey-l--40), 1);
  --sd-colour-bg--09:                     hsla(var(--sd-colour-cool-grey-l--45), 1);
  --sd-colour-bg--10:                     hsla(var(--sd-colour-cool-grey-l--50), 1);
  --sd-colour-bg--20:                     hsla(var(--sd-colour-cool-grey-l--65), 1);
  --sd-colour-bg--21:                     hsla(var(--sd-colour-cool-grey-l--70), 1);
  --sd-colour-bg--22:                     hsla(var(--sd-colour-cool-grey-l--75), 1);
  --sd-colour-bg--99:                     hsla(var(--sd-colour-cool-grey-l--99), 1);
  --sd-colour-bg--99-a:                   hsla(var(--sd-colour-cool-grey-l--98), 1);
  --sd-colour-bg--95:                     hsla(var(--sd-colour-cool-grey-l--95), 1);
  --sd-colour-panel-bg--000:              hsla(var(--sd-colour-cool-grey-l--99), 1);
  --sd-colour-panel-bg--050:              hsla(var(--sd-colour-cool-grey-l--98), 1);
  --sd-colour-panel-bg--100:              hsla(var(--sd-colour-cool-grey-l--95), 1);
  --sd-colour-panel-bg--200:              hsla(var(--sd-colour-cool-grey-l--90), 1);
  --sd-colour-panel-bg--300:              hsla(var(--sd-colour-cool-grey-l--85), 1);
  --sd-colour-sidebar-menu--00:           hsla(var(--sd-colour-cool-grey-l--85), 1);
  --sd-colour-sidebar-menu--10:           hsla(var(--sd-colour-cool-grey-l--80), 1);
  --sd-colour-sidebar-menu--20:           hsla(var(--sd-colour-cool-grey-l--75), 1);
  --sd-colour-quickbar-menu:              hsla(var(--sd-colour-cool-grey-l--98), 1);
  --sd-colour-background__left-nav:       var(--sd-colour-bg--99);
  --sd-colour-top-menu:                   var(--sd-colour-bg--02);
  --sd-colour-top-menu__btn:              var(--sd-colour-bg--03);
  --sd-colour-bottom-bar:                 var(--sd-colour-bg--01);
  --sd-colour-bottom-bar__item:           var(--sd-colour-bg--01);
  --sd-colour-bottom-bar__item--hover:    var(--sd-colour-bg--02);
  --sd-colour-bottom-bar__item--active:   var(--sd-colour-interactive--active);
  --sd-colour-line--x-light:              hsla(var(--sd-colour-cool-grey-l--20), 0.1);
  --sd-colour-line--light:                hsla(var(--sd-colour-cool-grey-l--20), 0.16);
  --sd-colour-line--medium:               hsla(var(--sd-colour-cool-grey-l--20), 0.2);
  --sd-colour-line--strong:               hsla(var(--sd-colour-cool-grey-l--20), 0.48);
  --sd-colour-bg-translucent--10:         hsla(var(--sd-colour-cool-grey-l--50), 0.1);
  --sd-colour-bg-translucent--08:         hsla(var(--sd-colour-cool-grey-l--50), 0.3);
  --sd-colour-overlay-actioning:          hsla(var(--sd-colour-cool-grey-l--99), 0.85);
  --sd-colour-background__tooltip:        var(--sd-colour-bg--02);
  --sd-item__thumb-Bg:                    var(--sd-colour-bg--03);
  --sd-item__thumb-Bg--light:             var(--sd-colour-bg--07);
  --sd-item__main-Bg:                     var(--sd-colour-bg--99);
  --sd-item__main-Bg--hover:              var(--sd-colour-bg--95);
  --sd-item__main-Bg--selected:           var(--sd-colour-interactive--lighten-40);
  --sd-item__main-Bg--activated:          var(--sd-colour-interactive--lighten-45);
  --sd-item__main-Bg--alternate:          var(--sd-colour-bg--99-a);
  --sd-colour-bg__grid-item--selected:    var(--sd-colour-interactive--lighten-45);
  --sd-colour-bg__sliding-toolbar:        var(--sd-colour-interactive--lighten-40);
  --sd-colour-bg__searchbar:              var(--sd-colour-bg--99);
  --color-dropdown-menu-Bg:               var(--sd-colour-bg--99);
  --color-modal-Bg:                       var(--sd-colour-bg--99);
  --sd-colour--shadow-line:               hsla(var(--sd-colour-cool-grey-l--70), 0);
  --sd-colour--shadow-line--m:            hsla(var(--sd-colour-cool-grey-l--80), 0);
  --sd-shadow__subnav:                    0 1px 0px var(--sd-colour--shadow-line), 0 1px 3px hsla(0, 0%, 0%, 0.07), 0 1px 0 0 hsla(0, 0%, 0%, 0.1);
  --sd-shadow__item--selected:            0 0 0 2px var(--sd-colour-interactive), 0 0 0 5px var(--sd-colour-interactive--alpha-30);
  --sd-shadow__item--unread:              0 0 0 1px var(--sd-colour-interactive--alpha-30), inset 0 0 0 3px var(--sd-colour-interactive--alpha-30);
  --sd-shadow__item--selected-thin:       0 0 0 1px var(--sd-colour-interactive), inset 0 0 0 2px var(--sd-colour-interactive--alpha-30);
  --sd-colour__webkit-scrollbar--hover:       hsla(214, 13%, 50%, 0.24);
  --sd-colour__webkit-scrollbar-thumb:        hsla(214, 13%, 70%, 0.32);
  --sd-colour__webkit-scrollbar-thumb--hover: hsla(214, 13%, 70%, 0.48);
  --sd-colour__side-menu--hover:              var(--sd-colour-bg--95);
  --sd-colour__splitter:                      var(--sd-colour-bg--05);
  --sd-colour__dashboard-widget-Bg:           hsla(214, 13%, 98%, 1);
  --sd-colour__side-panel-border:             var(--sd-colour-bg--20);
  --sd-colour__tag-label-Bg--1:               hsla(var(--sd-colour-cool-grey-l--55), 0.3);
  --sd-colour__tag-label-Bg--2:               hsla(var(--sd-colour-cool-grey-l--35), 0.45);
  --sd-colour__tag-label-Bg--highlight-1:     var(--sd-colour-interactive--alpha-40);
  --sd-colour__tag-label-Bg--highlight-2:     var(--sd-colour-interactive--alpha-70);
  --sd-colour__tag-label-remove-Bg:           hsla(var(--sd-colour-cool-grey-l--90), 0.35);
  --sd-colour__tag-label-remove-Bg--hover:    hsla(var(--sd-colour-cool-grey-l--90), 0.85);
  --sd-colour-bg__photo-preview:              hsla(var(--sd-colour-cool-grey-l--10), 1);
  --sd-colour-bg__slide-in-column-inner:      hsla(var(--sd-colour-cool-grey-l--20), 1);
  --sd-colour-bg__button-nav-btn:             hsla(var(--sd-colour-cool-grey-l--80), 0);
  --sd-colour-bg__button-nav-btn--hover:      hsla(var(--sd-colour-cool-grey-l--80), 0.5);
  --sd-colour-bg__button-nav-btn--active:     hsla(var(--sd-colour-cool-grey-l--60), 1);
  --sd-colour-bg__desk-select: var(--sd-colour-interactive);
  --sd-colour-bg__desk-select--worspace: hsla(306, 25%, 49%, 1);
  --sd-colour__tag-label-Bg--inverse: var(--sd-colour-bg--08);
  --sd-colour__tag-label-Txt--inverse: hsla(214, 13%, 98%, 1);
  --sd-colour-avatar-bg: hsl(197, 100%, 30%);
  --sd-colour-avatar-border: var(--sd-colour-avatar-bg);
  --sd-colour-avatar-bg--light: hsla(214, 13%, 90%, 1);
  --sd-colour-avatar-bg--empty: hsl(212, 20%, 48%);
  --sd-colour-avatar-bg--empty-light: hsla(214, 13%, 90%, 1);
  --sd-colour-avatar-border--light: var(--sd-colour-line--medium);
  --sd-colour-avatar-border--light-hover: var(--sd-colour-line--strong);
  --sd-colour-avatar-dummy: hsla(214, 13%, 65%, 0.50);
  --sd-colour-avatar-add: hsla(214, 13%, 55%, 1);
  --sd-colour-avatar-add--hover: hsla(214, 13%, 45%, 1);
  --sd-colour-avatar-outline--offline: var(--sd-colour-line--light);
  --sd-colour-avatar-outline--online: var(--sd-colour-success);
  --sd-colour-state--default: var(--color-text-lighter);
  --sd-colour-state--unassigned: var(--color-text-lighter);
  --sd-colour-state--assigned: var(--color-text-lighter);
  --sd-colour-state--canceled: var(--color-text-lighter);
  --sd-colour-state--in-progress: var(--sd-colour-warning);
  --sd-colour-state--in-workflow: var(--sd-colour-info);
  --sd-colour-state--completed: var(--sd-colour-success);
  --sd-colour-state--done: var(--sd-colour-success);
  --sd-colour-coverage-state--default: var(--color-text-lighter);
  --sd-colour-coverage-state--on-merit: var(--sd-colour-warning);
  --sd-colour-coverage-state--not-covering: var(--sd-colour-alert);
  --collapse-box-button-color-bg-default: hsla(var(--sd-colour-cool-grey-l--85), 1);
  --collapse-box-button-color-bg-hover: hsla(var(--sd-colour-cool-grey-l--80), 1);
  --collapse-box-button-color-fg-default: var(--color-text);
  --collapse-box-button-color-fg-hover: var(--color-text); }

[data-theme="dark-ui"] {
  --sd-card-header-bg-color--secondary: hsla(214, 30%, 30%, 1);
  --sd-colour-interactive-hs:             160, 50%;
  --sd-colour-interactive-l--05:          var(--sd-colour-interactive-hs), 6%;
  --sd-colour-interactive-l--10:          var(--sd-colour-interactive-hs), 10%;
  --sd-colour-interactive-l--20:          var(--sd-colour-interactive-hs), 20%;
  --sd-colour-interactive-l--30:          var(--sd-colour-interactive-hs), 30%;
  --sd-colour-interactive-l--40:          var(--sd-colour-interactive-hs), 40%;
  --sd-colour-interactive-l--50:          var(--sd-colour-interactive-hs), 50%;
  --sd-colour-interactive-l--60:          var(--sd-colour-interactive-hs), 60%;
  --sd-colour-interactive-l--70:          var(--sd-colour-interactive-hs), 70%;
  --sd-colour-interactive-l--80:          var(--sd-colour-interactive-hs), 80%;
  --sd-colour-interactive-l--90:          var(--sd-colour-interactive-hs), 90%;
  --sd-colour-interactive-l--100:         var(--sd-colour-interactive-hs), 100%;
  --sd-colour-primary-hs:                 160, 50%;
  --sd-colour-primary-l--10:              var(--sd-colour-primary-hs), 10%;
  --sd-colour-primary-l--20:              var(--sd-colour-primary-hs), 20%;
  --sd-colour-primary-l--30:              var(--sd-colour-primary-hs), 30%;
  --sd-colour-primary-l--40:              var(--sd-colour-primary-hs), 40%;
  --sd-colour-primary-l--50:              var(--sd-colour-primary-hs), 50%;
  --sd-colour-primary-l--60:              var(--sd-colour-primary-hs), 60%;
  --sd-colour-primary-l--70:              var(--sd-colour-primary-hs), 70%;
  --sd-colour-primary-l--80:              var(--sd-colour-primary-hs), 80%;
  --sd-colour-primary-l--90:              var(--sd-colour-primary-hs), 90%;
  --sd-colour-primary-l--100:             var(--sd-colour-primary-hs), 100%;
  --sd-colour-interactive:                hsla(var(--sd-colour-interactive-l--50), 1);
  --sd-colour-interactive--hover:         hsla(var(--sd-colour-interactive-l--60), 1);
  --sd-colour-interactive--active:        hsla(var(--sd-colour-interactive-l--40), 1);
  --sd-colour-interactive-btn-border:     hsla(var(--sd-colour-interactive-l--50), 0.5);
  --sd-colour-primary:                    hsla(var(--sd-colour-primary-l--50), 1);
  --sd-colour-primary--hover:             hsla(var(--sd-colour-primary-l--60), 1);
  --sd-colour-primary--active:            hsla(var(--sd-colour-primary-l--40), 1);
  --sd-colour-interactive--alpha-10:      hsla(var(--sd-colour-interactive-l--50), 0.1);
  --sd-colour-interactive--alpha-20:      hsla(var(--sd-colour-interactive-l--50), 0.2);
  --sd-colour-interactive--alpha-30:      hsla(var(--sd-colour-interactive-l--50), 0.3);
  --sd-colour-interactive--alpha-40:      hsla(var(--sd-colour-interactive-l--50), 0.4);
  --sd-colour-interactive--alpha-50:      hsla(var(--sd-colour-interactive-l--50), 0.5);
  --sd-colour-interactive--alpha-60:      hsla(var(--sd-colour-interactive-l--50), 0.6);
  --sd-colour-interactive--alpha-70:      hsla(var(--sd-colour-interactive-l--50), 0.7);
  --sd-colour-interactive--alpha-80:      hsla(var(--sd-colour-interactive-l--50), 0.8);
  --sd-colour-interactive--alpha-90:      hsla(var(--sd-colour-interactive-l--50), 0.9);
  --sd-colour-interactive--lighten-10:    hsla(var(--sd-colour-interactive-l--60), 1);
  --sd-colour-interactive--lighten-20:    hsla(var(--sd-colour-interactive-l--70), 1);
  --sd-colour-interactive--lighten-30:    hsla(var(--sd-colour-interactive-l--80), 1);
  --sd-colour-interactive--lighten-40:    hsla(var(--sd-colour-interactive-l--90), 1);
  --sd-colour-interactive--darken-10:     hsla(var(--sd-colour-interactive-l--40), 1);
  --sd-colour-interactive--darken-20:     hsla(var(--sd-colour-interactive-l--30), 1);
  --sd-colour-interactive--darken-30:     hsla(var(--sd-colour-interactive-l--20), 1);
  --sd-colour-interactive--darken-40:     hsla(var(--sd-colour-interactive-l--10), 1);
  --sd-colour-interactive--darken-50:     hsla(var(--sd-colour-interactive-l--05), 1);
  --sd-colour-btn-txt-neutral:            hsla(var(--sd-colour-neutral-l--80), 1);
  --sd-colour--shadow-line:               hsla(var(--sd-colour-cool-grey-l--75), 0.2);
  --sd-colour--shadow-line--m:            hsla(var(--sd-colour-cool-grey-l--80), 0.2);
  --sd-colour-panel-bg--000:              hsla(var(--sd-colour-cool-grey-l--10), 1);
  --sd-colour-panel-bg--050:              hsla(var(--sd-colour-cool-grey-l--05), 1);
  --sd-colour-panel-bg--100:              hsla(var(--sd-colour-cool-grey-l--15), 1);
  --sd-colour-panel-bg--200:              hsla(var(--sd-colour-cool-grey-l--20), 1);
  --sd-colour-panel-bg--300:              hsla(var(--sd-colour-cool-grey-l--25), 1);
  --sd-colour-sidebar-menu--00:           hsla(var(--sd-colour-cool-grey-l--25), 1);
  --sd-colour-sidebar-menu--10:           hsla(var(--sd-colour-cool-grey-l--30), 1);
  --sd-colour-sidebar-menu--20:           hsla(var(--sd-colour-cool-grey-l--35), 1);
  --sd-colour-quickbar-menu:              hsla(var(--sd-colour-cool-grey-l--20), 1);
  --sd-colour-background__left-nav:       var(--sd-colour-bg--04);
  --sd-colour-top-menu:                   var(--sd-colour-bg--02);
  --sd-colour-top-menu__btn:              var(--sd-colour-bg--03);
  --sd-colour-line--x-light:              hsla(var(--sd-colour-cool-grey-l--70), 0.1);
  --sd-colour-line--light:                hsla(var(--sd-colour-cool-grey-l--70), 0.16);
  --sd-colour-line--medium:               hsla(var(--sd-colour-cool-grey-l--70), 0.2);
  --sd-colour-line--strong:               hsla(var(--sd-colour-cool-grey-l--70), 0.48);
  --sd-colour-bg-translucent--08:         hsla(var(--sd-colour-cool-grey-l--50), 0.3);
  --sd-colour-background__tooltip:        var(--sd-colour-bg--10);
  --sd-item__thumb-Bg:                    var(--sd-colour-bg--02);
  --sd-item__main-Bg:                     var(--sd-colour-bg--04);
  --sd-item__main-Bg--hover:              var(--sd-colour-bg--05);
  --sd-item__main-Bg--selected:           var(--sd-colour-interactive--darken-30);
  --sd-item__main-Bg--activated:          var(--sd-colour-interactive--darken-40);
  --sd-item__main-Bg--alternate:          var(--sd-colour-bg--04-a);
  --sd-colour-bg__grid-item--selected:    var(--sd-colour-bg--04);
  --sd-colour-bg__sliding-toolbar:        var(--sd-colour-interactive--darken-30);
  --sd-colour-bg__searchbar:              var(--sd-colour-bg--02);
  --sd-colour-overlay-actioning:          hsla(var(--sd-colour-cool-grey-l--15), 0.85);
  --color-dropdown-menu-Bg:               var(--sd-colour-bg--05);
  --color-modal-Bg:                       var(--sd-colour-bg--05);
  --sd-colour--shadow-line:               hsla(var(--sd-colour-cool-grey-l--70), 0.12);
  --sd-shadow__subnav:                    0 1px 0px var(--sd-colour--shadow-line), 0 1px 3px hsla(0, 0%, 0%, 0.14), 0 2px 0 0 hsla(0, 0%, 0%, 0.12);
  --sd-shadow__item--selected:            0 0 0 2px var(--sd-colour-interactive), 0 0 0 5px var(--sd-colour-interactive--alpha-30);
  --sd-shadow__item--unread:              0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 3px var(--sd-colour-interactive--alpha-20);
  --sd-shadow__item--selected-thin:       0 0 0 1px var(--sd-colour-interactive), inset 0 0 0 2px var(--sd-colour-interactive--alpha-30);
  --sd-colour__webkit-scrollbar--hover:       hsla(214, 13%, 30%, 0.24);
  --sd-colour__webkit-scrollbar-thumb:        hsla(214, 13%, 30%, 0.32);
  --sd-colour__webkit-scrollbar-thumb--hover: hsla(214, 13%, 34%, 0.48);
  --sd-colour__side-menu--hover:              var(--sd-colour-bg--02);
  --sd-colour__splitter:                      var(--sd-colour-bg--10);
  --sd-colour__dashboard-widget-Bg:           hsla(214, 13%, 18%, 1);
  --sd-colour__side-panel-border:             var(--sd-colour-bg--05);
  --sd-colour__tag-label-Bg--1:               hsla(var(--sd-colour-cool-grey-l--40), 0.3);
  --sd-colour__tag-label-Bg--2:               hsla(var(--sd-colour-cool-grey-l--55), 0.45);
  --sd-colour__tag-label-Bg--highlight-1:     var(--sd-colour-interactive--alpha-30);
  --sd-colour__tag-label-Bg--highlight-2:     var(--sd-colour-interactive--alpha-60);
  --sd-colour__tag-label-remove-Bg:           hsla(var(--sd-colour-cool-grey-l--10), 0.35);
  --sd-colour__tag-label-remove-Bg--hover:    hsla(var(--sd-colour-cool-grey-l--10), 0.75);
  --sd-colour-bg__button-nav-btn:             hsla(var(--sd-colour-cool-grey-l--40), 0);
  --sd-colour-bg__button-nav-btn--hover:      hsla(var(--sd-colour-cool-grey-l--40), 0.25);
  --sd-colour-bg__button-nav-btn--active:     hsla(var(--sd-colour-cool-grey-l--10), 0.5);
  --sd-colour-bg__desk-select: hsla(160, 50%, 50%, 0.20);
  --sd-colour-bg__desk-select--worspace: hsla(306, 25%, 49%, 0.28);
  --sd-colour__tag-label-Bg--inverse: hsla(214, 13%, 55%, 0.95);
  --sd-colour__tag-label-Txt--inverse: hsla(214, 13%, 10%, 1);
  --sd-colour-avatar-bg: hsl(197, 100%, 25%);
  --sd-colour-avatar-border: var(--sd-colour-avatar-bg);
  --sd-colour-avatar-bg--light: hsla(214, 13%, 20%, 1);
  --sd-colour-avatar-bg--empty: hsl(212, 20%, 38%);
  --sd-colour-avatar-bg--empty-light: hsla(214, 13%, 20%, 1);
  --sd-colour-avatar-border--light: var(--sd-colour-line--light);
  --sd-colour-avatar-border--light-hover: var(--sd-colour-line--medium);
  --sd-colour-avatar-dummy: hsla(214, 13%, 95%, 0.2);
  --sd-colour-avatar-add: hsla(214, 13%, 65%, 1);
  --sd-colour-avatar-add--hover: hsla(214, 13%, 90%, 1);
  --sd-colour-avatar-outline--offline: var(--sd-colour-line--medium);
  --sd-colour-avatar-outline--online: var(--sd-colour-success);
  --sd-colour-state--default: var(--color-text-lighter);
  --sd-colour-state--unassigned: var(--color-text-lighter);
  --sd-colour-state--assigned: var(--color-text-lighter);
  --sd-colour-state--canceled: var(--color-text-lighter);
  --collapse-box-button-color-bg-default: hsla(var(--sd-colour-cool-grey-l--25), 1);
  --collapse-box-button-color-bg-hover: hsla(var(--sd-colour-cool-grey-l--30), 1);
  --collapse-box-button-color-fg-default: var(--color-text-light);
  --collapse-box-button-color-fg-hover: var(--color-text); }

[data-theme="accessible-light-ui"],
[data-theme="contrast-light-ui"] {
  --sd-colour-interactive-hs:             241, 100%;
  --sd-colour-interactive-l--05:          var(--sd-colour-interactive-hs), 6%;
  --sd-colour-interactive-l--10:          var(--sd-colour-interactive-hs), 10%;
  --sd-colour-interactive-l--20:          var(--sd-colour-interactive-hs), 20%;
  --sd-colour-interactive-l--30:          var(--sd-colour-interactive-hs), 30%;
  --sd-colour-interactive-l--40:          var(--sd-colour-interactive-hs), 40%;
  --sd-colour-interactive-l--50:          var(--sd-colour-interactive-hs), 50%;
  --sd-colour-interactive-l--60:          var(--sd-colour-interactive-hs), 60%;
  --sd-colour-interactive-l--70:          var(--sd-colour-interactive-hs), 70%;
  --sd-colour-interactive-l--80:          var(--sd-colour-interactive-hs), 80%;
  --sd-colour-interactive-l--90:          var(--sd-colour-interactive-hs), 90%;
  --sd-colour-interactive-l--100:         var(--sd-colour-interactive-hs), 100%;
  --sd-colour-interactive--alpha-10:      hsla(var(--sd-colour-interactive-l--50), 0.1);
  --sd-colour-interactive--alpha-20:      hsla(var(--sd-colour-interactive-l--50), 0.2);
  --sd-colour-interactive--alpha-30:      hsla(var(--sd-colour-interactive-l--50), 0.3);
  --sd-colour-interactive--alpha-40:      hsla(var(--sd-colour-interactive-l--50), 0.4);
  --sd-colour-interactive--alpha-50:      hsla(var(--sd-colour-interactive-l--50), 0.5);
  --sd-colour-interactive--alpha-60:      hsla(var(--sd-colour-interactive-l--50), 0.6);
  --sd-colour-interactive--alpha-70:      hsla(var(--sd-colour-interactive-l--50), 0.7);
  --sd-colour-interactive--alpha-80:      hsla(var(--sd-colour-interactive-l--50), 0.8);
  --sd-colour-interactive--alpha-90:      hsla(var(--sd-colour-interactive-l--50), 0.9);
  --sd-colour-interactive--lighten-10:    hsla(var(--sd-colour-neutral-l--60), 1);
  --sd-colour-interactive--lighten-20:    hsla(var(--sd-colour-neutral-l--70), 1);
  --sd-colour-interactive--lighten-30:    hsla(var(--sd-colour-neutral-l--80), 1);
  --sd-colour-interactive--lighten-40:    hsla(var(--sd-colour-neutral-l--90), 1);
  --sd-colour-interactive--darken-10:    hsla(var(--sd-colour-neutral-l--40), 1);
  --sd-colour-interactive--darken-20:    hsla(var(--sd-colour-neutral-l--30), 1);
  --sd-colour-interactive--darken-30:    hsla(var(--sd-colour-neutral-l--20), 1);
  --sd-colour-interactive--darken-40:    hsla(var(--sd-colour-neutral-l--10), 1);
  --sd-colour-interactive--darken-50:    hsla(var(--sd-colour-neutral-l--05), 1);
  --sd-colour-interactive:                hsla(var(--sd-colour-interactive-l--50), 1);
  --sd-colour-interactive--hover:         hsla(var(--sd-colour-interactive-l--60), 1);
  --sd-colour-interactive--active:        hsla(var(--sd-colour-interactive-l--40), 1);
  --sd-colour-interactive-btn-border:     hsla(var(--sd-colour-interactive-l--50), 0.5); }

:root,
[data-theme="light-ui"] {
  --sd-card-header-bg-color--normal:      hsla(214, 20%, 42%, 1);
  --sd-card-header-bg-color--secondary:   hsla(214, 30%, 20%, 1);
  --sd-card-header-bg-color--inactive:    hsla(214, 13%, 74%, 1);
  --sd-card-header-bg-color--active:      hsla(214, 40%, 50%, 1);
  --sd-card-header-bg-color--light:       var(--sd-colour-panel-bg--300);
  --sd-card-header-bg-color--gradient-1:  linear-gradient(180deg, rgba(96,184,194,1) 2%, rgba(30,176,108,1) 90%);
  --sd-colour-test-1:                   hsl(308 71% 40% / 50%);
  --sd-colour-test-2:                   hsl(9 59% 49% / 0.5);
  --sd-colour-background__main-list:    hsla(0, 0%, 97%, 1);
  --sd-colour-background__base--00:     hsla(0, 0%, 100%, 1);
  --sd-colour-background__base--10:     hsla(0, 0%, 90%, 1);
  --sd-colour-background__base--20:     hsla(0, 0%, 80%, 1);
  --sd-colour-background__base--30:     hsla(0, 0%, 70%, 1);
  --color-text:                         hsla(214, 13%, 20%, 1);
  --color-text-light:                   hsla(214, 13%, 40%, 1);
  --color-text-muted:                   hsla(214, 13%, 40%, 1);
  --color-text-lighter:                 hsla(214, 13%, 60%, 1);
  --color-text-subdued:                 hsla(214, 13%, 60%, 1);
  --color-text--inverse:                hsla(214, 13%, 98%, 1);
  --color-icon-default:                 hsla(214, 13%, 30%, 1);
  --sd-slugline-color:                  hsla(197, 100%, 15%, 1) !important;
  --sd-time-schedule-color:             hsla(268, 100%, 25%, 1);
  --sd-navy-color:                      hsla(240, 100%, 25%, 1);
  --color-input-bg:                     hsla(214, 13%, 50%, 0.1);
  --color-input-bg--hover:              hsla(214, 13%, 50%, 0.16);
  --color-input-bg--focus:              var(--sd-colour-interactive--alpha-20);
  --color-label-text:                   hsla(214, 13%, 45%, 1) !important;
  --color-input-border:                 hsla(214, 13%, 10%, 0.2);
  --color-input-border-hover:           hsla(214, 13%, 10%, 0.35);
  --color-form-bg:                      hsla(0, 0%, 100%, 0);
  --color-checkbox-border:              hsla(0, 0%, 0%, 0.2);
  --color-checkbox-border-hover:        hsla(0, 0%, 0%, 0.4);
  --color-selected-bg:                  hsla(196, 35%, 94%, 1);
  --color-selected-bg--hover:           hsla(196, 35%, 93%, 1);
  --color-bg-00:                        hsla(0, 0%, 100%, 1);
  --color-bg-50:                        hsla(0, 0%, 97%, 1);
  --color-bg-100:                       hsla(0, 0%, 93%, 1);
  --color-bg-150:                       hsla(0, 0%, 87%, 1);
  --color-bg-200:                       hsla(0, 0%, 63%, 1);
  --color-bg-800:                       hsla(0, 0%, 17%, 1);
  --color-kanban-border:                hsla(0, 0%, 30%, 1);
  --color-inset-search-bg:              hsla(0, 0%, 100%, 1);
  --color-inset-search-border:          hsla(0, 0%, 0%, 0.2);
  --color-inset-search-border-hover:    hsla(0, 0%, 0%, 0.35);
  --color-assignment-to-do:             hsla(4, 89%, 41%, 1);
  --color-assignment-progress:          hsla(36, 100%, 41%, 1);
  --color-assignment-completed:         hsla(88, 50%, 44%, 1);
  --color-grid-item-Bg:                 hsla(0, 0%, 100%, 1);
  --color-dropdown-menu-text:           hsla(0, 0%, 20%, 1);
  --color-navbutton-dropdown-open-bg:   hsla(0, 0%, 100%);
  --color-border-line--light:           hsla(0, 0%, 90%, 1);
  --color-border-line--medium:          hsla(0, 0%, 80%, 1);
  --color-subnav-bg--00:                hsla(214, 13%, 96%, 1);
  --color-subnav-bg--10:                hsla(214, 13%, 87%, 1);
  --color-subnav-bg--blueGrey-00:       hsla(200, 34%, 30%, 1);
  --color-subnav-bg--blueGrey-10:       hsla(200, 34%, 24%, 1);
  --color-navbutton-bg-hover:           hsla(214, 13%, 10%, 0.05);
  --color-navbutton-bg-active:          hsla(214, 13%, 100%, 1);
  --color-navbutton-bg-100:             hsla(214, 13%, 10%, 0.06);
  --color-navbutton-bg-100-hover:       hsla(214, 13%, 10%, 0.12);
  --color-navbutton-bg-dark:            hsla(214, 13%, 55%, 1);
  --color-navbutton-bg-dark-hover:      hsla(214, 13%, 60%, 1);
  --color-navbutton-shadow-active:      hsla(214, 13%, 5%, 0.12); }

[data-theme="dark-ui"],
.dark-ui {
  --sd-colour-background__main-list:    hsla(214, 13%, 14%, 1);
  --sd-colour-background__base--00:     hsla(0, 0%, 0%, 1);
  --sd-colour-background__base--10:     hsla(0, 0%, 10%, 1);
  --sd-colour-background__base--20:     hsla(0, 0%, 20%, 1);
  --sd-colour-background__base--30:     hsla(0, 0%, 30%, 1);
  --color-text:                         hsla(0, 0%, 96%, 1);
  --color-text-light:                   hsla(214, 13%, 76%, 1);
  --color-text-muted:                   hsla(214, 13%, 76%, 1);
  --color-text-lighter:                 hsla(214, 13%, 56%, 1);
  --color-text-subdued:                 hsla(214, 13%, 56%, 1);
  --color-text--inverse:                hsla(214, 13%, 20%, 1);
  --color-icon-default:                 hsla(214, 13%, 90%, 1);
  --sd-slugline-color:                  hsla(197, 60%, 75%, 1) !important;
  --sd-time-schedule-color:             hsla(268, 60%, 65%, 1);
  --sd-navy-color:                      hsla(240, 90%, 75%, 1);
  --color-label-text:                   hsla(214, 13%, 80%, 1) !important;
  --color-input-bg:                     hsla(214, 13%, 80%, 0.08);
  --color-input-bg--hover:              hsla(214, 13%, 70%, 0.12);
  --color-input-bg--focus:              var(--sd-colour-interactive--alpha-20);
  --color-input-border:                 hsla(214, 13%, 80%, 0.2);
  --color-input-border-hover:           hsla(214, 13%, 80%, 0.5);
  --color-form-bg:                      hsla(0, 0%, 23%, 1);
  --color-checkbox-border:              hsla(0, 0%, 100%, 0.2);
  --color-checkbox-border-hover:        hsla(0, 0%, 100%, 0.4);
  --color-selected-bg:                  hsla(200, 5%, 22%, 1);
  --color-selected-bg--hover:           hsla(202, 9%, 25%, 1);
  --color-bg-00:                        hsla(0, 0%, 7%, 1);
  --color-bg-50:                        hsla(0, 0%, 25%, 1);
  --color-bg-100:                       hsla(0, 0%, 23%, 1);
  --color-bg-150:                       hsla(0, 0%, 19%, 1);
  --color-bg-200:                       hsla(0, 0%, 28%, 1);
  --color-bg-800:                       hsla(0, 0%, 13%, 1);
  --color-kanban-border:                hsla(0, 0%, 56%, 1);
  --color-inset-search-bg:              hsla(0, 0%, 0%, 0.2);
  --color-inset-search-border:          hsla(0, 0%, 100%, 0.35);
  --color-inset-search-border-hover:    hsla(0, 0%, 100%, 0.55);
  --color-grid-item-Bg:                 hsla(0, 0%, 20%, 1);
  --color-dropdown-menu-text:           hsla(0, 0%, 90%, 1);
  --color-navbutton-dropdown-open-bg:   hsla(0, 0%, 16%, 1);
  --color-border-line--light:           hsla(0, 0%, 100%, 0.1);
  --color-border-line--medium:          hsla(0, 0%, 100%, 0.2);
  --color-subnav-bg--00:                hsla(0, 0%, 16%, 1);
  --color-subnav-bg--10:                hsla(0, 0%, 32%, 1);
  --color-subnav-bg--blueGrey-00:       hsla(200, 34%, 30%, 1);
  --color-subnav-bg--blueGrey-10:       hsla(200, 34%, 24%, 1);
  --color-navbutton-bg-hover:           hsla(0, 0%, 0%, 0.1);
  --color-navbutton-bg-active:          hsla(0, 0%, 100%, 0.08);
  --color-navbutton-bg-100:             hsla(0, 0%, 0%, 0.1);
  --color-navbutton-bg-100-hover:       hsla(0, 0%, 0%, 0.2);
  --color-navbutton-bg-dark:            hsla(214, 13%, 30%, 1);
  --color-navbutton-bg-dark-hover:      hsla(214, 13%, 35%, 1);
  --color-navbutton-shadow-active:      hsla(214, 13%, 96%, 0.12); }

[data-theme="dark-ui"] [class^="big-icon--"],
[data-theme="dark-ui"] [class*=" big-icon--"], .dark-ui [class^="big-icon--"],
.dark-ui [class*=" big-icon--"] {
  color: var(--color-text); }

.colour-test--1 {
  background-color: var(--sd-colour-test-1); }

.colour-test--2 {
  background-color: var(--sd-colour-test-2); }

:root,
[data-theme="dark-ui"],
[data-theme="accessible-light-ui"],
[data-theme="contrast-light-ui"] {
  --drag-handle-boxed-color-bg-normal: var(--sd-colour-line--medium);
  --drag-handle-boxed-color-bg-hover: var(--sd-colour-line--strong);
  --drag-handle-boxed-color-bg-active: var(--sd-colour-interactive);
  --drag-handle-boxed-radius: var(--b-radius--medium) 0 0 var(--b-radius--medium);
  --drag-handle-boxed-padding: var(--space--1); }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

/**
 * SD Reboot
 */
* {
  box-sizing: border-box;
  text-align: start; }

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

:focus,
select:focus,
select:active {
  outline: none; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8rem; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  border-radius: 0; }

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

button {
  border: 0;
  background: transparent;
  cursor: pointer; }

button {
  color: inherit; }

.fade.ng-hide {
  opacity: 0; }

.fade.ng-hide-remove,
.fade.ng-hide-add {
  display: block !important; }

.fade.ng-hide-remove {
  transition: all linear 200ms; }

.fade.ng-hide-add {
  position: absolute;
  transition: all linear 300ms; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-4.8rem); }
  100% {
    transform: translateY(0); } }

.sd-card__thumbnail {
  transition: all 0.2s ease-in;
  height: 20rem; }

.sd-card__thumbnail.ng-hide {
  opacity: 0;
  height: 0.1rem !important; }

@keyframes appear {
  from {
    display: none;
    opacity: 0; }
  to {
    display: flex;
    opacity: 1; } }

@keyframes vanish {
  from {
    display: flex;
    opacity: 1; }
  to {
    display: none;
    opacity: 0; } }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }

.sliding-toolbar--right {
  text-align: end;
  justify-content: flex-end; }

.sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem; }

.sliding-toolbar .sliding-toolbar__inner--right {
  text-align: end; }

.sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 400;
  opacity: 0.75;
  font-size: 1.4rem; }

.sliding-toolbar--static {
  position: static;
  animation: none; }

.pull-left {
  float: inline-start; }

.pull-right {
  float: inline-end; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-border {
  border: 0 !important; }

.no-line-height {
  line-height: 0 !important; }

.cursor-pointer {
  cursor: pointer; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

.sd-heading-3 {
  font-size: 1.6rem;
  margin-block-end: 1.6rem; }

p strong {
  font-weight: 500; }

time {
  color: var(--color-text-light);
  font-weight: 400;
  letter-spacing: .025em; }

time.small {
  font-size: calc(100% - 0.1rem); }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

.sd-heading {
  margin: 0; }

.sd-heading--h1 {
  font-size: calc(var(--text-size--base) * 2.4);
  font-weight: 400; }

.sd-heading--h2 {
  font-size: calc(var(--text-size--base) * 2);
  font-weight: 500; }

.sd-heading--h3 {
  font-size: calc(var(--text-size--base) * 1.6);
  font-weight: 400; }

.sd-heading--h4 {
  font-size: calc(var(--text-size--base) * 1.5);
  font-weight: 500; }

.sd-heading--h5 {
  font-size: calc(var(--text-size--base) * 1.4);
  font-weight: 500; }

.sd-heading--h6 {
  font-size: calc(var(--text-size--base) * 1.2);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-text-light);
  letter-spacing: 0.06em; }

.sd-text {
  font-size: 1.4rem;
  line-height: 1.4; }

.sd-time {
  font-size: 1.2rem;
  display: inline-block;
  color: var(--color-text-light);
  letter-spacing: 0.025em; }

.sd-text__slugline {
  color: var(--sd-slugline-color);
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-inline-end: 1rem; }

.sd-text__title {
  color: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4; }

.sd-text__date-time {
  color: var(--color-text-light);
  font-weight: 400;
  letter-spacing: .025em; }

.sd-text__date-time--small {
  font-size: 1.2rem; }

.sd-text__date-and-author {
  font-size: 1.3rem; }

.sd-text__author {
  font-weight: 500; }

.sd-text__info {
  font-weight: 300;
  color: var(--color-text-light); }

.sd-text-icon {
  display: inline-flex; }

.sd-text-icon i {
  margin-inline-end: 0.3rem; }

.sd-text-icon + .sd-text-icon {
  margin-inline-end: 1rem; }

.sd-text-icon.sd-text-icon--aligned-r + .sd-text-icon.sd-text-icon--aligned-r {
  margin-inline-end: 0;
  margin-inline-start: 1rem; }

.sd-padding-all--0 {
  padding: 0 !important; }

.sd-padding-all--0-5 {
  padding: 0.4rem !important; }

.sd-padding-all--1 {
  padding: 0.8rem !important; }

.sd-padding-all--1-5 {
  padding: 1.2rem !important; }

.sd-padding-all--2 {
  padding: 1.6rem !important; }

.sd-padding-all--3 {
  padding: 2.4rem !important; }

.sd-margin-all--0 {
  margin: 0 !important; }

.sd-margin-all--0-5 {
  margin: 0.4rem !important; }

.sd-margin-all--1 {
  margin: 0.8rem !important; }

.sd-margin-all--1-5 {
  margin: 1.2rem !important; }

.sd-margin-all--2 {
  margin: 1.6rem !important; }

.sd-margin-all--3 {
  margin: 2.4rem !important; }

.sd-wrap-helper {
  display: contents !important; }

.sd-accessibility__btn-text--invisible,
.sd-accessibility__screenreader-text {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  font-size: 0.1rem;
  color: transparent !important;
  pointer-events: none; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.sd-d-none {
  display: none !important; }

.sd-d-inline {
  display: inline !important; }

.sd-d-inline-block {
  display: inline-block !important; }

.sd-d-block {
  display: block !important; }

.sd-d-flex {
  display: flex !important; }

.sd-d-inline-flex {
  display: inline-flex !important; }

.sd-display-flex-column {
  display: flex;
  flex-direction: column;
  overflow: auto; }

.sd-flex-wrap {
  flex-wrap: wrap; }

.sd-flex-shrink {
  flex-shrink: 1 !important; }

.sd-flex-no-shrink {
  flex-shrink: 0 !important; }

.sd-flex-justify-end {
  justify-content: flex-end !important; }

.sd-flex-justify-center {
  justify-content: center !important; }

.sd-flex-justify-space-between {
  justify-content: space-between !important; }

.sd-flex-align-items-center {
  align-items: center !important; }

.sd-flex-grow {
  flex-grow: 1 !important; }

.sd-flex-no-grow {
  flex-grow: 0 !important; }

.sd-no-wrap {
  white-space: nowrap; }

.sd-text__serif,
.sd-text--serif {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; }

.sd-text--sans {
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

.sd-text--mono {
  font-family: "Roboto Mono", "Consolas", "monaco", monospace; }

.sd-whitespace--normal,
.whitespace-normal {
  white-space: normal; }

.sd-whitespace--nowrap,
.whitespace-nowrap {
  white-space: nowrap; }

.sd-whitespace--pre,
.whitespace-pre {
  white-space: pre; }

.sd-whitespace--pre-line,
.whitespace-pre-line {
  white-space: pre-line; }

.sd-whitespace--pre-wrap,
.whitespace-pre-wrap {
  white-space: pre-wrap; }

.whitespace-break-spaces {
  white-space: break-spaces; }

.sd-panel-bg--100 {
  background-color: var(--sd-colour-panel-bg--100); }

.sd-panel-bg--000 {
  background-color: var(--sd-item__main-Bg); }

.sd-panel-bg--gradient-1 {
  background-color: var(--sd-item__main-Bg);
  background: linear-gradient(180deg, var(--sd-colour-interactive--alpha-20) 0%, var(--sd-item__main-Bg) 40%); }

.sd-state--focus:focus-within,
.sd-state--active {
  box-shadow: var(--sd-shadow__item--selected) !important;
  transition: box-shadow 0.3s ease, filter 0.3s ease; }

.sd-width--xxx-small {
  width: var(--width__container--xxx-small) !important; }

.sd-width--xx-small {
  width: var(--width__container--xx-small); }

.sd-width--x-small {
  width: var(--width__container--x-small); }

.sd-width--small {
  width: var(--width__container--small); }

.sd-width--medium {
  width: var(--width__container--medium); }

.sd-width--large {
  width: var(--width__container--large); }

.sd-width--x-large {
  width: var(--width__container--x-large); }

.sd-width--xx-large {
  width: var(--width__container--xx-large); }

.sd-width--xxx-large {
  width: var(--width__container--xxx-large); }

.sd-width--full {
  width: var(--width__container--full); }

.sd-gap--x-small {
  gap: var(--gap--x-small); }

.sd-gap--small {
  gap: var(--gap--small); }

.sd-gap--medium {
  gap: var(--gap--medium); }

.sd-gap--large {
  gap: var(--gap--large); }

.sd-gap--x-large {
  gap: var(--gap--x-large); }

.sd-gap--xx-large {
  gap: var(--gap--xx-large); }

.sd-gap--auto {
  gap: var(--gap--auto); }

.max-h-5 {
  max-height: calc(5 * var(--base-increment)) !important; }

.max-h-6 {
  max-height: calc(6 * var(--base-increment)) !important; }

.max-h-8 {
  max-height: calc(8 * var(--base-increment)) !important; }

.max-h-10 {
  max-height: calc(10 * var(--base-increment)) !important; }

.max-h-15 {
  max-height: calc(15 * var(--base-increment)) !important; }

.max-h-20 {
  max-height: calc(20 * var(--base-increment)) !important; }

.max-h-25 {
  max-height: calc(25 * var(--base-increment)) !important; }

.max-h-30 {
  max-height: calc(30 * var(--base-increment)) !important; }

.max-h-full {
  max-height: 100%; }

.max-h-screen {
  max-height: 100svh; }

.sd-empty:empty,
.empty-hidden:empty {
  display: none !important; }

.sd-display--block,
.d-block {
  display: block !important; }

.sd-display--inline-block,
.d-inline-block {
  display: inline-block !important; }

.sd-display--inline,
.d-inline {
  display: inline !important; }

.sd-display--flex,
.d-flex {
  display: flex !important; }

.sd-display--inline-flex,
.d-inline-flex {
  display: inline-flex !important; }

.d-grid {
  display: grid !important; }

.d-inline-grid {
  display: grid !important; }

.sd-display--contents,
.d-contents {
  display: contents !important; }

.sd-display--none,
.d-none {
  display: none !important; }

.d-flow-root {
  display: flow-root !important; }

.d-list-item {
  display: list-item !important; }

.sd-display--table,
.d-table {
  display: table; }

.d-inline-table {
  display: table; }

.sd-display--table-caption,
.d-table-caption {
  display: table-caption; }

.sd-display--table-cell,
.d-table-cell {
  display: table-cell; }

.sd-display--table-column,
.d-table-column {
  display: table-column; }

.sd-display--table-column-group,
.d-table-column-group {
  display: table-column-group; }

.sd-display--table-footer-group,
.d-table-footer-group {
  display: table-footer-group; }

.sd-display--table-header-group,
.d-table-header-group {
  display: table-header-group; }

.sd-display--table-row,
.d-table-row {
  display: table-row; }

.sd-display--table-row-group,
.d-table-row-group {
  display: table-row-group; }

.sd-flex--direction-row,
.flex-row {
  flex-direction: row !important; }

.sd-flex--direction-col,
.flex-col {
  flex-direction: column !important; }

.sd-flex--direction-row-reverse,
.flex-row-reverse {
  flex-direction: row-reverse !important; }

.sd-flex--direction-col-reverse,
.flex-col-reverse {
  flex-direction: column-reverse !important; }

.sd-flex--wrap,
.flex-wrap {
  flex-wrap: wrap; }

.sd-flex--wrap-reverse,
.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.sd-flex--nowrap,
.flex-nowrap {
  flex-wrap: nowrap; }

.sd-flex--flex-1,
.flex-1 {
  flex: 1 1 0%; }

.sd-flex--flex-auto,
.flex-auto {
  flex: 1 1 auto; }

.sd-flex--flex-initial,
.flex-initial {
  flex: 0 1 auto; }

.sd-flex--flex-none,
.flex-none {
  flex: none; }

.sd-flex--grow,
.flex-grow {
  flex-grow: 1 !important; }

.sd-flex--grow-0,
.flex-grow-0 {
  flex-grow: 0 !important; }

.sd-flex--shrink,
.flex-shrink {
  flex-shrink: 1 !important; }

.sd-flex--shrink-0,
.flex-shrink-0 {
  flex-shrink: 0 !important; }

.sd-flex--justify-start,
.justify-start {
  justify-content: flex-start !important; }

.sd-flex--justify-end,
.justify-end {
  justify-content: flex-end !important; }

.sd-flex--justify-center,
.justify-center {
  justify-content: center !important; }

.sd-flex--justify-between,
.justify-between {
  justify-content: space-between !important; }

.sd-flex--justify-around,
.justify-around {
  justify-content: space-around !important; }

.sd-flex--justify-evenly,
.justify-evenly {
  justify-content: space-evenly !important; }

.justify-normal {
  justify-content: normal !important; }

.justify-stretch {
  justify-content: stretch !important; }

.sd-flex--items-start,
.items-start {
  align-items: flex-start !important; }

.sd-flex--items-end,
.items-end {
  align-items: flex-end !important; }

.sd-flex--items-center,
.items-center {
  align-items: center !important; }

.sd-flex--items-baseline,
.items-baseline {
  align-items: baseline !important; }

.sd-flex--items-stretch,
.items-stretch {
  align-items: stretch !important; }

.justify-items-start {
  justify-items: start; }

.justify-items-end {
  justify-items: end; }

.justify-items-center {
  justify-items: center; }

.justify-items-stretch {
  justify-items: stretch; }

.content-normal {
  align-content: normal; }

.content-center {
  align-content: center; }

.content-start {
  align-content: start; }

.content-end {
  align-content: end; }

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-evenly {
  align-content: space-evenly; }

.content-baseline {
  align-content: baseline; }

.content-stretch {
  align-content: stretch; }

.self-auto {
  align-self: auto; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

.self-center {
  align-self: center; }

.self-stretch {
  align-self: stretch; }

.self-baseline {
  align-self: baseline; }

.justify-self-auto {
  justify-self: auto; }

.justify-self-start {
  justify-self: start; }

.justify-self-end {
  justify-self: end; }

.justify-self-center {
  justify-self: center; }

.justify-self-stretch {
  justify-self: stretch; }

.place-content-center {
  place-content: center; }

.place-content-start {
  place-content: start; }

.place-content-end {
  place-content: end; }

.place-content-between {
  place-content: space-between; }

.place-content-around {
  place-content: space-around; }

.place-content-evenly {
  place-content: space-evenly; }

.place-content-baseline {
  place-content: baseline; }

.place-content-stretch {
  place-content: stretch; }

.place-items-start {
  place-items: start; }

.place-items-end {
  place-items: end; }

.place-items-center {
  place-items: center; }

.place-items-baseline {
  place-items: baseline; }

.place-items-stretch {
  place-items: stretch; }

.place-self-auto {
  place-self: auto; }

.place-self-start {
  place-self: start; }

.place-self-end {
  place-self: end; }

.place-self-center {
  place-self: center; }

.place-self-stretch {
  place-self: stretch; }

.sd-position--static,
.p-static {
  position: static; }

.sd-position--fixed,
.p-fixed {
  position: fixed; }

.sd-position--relative,
.p-relative {
  position: relative; }

.sd-position--absolute,
.p-absolute {
  position: absolute; }

.sd-position--sticky,
.p-sticky {
  position: sticky; }

.sd-overflow--auto,
.overflow-auto {
  overflow: auto !important; }

.sd-overflow--hidden,
.overflow-hidden {
  overflow: hidden !important; }

.sd-overflow--visible,
.overflow-visible {
  overflow: visible !important; }

.sd-overflow--scroll,
.overflow-scroll {
  overflow: scroll !important; }

.sd-overflow--x-auto,
.overflow-x-auto {
  overflow-x: auto !important; }

.sd-overflow--y-auto,
.overflow-y-auto {
  overflow-y: auto !important; }

.sd-overflow--x-hidden,
.overflow-x-hidden {
  overflow-x: hidden !important; }

.sd-overflow--y-hidden,
.overflow-y-hidden {
  overflow-y: hidden !important; }

.sd-overflow--x-visible,
.overflow-x-visible {
  overflow-x: visible !important; }

.sd-overflow--y-visible,
.overflow-y-visible {
  overflow-y: visible !important; }

.sd-overflow--x-scroll,
.overflow-x-scroll {
  overflow-x: scroll !important; }

.sd-overflow--y-scroll,
.overflow-y-scroll {
  overflow-y: scroll !important; }

.overflow-clip {
  overflow: clip !important; }

.overflow-x-clip {
  overflow-x: clip !important; }

.overflow-y-clip {
  overflow-y: clip !important; }

.sd-shadow--z1 {
  box-shadow: var(--sd-shadow--z1); }

.sd-shadow--z2 {
  box-shadow: var(--sd-shadow--z2); }

.sd-shadow--z3 {
  box-shadow: var(--sd-shadow--z3); }

.sd-shadow--z4 {
  box-shadow: var(--sd-shadow--z4); }

.sd-shadow--none {
  box-shadow: none; }

.sd-drop-shadow--z1 {
  filter: var(--sd-drop-shadow--z1); }

.sd-drop-shadow--z2 {
  filter: var(--sd-drop-shadow--z2); }

.sd-drop-shadow--z3 {
  filter: var(--sd-drop-shadow--z3); }

.sd-drop-shadow--z4 {
  filter: var(--sd-drop-shadow--z4); }

.m-auto,
.sd-margin--auto {
  margin: auto !important; }

.ml-auto,
.ms-auto,
.sd-margin-l--auto,
.sd-margin-s--auto {
  margin-inline-start: auto !important; }

.mr-auto,
.me-auto,
.sd-margin-r--auto,
.sd-margin-e--auto {
  margin-inline-end: auto !important; }

.mt-auto,
.sd-margin-t--auto {
  margin-block-start: auto !important; }

.mb-auto,
.sd-margin-b--auto {
  margin-block-end: auto !important; }

.mlr-auto,
.mx-auto,
.sd-margin-x--auto {
  margin-inline-start: auto !important;
  margin-inline-end: auto !important; }

.my-auto,
.sd-margin-y--auto {
  margin-block-start: auto !important;
  margin-block-end: auto !important; }

.m-0,
.sd-margin--0 {
  margin: 0 !important; }

.m-0-5,
.sd-margin--0-5 {
  margin: calc(0.5 * var(--base-increment)) !important; }

.m-1,
.sd-margin--1 {
  margin: calc(1 * var(--base-increment)) !important; }

.m-1-5,
.sd-margin--1-5 {
  margin: calc(1.5 * var(--base-increment)) !important; }

.m-2,
.sd-margin--2 {
  margin: calc(2 * var(--base-increment)) !important; }

.m-3,
.sd-margin--3 {
  margin: calc(3 * var(--base-increment)) !important; }

.m-4,
.sd-margin--4 {
  margin: calc(4 * var(--base-increment)) !important; }

.m-5,
.sd-margin--5 {
  margin: calc(5 * var(--base-increment)) !important; }

.ms-0,
.sd-margin-l--0 {
  margin-inline-start: 0 !important; }

.ms-0-5,
.sd-margin-l--0-5 {
  margin-inline-start: calc(0.5 * var(--base-increment)) !important; }

.ms-1,
.sd-margin-l--1 {
  margin-inline-start: calc(1 * var(--base-increment)) !important; }

.ms-1-5,
.sd-margin-l--1-5 {
  margin-inline-start: calc(1.5 * var(--base-increment)) !important; }

.ms-2,
.sd-margin-l--2 {
  margin-inline-start: calc(2 * var(--base-increment)) !important; }

.ms-3,
.sd-margin-l--3 {
  margin-inline-start: calc(3 * var(--base-increment)) !important; }

.ms-4,
.sd-margin-l--4 {
  margin-inline-start: calc(4 * var(--base-increment)) !important; }

.ms-5,
.sd-margin-l--5 {
  margin-inline-start: calc(5 * var(--base-increment)) !important; }

.me-0,
.sd-margin-r--0 {
  margin-inline-end: 0 !important; }

.me-0-5,
.sd-margin-r--0-5 {
  margin-inline-end: calc(0.5 * var(--base-increment)) !important; }

.me-1,
.sd-margin-r--1 {
  margin-inline-end: calc(1 * var(--base-increment)) !important; }

.me-1-5,
.sd-margin-r--1-5 {
  margin-inline-end: calc(1.5 * var(--base-increment)) !important; }

.me-2,
.sd-margin-r--2 {
  margin-inline-end: calc(2 * var(--base-increment)) !important; }

.me-3,
.sd-margin-r--3 {
  margin-inline-end: calc(3 * var(--base-increment)) !important; }

.me-4,
.sd-margin-r--4 {
  margin-inline-end: calc(4 * var(--base-increment)) !important; }

.me-5,
.sd-margin-r--5 {
  margin-inline-end: calc(5 * var(--base-increment)) !important; }

.mx-0,
.sd-margin-x--0 {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important; }

.mx-0-5,
.sd-margin-r--0-5 {
  margin-inline-start: calc(0.5 * var(--base-increment)) !important;
  margin-inline-end: calc(0.5 * var(--base-increment)) !important; }

.mx-1,
.sd-margin-x--1 {
  margin-inline-start: calc(1 * var(--base-increment)) !important;
  margin-inline-end: calc(1 * var(--base-increment)) !important; }

.mx-1-5,
.sd-margin-x--1-5 {
  margin-inline-start: calc(1.5 * var(--base-increment)) !important;
  margin-inline-end: calc(1.5 * var(--base-increment)) !important; }

.mx-2,
.sd-margin-x--2 {
  margin-inline-start: calc(2 * var(--base-increment)) !important;
  margin-inline-end: calc(2 * var(--base-increment)) !important; }

.mx-3,
.sd-margin-x--3 {
  margin-inline-start: calc(3 * var(--base-increment)) !important;
  margin-inline-end: calc(3 * var(--base-increment)) !important; }

.mx-4,
.sd-margin-x--4 {
  margin-inline-start: calc(4 * var(--base-increment)) !important;
  margin-inline-end: calc(4 * var(--base-increment)) !important; }

.mx-5,
.sd-margin-x--5 {
  margin-inline-start: calc(5 * var(--base-increment)) !important;
  margin-inline-end: calc(5 * var(--base-increment)) !important; }

.mt-0,
.sd-margin-t--0 {
  margin-block-start: 0 !important; }

.mt-0-5,
.sd-margin-t--0-5 {
  margin-block-start: calc(0.5 * var(--base-increment)) !important; }

.mt-1,
.sd-margin-t--1 {
  margin-block-start: calc(1 * var(--base-increment)) !important; }

.mt-1-5,
.sd-margin-t--1-5 {
  margin-block-start: calc(1.5 * var(--base-increment)) !important; }

.mt-2,
.sd-margin-t--2 {
  margin-block-start: calc(2 * var(--base-increment)) !important; }

.mt-3,
.sd-margin-t--3 {
  margin-block-start: calc(3 * var(--base-increment)) !important; }

.mt-4,
.sd-margin-t--4 {
  margin-block-start: calc(4 * var(--base-increment)) !important; }

.mt-5,
.sd-margin-t--5 {
  margin-block-start: calc(5 * var(--base-increment)) !important; }

.mb--0,
.sd-margin-b--0 {
  margin-block-end: 0 !important; }

.mb-0-5,
.sd-margin-b--0-5 {
  margin-block-end: calc(0.5 * var(--base-increment)) !important; }

.mb-1,
.sd-margin-b--1 {
  margin-block-end: calc(1 * var(--base-increment)) !important; }

.mb-1-5,
.sd-margin-b--1-5 {
  margin-block-end: calc(1.5 * var(--base-increment)) !important; }

.mb-2,
.sd-margin-b--2 {
  margin-block-end: calc(2 * var(--base-increment)) !important; }

.mb-3,
.sd-margin-b--3 {
  margin-block-end: calc(3 * var(--base-increment)) !important; }

.mb-4,
.sd-margin-b--4 {
  margin-block-end: calc(4 * var(--base-increment)) !important; }

.mb-5,
.sd-margin-b--5 {
  margin-block-end: calc(5 * var(--base-increment)) !important; }

.my-0,
.sd-margin-y--0 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important; }

.my-0-5,
.sd-margin-y--0-5 {
  margin-block-start: calc(0.5 * var(--base-increment)) !important;
  margin-block-end: calc(0.5 * var(--base-increment)) !important; }

.my-1,
.sd-margin-y--1 {
  margin-block-start: calc(1 * var(--base-increment)) !important;
  margin-block-end: calc(1 * var(--base-increment)) !important; }

.my-1-5,
.sd-margin-y--1-5 {
  margin-block-start: calc(1.5 * var(--base-increment)) !important;
  margin-block-end: calc(1.5 * var(--base-increment)) !important; }

.my-2,
.sd-margin-y--2 {
  margin-block-start: calc(2 * var(--base-increment)) !important;
  margin-block-end: calc(2 * var(--base-increment)) !important; }

.my-3,
.sd-margin-y--3 {
  margin-block-start: calc(3 * var(--base-increment)) !important;
  margin-block-end: calc(3 * var(--base-increment)) !important; }

.my-4,
.sd-margin-y--4 {
  margin-block-start: calc(4 * var(--base-increment)) !important;
  margin-block-end: calc(4 * var(--base-increment)) !important; }

.my-5,
.sd-margin-y--5 {
  margin-block-start: calc(5 * var(--base-increment)) !important;
  margin-block-end: calc(5 * var(--base-increment)) !important; }

.p-0,
.sd-padding--0 {
  padding: 0 !important; }

.p-0-5,
.sd-padding--0-5 {
  padding: calc(0.5 * var(--base-increment)) !important; }

.p-1,
.sd-padding--1 {
  padding: calc(1 * var(--base-increment)) !important; }

.p-1-5,
.sd-padding--1-5 {
  padding: calc(1.5 * var(--base-increment)) !important; }

.p-2,
.sd-padding--2 {
  padding: calc(2 * var(--base-increment)) !important; }

.p-3,
.sd-padding--3 {
  padding: calc(3 * var(--base-increment)) !important; }

.p-4,
.sd-padding--4 {
  padding: calc(4 * var(--base-increment)) !important; }

.p-5,
.sd-padding--5 {
  padding: calc(5 * var(--base-increment)) !important; }

.ps-0,
.sd-padding-l--0 {
  padding-inline-start: 0 !important; }

.ps-0-5,
.sd-padding-l--0-5 {
  padding-inline-start: calc(0.5 * var(--base-increment)) !important; }

.ps-1,
.sd-padding-l--1 {
  padding-inline-start: calc(1 * var(--base-increment)) !important; }

.ps-1-5,
.sd-padding-l--1-5 {
  padding-inline-start: calc(1.5 * var(--base-increment)) !important; }

.ps-2,
.sd-padding-l--2 {
  padding-inline-start: calc(2 * var(--base-increment)) !important; }

.ps-3,
.sd-padding-l--3 {
  padding-inline-start: calc(3 * var(--base-increment)) !important; }

.ps-4,
.sd-padding-l--4 {
  padding-inline-start: calc(4 * var(--base-increment)) !important; }

.ps-5,
.sd-padding-l--5 {
  padding-inline-start: calc(5 * var(--base-increment)) !important; }

.pe-0,
.sd-padding-r--0 {
  padding-inline-end: 0 !important; }

.pe-0-5,
.sd-padding-r--0-5 {
  padding-inline-end: calc(0.5 * var(--base-increment)) !important; }

.pe-1,
.sd-padding-r--1 {
  padding-inline-end: calc(1 * var(--base-increment)) !important; }

.pe-1-5,
.sd-padding-r--1-5 {
  padding-inline-end: calc(1.5 * var(--base-increment)) !important; }

.pe-2,
.sd-padding-r--2 {
  padding-inline-end: calc(2 * var(--base-increment)) !important; }

.pe-3,
.sd-padding-r--3 {
  padding-inline-end: calc(3 * var(--base-increment)) !important; }

.pe-4,
.sd-padding-r--4 {
  padding-inline-end: calc(4 * var(--base-increment)) !important; }

.pe-5,
.sd-padding-r--5 {
  padding-inline-end: calc(5 * var(--base-increment)) !important; }

.px-0,
.sd-padding-x--0 {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important; }

.px-0-5,
.sd-padding-r--0-5 {
  padding-inline-start: calc(0.5 * var(--base-increment)) !important;
  padding-inline-end: calc(0.5 * var(--base-increment)) !important; }

.px-1,
.sd-padding-x--1 {
  padding-inline-start: calc(1 * var(--base-increment)) !important;
  padding-inline-end: calc(1 * var(--base-increment)) !important; }

.px-1-5,
.sd-padding-x--1-5 {
  padding-inline-start: calc(1.5 * var(--base-increment)) !important;
  padding-inline-end: calc(1.5 * var(--base-increment)) !important; }

.px-2,
.sd-padding-x--2 {
  padding-inline-start: calc(2 * var(--base-increment)) !important;
  padding-inline-end: calc(2 * var(--base-increment)) !important; }

.px-3,
.sd-padding-x--3 {
  padding-inline-start: calc(3 * var(--base-increment)) !important;
  padding-inline-end: calc(3 * var(--base-increment)) !important; }

.px-4,
.sd-padding-x--4 {
  padding-inline-start: calc(4 * var(--base-increment)) !important;
  padding-inline-end: calc(4 * var(--base-increment)) !important; }

.px-5,
.sd-padding-x--5 {
  padding-inline-start: calc(5 * var(--base-increment)) !important;
  padding-inline-end: calc(5 * var(--base-increment)) !important; }

.pt-0,
.sd-padding-t--0 {
  padding-block-start: 0 !important; }

.pt-0-5,
.sd-padding-t--0-5 {
  padding-block-start: calc(0.5 * var(--base-increment)) !important; }

.pt-1,
.sd-padding-t--1 {
  padding-block-start: calc(1 * var(--base-increment)) !important; }

.pt-1-5,
.sd-padding-t--1-5 {
  padding-block-start: calc(1.5 * var(--base-increment)) !important; }

.pt-2,
.sd-padding-t--2 {
  padding-block-start: calc(2 * var(--base-increment)) !important; }

.pt-3,
.sd-padding-t--3 {
  padding-block-start: calc(3 * var(--base-increment)) !important; }

.pt-4,
.sd-padding-t--4 {
  padding-block-start: calc(4 * var(--base-increment)) !important; }

.pt-5,
.sd-padding-t--5 {
  padding-block-start: calc(5 * var(--base-increment)) !important; }

.pb-0,
.sd-padding-b--0 {
  padding-block-end: 0 !important; }

.pb-0-5,
.sd-padding-b--0-5 {
  padding-block-end: calc(0.5 * var(--base-increment)) !important; }

.pb-1,
.sd-padding-b--1 {
  padding-block-end: calc(1 * var(--base-increment)) !important; }

.pb-1-5,
.sd-padding-b--1-5 {
  padding-block-end: calc(1.5 * var(--base-increment)) !important; }

.pb-2,
.sd-padding-b--2 {
  padding-block-end: calc(2 * var(--base-increment)) !important; }

.pb-3,
.sd-padding-b--3 {
  padding-block-end: calc(3 * var(--base-increment)) !important; }

.pb-4,
.sd-padding-b--4 {
  padding-block-end: calc(4 * var(--base-increment)) !important; }

.pb-5,
.sd-padding-b--5 {
  padding-block-end: calc(5 * var(--base-increment)) !important; }

.py-0,
.sd-padding-y--0 {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important; }

.py-0-5,
.sd-padding-y--0-5 {
  padding-block-start: calc(0.5 * var(--base-increment)) !important;
  padding-block-end: calc(0.5 * var(--base-increment)) !important; }

.py-1,
.sd-padding-y--1 {
  padding-block-start: calc(1 * var(--base-increment)) !important;
  padding-block-end: calc(1 * var(--base-increment)) !important; }

.py-1-5,
.sd-padding-y--1-5 {
  padding-block-start: calc(1.5 * var(--base-increment)) !important;
  padding-block-end: calc(1.5 * var(--base-increment)) !important; }

.py-2,
.sd-padding-y--2 {
  padding-block-start: calc(2 * var(--base-increment)) !important;
  padding-block-end: calc(2 * var(--base-increment)) !important; }

.py-3,
.sd-padding-y--3 {
  padding-block-start: calc(3 * var(--base-increment)) !important;
  padding-block-end: calc(3 * var(--base-increment)) !important; }

.py-4,
.sd-padding-y--4 {
  padding-block-start: calc(4 * var(--base-increment)) !important;
  padding-block-end: calc(4 * var(--base-increment)) !important; }

.py-5,
.sd-padding-y--5 {
  padding-block-start: calc(5 * var(--base-increment)) !important;
  padding-block-end: calc(5 * var(--base-increment)) !important; }

.gap-0 {
  gap: var(--gap-0); }

.gap-0-5 {
  gap: var(--gap-0-5); }

.gap-1 {
  gap: var(--gap-1); }

.gap-1-5 {
  gap: var(--gap-1-5); }

.gap-2 {
  gap: var(--gap-2); }

.gap-3 {
  gap: var(--gap-3); }

.gap-4 {
  gap: var(--gap-4); }

.gap-5 {
  gap: var(--gap-5); }

.text-2xs {
  font-size: calc(var(--text-size--base) * 1); }

.sd-font-size--x-small,
.text-xs {
  font-size: calc(var(--text-size--base) * 1.2); }

.sd-font-size--small,
.text-sm {
  font-size: calc(var(--text-size--base) * 1.4); }

.sd-font-size--medium,
.text-md {
  font-size: calc(var(--text-size--base) * 1.6); }

.sd-font-size--large,
.text-lg {
  font-size: calc(var(--text-size--base) * 2); }

.sd-font-size--x-large,
.text-xl {
  font-size: calc(var(--text-size--base) * 2.4); }

.sd-font-size--x-large,
.text-2xl {
  font-size: calc(var(--text-size--base) * 3.2); }

.sd-text-color--normal,
.text-color-normal {
  color: var(--color-text) !important; }

.sd-text-color--light,
.text-color-muted {
  color: var(--color-text-light) !important; }

.sd-text-color--lighter,
.text-color-subdued {
  color: var(--color-text-lighter) !important; }

.sd-text-color--inverse,
.text-color-inverse {
  color: var(--color-text--inverse) !important; }

.sd-text__light,
.sd-text--light,
.font-light {
  font-weight: 300; }

.sd-text__normal,
.sd-text--normal,
.font-normal {
  font-weight: 400; }

.sd-text--medium,
.font-medium {
  font-weight: 500; }

.sd-text--medium,
.font-semibold {
  font-weight: 500; }

.sd-text__strong,
.sd-text--strong,
.sd-text--bold,
.font-bold {
  font-weight: 700; }

.font-black {
  font-weight: 900; }

.sd-text__italic,
.sd-text--italic,
.italic {
  font-style: italic; }

.sd-text--non-italic,
.non-italic {
  font-style: normal; }

.sd-text-align--left,
.sd-text-align--start,
.text-start,
.text-left {
  text-align: start; }

.sd-text__center,
.sd-text-align--center,
.text-center {
  text-align: center; }

.sd-text__right,
.sd-text-align--right,
.sd-text-align--end,
.text-end {
  text-align: end; }

.sd-text-align--justify,
.text-justify {
  text-align: justify; }

.sd-txt-transform--uppercase,
.text-uppercase {
  text-transform: uppercase; }

.sd-txt-transform--lowercase,
.text-lowercase {
  text-transform: lowercase; }

.sd-txt-transform--capitalize,
.text-capitalize {
  text-transform: capitalize; }

.sd-txt-transform--none,
.text-normal-case {
  text-transform: none; }

.sd-txt-decoration--underline,
.text-underline {
  text-decoration: underline; }

.sd-txt-decoration--line-through,
.text-line-through {
  text-decoration: line-through; }

.sd-txt-decoration--none,
.text-no-underline {
  text-decoration: none; }

.sd-overflow-ellipsis,
.sd-overflow--ellipsis,
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-clip {
  text-overflow: clip; }

.text-wrap {
  text-wrap: wrap; }

.text-nowrap {
  text-wrap: clip; }

.text-balance {
  text-wrap: balance; }

.text-pretty {
  text-wrap: pretty; }

.sd-word-break--normal,
.break-normal {
  overflow-wrap: normal;
  word-break: normal; }

.sd-word-break--words,
.break-words {
  overflow-wrap: break-word; }

.sd-word-break--all,
.break-all {
  word-break: break-all; }

.line-height-1 {
  line-height: 1; }

.line-height-xs {
  line-height: 1.1; }

.line-height-sm {
  line-height: 1.2; }

.line-height-md {
  line-height: 1.4; }

.line-height-lg {
  line-height: 1.5; }

.sd-line-clamp--1,
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.sd-line-clamp--2,
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.sd-line-clamp--3,
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.sd-line-clamp--4,
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }

.sd-line-clamp--5,
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; }

.sd-line-clamp--6,
.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; }

.sd-line-clamp--none,
.line-clamp-none {
  -webkit-line-clamp: none; }

.sd-radius--x-small,
.radius-xs {
  border-radius: var(--b-radius--x-small); }

.sd-radius--small,
.radius-sm {
  border-radius: var(--b-radius--small); }

.sd-radius--medium,
.radius-md {
  border-radius: var(--b-radius--medium); }

.sd-radius--large,
.radius-lg {
  border-radius: var(--b-radius--large); }

.sd-radius--x-large,
.radius-xl {
  border-radius: var(--b-radius--x-large); }

.sd-radius--full,
.radius-full {
  border-radius: var(--b-radius--full); }

.sd-border--x-light,
.border-x-light {
  border: 1px solid var(--sd-colour-line--x-light); }

.sd-border--light,
.border-light {
  border: 1px solid var(--sd-colour-line--light); }

.sd-border--medium,
.border-medium {
  border: 1px solid var(--sd-colour-line--medium); }

.sd-border--strong,
.border-strong {
  border: 1px solid var(--sd-colour-line--strong); }

.sd-border-style--solid,
.border-solid {
  border-style: solid; }

.sd-border-style--dotted,
.border-dotted {
  border-style: dotted; }

.sd-border-style--dashed,
.border-dashed {
  border-style: dashed; }

.border-double {
  border-style: double; }

.sd-border-width--0,
.border-0 {
  border-width: 0px; }

.sd-border-width--1,
.border-1 {
  border-width: 1px; }

.sd-border-width--2,
.border-2 {
  border-width: 2px; }

.sd-border-width--3,
.border-3 {
  border-width: 3px; }

.sd-border-width--4,
.border-4 {
  border-width: 4px; }

.border-x-0 {
  border-inline-start-width: 0px;
  border-inline-end-width: 0px; }

.border-y-0 {
  border-block-start-width: 0px;
  border-block-end-width: 0px; }

.border-s-0 {
  border-inline-start-width: 0px; }

.border-e-0 {
  border-inline-end-width: 0px; }

.border-t-0 {
  border-top: 0px; }

.border-b-0 {
  border-bottom: 0px; }

.sd-opacity--0,
.opacity-0 {
  opacity: 0; }

.sd-opacity--20,
.opacity-20 {
  opacity: 0.2; }

.sd-opacity--25,
.opacity-25 {
  opacity: 0.25; }

.sd-opacity--30,
.opacity-30 {
  opacity: 0.3; }

.sd-opacity--40,
.opacity-40 {
  opacity: 0.4; }

.sd-opacity--50,
.opacity-50 {
  opacity: 0.5; }

.sd-opacity--60,
.opacity-60 {
  opacity: 0.6; }

.sd-opacity--75,
.opacity-75 {
  opacity: 0.75; }

.object-contain {
  object-fit: contain; }

.object-cover {
  object-fit: cover; }

.object-fill {
  object-fit: fill; }

.object-none {
  object-fit: none; }

.object-scale-down {
  object-fit: scale-down; }

.object-bottom {
  object-position: bottom; }

.object-center {
  object-position: center; }

.object-left {
  object-position: left; }

.object-left-bottom {
  object-position: left bottom; }

.object-left-top {
  object-position: left top; }

.object-right {
  object-position: right; }

.object-right-bottom {
  object-position: right bottom; }

.object-right-top {
  object-position: right top; }

.object-top {
  object-position: top; }

:root {
  --new-button-hover-shadow: 0 0 0 1px rgba(0,0,0,.12), 0 1px 4px 0 rgba(0,0,0,.14); }

[data-theme="dark-ui"],
.dark-ui {
  --new-button-hover-shadow: 0 0 0 1px rgba(0,0,0,.28), 0 1px 4px 0 rgba(0,0,0,.5); }

.btn {
  --sd-btn-bg: var(--sd-colour-btn-bg-neutral);
  --sd-btn-bg--hover: var(--sd-colour-btn-bg-neutral--hover);
  --sd-btn-bg--active: var(--sd-colour-btn-bg-neutral--active);
  color: var(--sd-colour-btn-txt-neutral);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  margin: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline: 1.2rem;
  height: 3.2rem;
  font-size: 1.2rem;
  -webkit-appearance: none;
  border: none;
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-out, color 0.1s ease-out;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  background-color: var(--sd-btn-bg);
  gap: 0.6rem; }

.btn:hover {
  background-color: var(--sd-btn-bg--hover);
  box-shadow: var(--new-button-hover-shadow);
  text-decoration: none !important; }

.btn:active {
  background-color: var(--sd-btn-bg--active);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }

.btn:focus-visible {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.btn [class^="icon-"], .btn [class*=" icon-"] {
  color: currentColor; }

.btn [class^="icon-"], .btn [class*=" icon-"] {
  margin-inline-start: -0.3rem; }

.btn.btn--hollow {
  --sd-btn-border: var(--sd-colour-btn-border-neutral);
  --sd-btn-color: var(--sd-colour-btn-txt-neutral);
  color: var(--sd-colour-btn-txt-neutral);
  border: 1px solid var(--sd-btn-border);
  background-color: transparent !important;
  box-shadow: inset 0 0 0 0px var(--sd-btn-border); }

.btn.btn--hollow [class^="icon-"], .btn.btn--hollow [class*=" icon-"] {
  color: var(--sd-btn-color); }

.btn.btn--hollow:hover {
  box-shadow: none;
  border-color: var(--sd-btn-color);
  box-shadow: inset 0 0 0 2px var(--sd-btn-border); }

.btn.btn--hollow:active {
  border-color: var(--sd-btn-color);
  box-shadow: inset 0 0 0 2px var(--sd-btn-color); }

.btn.btn--hollow:focus-visible {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.btn.btn--hollow.btn--primary {
  --sd-btn-border: var(--sd-colour-interactive-btn-border);
  --sd-btn-color: var(--sd-colour-interactive); }

.btn.btn--hollow.btn--success {
  --sd-btn-border: var(--sd-colour-success-btn-border);
  --sd-btn-color: var(--sd-colour-success); }

.btn.btn--hollow.btn--warning {
  --sd-btn-border: var(--sd-colour-warning-btn-border);
  --sd-btn-color: var(--sd-colour-warning); }

.btn.btn--hollow.btn--alert {
  --sd-btn-border: var(--sd-colour-alert-btn-border);
  --sd-btn-color: var(--sd-colour-alert); }

.btn.btn--hollow.btn--highlight {
  --sd-btn-border: var(--sd-colour-highlight-btn-border);
  --sd-btn-color: var(--sd-colour-highlight); }

.btn.btn--hollow.btn--sd-green {
  --sd-btn-border: var(--sd-colour-superdesk-btn-border);
  --sd-btn-color: var(--sd-colour-superdesk); }

.btn.btn--hollow.btn--secondary {
  --sd-btn-border: var(--sd-colour-secondary-btn-border);
  --sd-btn-color: var(--sd-colour-secondary); }

.btn.btn--hollow.btn--primary, .btn.btn--hollow.btn--success, .btn.btn--hollow.btn--warning, .btn.btn--hollow.btn--alert, .btn.btn--hollow.btn--highlight, .btn.btn--hollow.btn--sd-green, .btn.btn--hollow.btn--secondary {
  color: var(--sd-btn-color); }

.btn.btn--hollow.btn--primary .sd-spinner__path, .btn.btn--hollow.btn--success .sd-spinner__path, .btn.btn--hollow.btn--warning .sd-spinner__path, .btn.btn--hollow.btn--alert .sd-spinner__path, .btn.btn--hollow.btn--highlight .sd-spinner__path, .btn.btn--hollow.btn--sd-green .sd-spinner__path, .btn.btn--hollow.btn--secondary .sd-spinner__path {
  stroke: var(--sd-btn-color); }

.btn.btn--text-only {
  --sd-btn-hs: 214, 13%;
  color: var(--sd-colour-btn-txt-neutral);
  border: none;
  background-color: transparent;
  --sd-btn-hs: 214, 13%;
  --sd-btn-l: var(--sd-btn-hs), 50%;
  --sd-btn-txt: hsla(var(--sd-btn-l), 1);
  --sd-btn-bg--hover: hsla(var(--sd-btn-l), 0.20);
  --sd-btn-bg--active: hsla(var(--sd-btn-l), 0.16);
  --sd-btn-bg--shadow: hsla(var(--sd-btn-l), 0.24); }

.btn.btn--text-only [class^="icon-"], .btn.btn--text-only [class*=" icon-"] {
  color: currentColor; }

.btn.btn--text-only:hover {
  box-shadow: none;
  background-color: var(--sd-btn-bg--hover);
  box-shadow: inset 0 0 0 0 var(--sd-btn-bg--shadow); }

.btn.btn--text-only:active {
  box-shadow: none;
  background-color: var(--sd-btn-bg--active);
  box-shadow: inset 0 0 0 4px var(--sd-btn-bg--shadow); }

.btn.btn--text-only:focus-visible {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.btn.btn--text-only.btn--primary {
  --sd-btn-hs: var(--sd-colour-primary-hs); }

.btn.btn--text-only.btn--success {
  --sd-btn-hs: var(--sd-colour-success-hs); }

.btn.btn--text-only.btn--warning {
  --sd-btn-hs: var(--sd-colour-warning-hs); }

.btn.btn--text-only.btn--alert {
  --sd-btn-hs: var(--sd-colour-alert-hs); }

.btn.btn--text-only.btn--highlight {
  --sd-btn-hs: var(--sd-colour-highlight-hs); }

.btn.btn--text-only.btn--sd-green {
  --sd-btn-hs: var(--sd-colour-superdesk-hs); }

.btn.btn--text-only.btn--secondary {
  --sd-btn-hs: var(--sd-colour-secondary-hs); }

.btn.btn--text-only.btn--primary, .btn.btn--text-only.btn--success, .btn.btn--text-only.btn--warning, .btn.btn--text-only.btn--alert, .btn.btn--text-only.btn--highlight, .btn.btn--text-only.btn--sd-green, .btn.btn--text-only.btn--secondary {
  color: var(--sd-btn-txt); }

.btn.btn--text-only.btn--primary .sd-spinner__path, .btn.btn--text-only.btn--success .sd-spinner__path, .btn.btn--text-only.btn--warning .sd-spinner__path, .btn.btn--text-only.btn--alert .sd-spinner__path, .btn.btn--text-only.btn--highlight .sd-spinner__path, .btn.btn--text-only.btn--sd-green .sd-spinner__path, .btn.btn--text-only.btn--secondary .sd-spinner__path {
  stroke: var(--sd-btn-txt); }

.btn.btn--icon-only [class^="icon-"], .btn.btn--icon-only [class*=" icon-"] {
  margin: 0; }

.btn.btn--icon-only.btn--icon-only-circle {
  border-radius: var(--b-radius--full);
  padding: 0;
  width: 3.2rem; }

.btn.btn--icon-only.btn--icon-only-circle.btn--small {
  width: 2.4rem; }

.btn.btn--icon-only.btn--icon-only-circle.btn--large {
  width: 4rem; }

.btn.btn--disabled, .btn[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none !important; }

.btn.btn--disabled :not(.no-disable), .btn[disabled] :not(.no-disable) {
  pointer-events: none; }

.btn.btn--disabled:hover, .btn.btn--disabled:active, .btn[disabled]:hover, .btn[disabled]:active {
  cursor: not-allowed; }

.btn--small {
  padding: 0.8rem;
  height: 2.4rem;
  font-size: 1rem; }

.btn--large {
  padding: 1.6rem;
  height: 4rem;
  font-size: 1.4rem; }

.btn--expanded {
  width: 100%;
  margin-inline-end: 0;
  margin-inline-start: 0; }

.btn--primary, .btn--success, .btn--warning, .btn--alert, .btn--highlight, .btn--sd-green, .btn--secondary {
  color: white; }

.btn--primary [class^="icon-"], .btn--primary [class*=" icon-"], .btn--success [class^="icon-"], .btn--success [class*=" icon-"], .btn--warning [class^="icon-"], .btn--warning [class*=" icon-"], .btn--alert [class^="icon-"], .btn--alert [class*=" icon-"], .btn--highlight [class^="icon-"], .btn--highlight [class*=" icon-"], .btn--sd-green [class^="icon-"], .btn--sd-green [class*=" icon-"], .btn--secondary [class^="icon-"], .btn--secondary [class*=" icon-"] {
  color: white; }

.btn--primary .sd-spinner__path, .btn--success .sd-spinner__path, .btn--warning .sd-spinner__path, .btn--alert .sd-spinner__path, .btn--highlight .sd-spinner__path, .btn--sd-green .sd-spinner__path, .btn--secondary .sd-spinner__path {
  stroke: white; }

.btn--primary {
  --sd-btn-bg: var(--sd-colour-primary);
  --sd-btn-bg--hover: var(--sd-colour-primary--hover);
  --sd-btn-bg--active: var(--sd-colour-primary--active); }

.btn--success {
  --sd-btn-bg: var(--sd-colour-success);
  --sd-btn-bg--hover: var(--sd-colour-success--hover);
  --sd-btn-bg--active: var(--sd-colour-success--active); }

.btn--warning {
  --sd-btn-bg: var(--sd-colour-warning);
  --sd-btn-bg--hover: var(--sd-colour-warning--hover);
  --sd-btn-bg--active: var(--sd-colour-warning--active); }

.btn--alert {
  --sd-btn-bg: var(--sd-colour-alert);
  --sd-btn-bg--hover: var(--sd-colour-alert--hover);
  --sd-btn-bg--active: var(--sd-colour-alert--active); }

.btn--highlight {
  --sd-btn-bg: var(--sd-colour-highlight);
  --sd-btn-bg--hover: var(--sd-colour-highlight--hover);
  --sd-btn-bg--active: var(--sd-colour-highlight--active); }

.btn--sd-green {
  --sd-btn-bg: var(--sd-colour-superdesk);
  --sd-btn-bg--hover: var(--sd-colour-superdesk--hover);
  --sd-btn-bg--active: var(--sd-colour-superdesk--active); }

.btn--secondary {
  --sd-btn-bg: var(--sd-colour-secondary);
  --sd-btn-bg--hover: var(--sd-colour-secondary--hover);
  --sd-btn-bg--active: var(--sd-colour-secondary--active); }

.icn-btn, .sd-thumb-carousel__btn--prev, .sd-thumb-carousel__btn--next,
.p-carousel-prev, .p-carousel-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: var(--b-radius--full);
  background-color: transparent;
  opacity: 0.75;
  background-color: rgba(125, 138, 155, 0);
  color: var(--color-icon-default);
  text-decoration: none;
  cursor: pointer;
  flex-shrink: 0; }

.icn-btn [class^="icon-"], .sd-thumb-carousel__btn--prev [class^="icon-"], .sd-thumb-carousel__btn--next [class^="icon-"], .p-carousel-prev [class^="icon-"], .p-carousel-next [class^="icon-"], .icn-btn [class*=" icon-"], .sd-thumb-carousel__btn--prev [class*=" icon-"], .sd-thumb-carousel__btn--next [class*=" icon-"], .p-carousel-prev [class*=" icon-"], .p-carousel-next [class*=" icon-"] {
  color: var(--color-icon-default) !important;
  vertical-align: baseline !important; }

.icn-btn:hover, .sd-thumb-carousel__btn--prev:hover, .sd-thumb-carousel__btn--next:hover,
.p-carousel-prev:hover, .p-carousel-next:hover {
  opacity: 1;
  text-decoration: none;
  background-color: rgba(125, 138, 155, 0.2); }

.icn-btn:focus-visible, .sd-thumb-carousel__btn--prev:focus-visible, .sd-thumb-carousel__btn--next:focus-visible,
.p-carousel-prev:focus-visible, .p-carousel-next:focus-visible {
  opacity: 1;
  background-color: rgba(125, 138, 155, 0.2);
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-40);
  outline: none; }

.icn-btn:focus-visible [class^="icon-"], .sd-thumb-carousel__btn--prev:focus-visible [class^="icon-"], .sd-thumb-carousel__btn--next:focus-visible [class^="icon-"], .p-carousel-prev:focus-visible [class^="icon-"], .p-carousel-next:focus-visible [class^="icon-"], .icn-btn:focus-visible [class*=" icon-"], .sd-thumb-carousel__btn--prev:focus-visible [class*=" icon-"], .sd-thumb-carousel__btn--next:focus-visible [class*=" icon-"], .p-carousel-prev:focus-visible [class*=" icon-"], .p-carousel-next:focus-visible [class*=" icon-"] {
  opacity: 1; }

.icn-btn:active, .sd-thumb-carousel__btn--prev:active, .sd-thumb-carousel__btn--next:active,
.p-carousel-prev:active, .p-carousel-next:active {
  opacity: 1;
  background-color: rgba(125, 138, 155, 0.3); }

.icn-btn:active [class^="icon-"], .sd-thumb-carousel__btn--prev:active [class^="icon-"], .sd-thumb-carousel__btn--next:active [class^="icon-"], .p-carousel-prev:active [class^="icon-"], .p-carousel-next:active [class^="icon-"], .icn-btn:active [class*=" icon-"], .sd-thumb-carousel__btn--prev:active [class*=" icon-"], .sd-thumb-carousel__btn--next:active [class*=" icon-"], .p-carousel-prev:active [class*=" icon-"], .p-carousel-next:active [class*=" icon-"] {
  color: var(--sd-colour-interactive);
  opacity: 1; }

.icn-btn--disabled {
  opacity: 0.4; }

.icn-btn--disabled:hover, .icn-btn--disabled:active, .icn-btn--disabled:focus-visible {
  background-color: transparent !important;
  cursor: not-allowed;
  opacity: 0.4; }

.icn-btn--disabled:hover [class^="icon-"], .icn-btn--disabled:hover [class*=" icon-"], .icn-btn--disabled:active [class^="icon-"], .icn-btn--disabled:active [class*=" icon-"], .icn-btn--disabled:focus-visible [class^="icon-"], .icn-btn--disabled:focus-visible [class*=" icon-"] {
  opacity: 1;
  color: inherit !important; }

.icn-btn.icn-btn--x-large.icn-btn--outline, .icn-btn--x-large.icn-btn--outline.sd-thumb-carousel__btn--prev, .icn-btn--x-large.icn-btn--outline.sd-thumb-carousel__btn--next,
.icn-btn--x-large.icn-btn--outline.p-carousel-prev, .icn-btn--x-large.icn-btn--outline.p-carousel-next, .icn-btn.icn-btn--x-large.icn-btn--outlineWhite, .icn-btn--x-large.icn-btn--outlineWhite.sd-thumb-carousel__btn--prev, .icn-btn--x-large.icn-btn--outlineWhite.sd-thumb-carousel__btn--next,
.icn-btn--x-large.icn-btn--outlineWhite.p-carousel-prev, .icn-btn--x-large.icn-btn--outlineWhite.p-carousel-next {
  border-width: 2px; }

.icn-btn--small {
  height: 2.4rem;
  width: 2.4rem; }

.icn-btn--x-large {
  height: 5.6rem;
  width: 5.6rem; }

.icn-btn--x-large [class^="icon-"], .icn-btn--x-large [class*=" icon-"] {
  vertical-align: baseline !important;
  font-size: 2.4rem;
  height: 2.4rem;
  width: 2.4rem;
  line-height: 2.4rem; }

.icn-btn--outline {
  border: 1px solid currentColor; }

.icn-btn--outline:active:not(.icn-btn--disabled) {
  border-color: var(--sd-colour-interactive); }

.icn-btn--outlineWhite {
  color: rgba(241, 242, 244, 0.8) !important;
  border: 1px solid currentColor; }

.icn-btn--outlineWhite [class^="icon-"], .icn-btn--outlineWhite [class*=" icon-"] {
  color: rgba(241, 242, 244, 0.8) !important; }

.icn-btn--outlineWhite:hover:not(.icn-btn--disabled) {
  color: #f1f2f4 !important;
  border-color: #f1f2f4;
  background-color: rgba(0, 0, 0, 0.4); }

.icn-btn--outlineWhite:hover:not(.icn-btn--disabled) [class^="icon-"], .icn-btn--outlineWhite:hover:not(.icn-btn--disabled) [class*=" icon-"] {
  color: #f1f2f4 !important; }

.icn-btn--outlineWhite:active:not(.icn-btn--disabled) {
  border-color: var(--sd-colour-interactive);
  background-color: rgba(0, 0, 0, 0.6); }

.p-dialog-header-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: var(--b-radius--full);
  background-color: transparent;
  opacity: 0.75;
  background-color: rgba(125, 138, 155, 0);
  color: var(--color-icon-default);
  text-decoration: none;
  cursor: pointer;
  flex-shrink: 0;
  height: 2.4rem;
  width: 2.4rem; }

.p-dialog-header-close [class^="icon-"], .p-dialog-header-close [class*=" icon-"] {
  color: var(--color-icon-default) !important;
  vertical-align: baseline !important; }

.p-dialog-header-close:hover {
  opacity: 1;
  text-decoration: none;
  background-color: rgba(125, 138, 155, 0.2); }

.p-dialog-header-close:focus-visible {
  opacity: 1;
  background-color: rgba(125, 138, 155, 0.2);
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-40);
  outline: none; }

.p-dialog-header-close:focus-visible [class^="icon-"], .p-dialog-header-close:focus-visible [class*=" icon-"] {
  opacity: 1; }

.p-dialog-header-close:active {
  opacity: 1;
  background-color: rgba(125, 138, 155, 0.3); }

.p-dialog-header-close:active [class^="icon-"], .p-dialog-header-close:active [class*=" icon-"] {
  color: var(--sd-colour-interactive);
  opacity: 1; }

.p-dialog-header-close--disabled {
  opacity: 0.4; }

.p-dialog-header-close--disabled:hover, .p-dialog-header-close--disabled:active, .p-dialog-header-close--disabled:focus-visible {
  background-color: transparent !important;
  cursor: not-allowed;
  opacity: 0.4; }

.p-dialog-header-close--disabled:hover [class^="icon-"], .p-dialog-header-close--disabled:hover [class*=" icon-"], .p-dialog-header-close--disabled:active [class^="icon-"], .p-dialog-header-close--disabled:active [class*=" icon-"], .p-dialog-header-close--disabled:focus-visible [class^="icon-"], .p-dialog-header-close--disabled:focus-visible [class*=" icon-"] {
  opacity: 1;
  color: inherit !important; }

.p-dialog-header-close:hover {
  opacity: 1;
  text-decoration: none;
  background-color: rgba(156, 156, 156, 0.2) !important; }

.p-dialog-header-close:active {
  opacity: 1;
  background-color: rgba(156, 156, 156, 0.3); }

.button-nav {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 0.8rem; }

.button-nav__btn {
  color: var(--color-text);
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-block-start: 0.7rem;
  padding-block-end: 0.7rem;
  padding-inline: 1.8rem;
  background: transparent;
  -webkit-appearance: none;
  border: none;
  border-radius: var(--b-radius--full);
  transition: all 0.2s ease-out, color 0.1s ease-out;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--sd-colour-bg__button-nav-btn); }

.button-nav__btn:hover {
  background-color: var(--sd-colour-bg__button-nav-btn--hover); }

.button-nav__btn:active, .button-nav__btn--active, .button-nav__btn--active:hover {
  background-color: var(--sd-colour-bg__button-nav-btn--active);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.25); }

.btn-icon-group {
  display: flex;
  align-items: center;
  gap: 6px; }

.btn-icon-group [class^="icon-"], .btn-icon-group [class*=" icon-"] {
  opacity: 0.6; }

.button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem; }

.button-group .btn {
  margin: 0; }

.button-group--left, .button-group--start {
  margin-inline-end: auto; }

.button-group--left .sd-navbtn, .button-group--start .sd-navbtn {
  border-inline-width: 0 1px; }

.button-group--left.button-group--compact, .button-group--start.button-group--compact {
  gap: 0.4rem; }

.button-group--left .button-group--inline .sd-navbtn, .button-group--start .button-group--inline .sd-navbtn {
  border-inline-width: 0 1px; }

.button-group--inline {
  margin-inline-end: 0; }

.button-group--inline .sd-navbtn {
  border-inline-width: 0 1px; }

.button-group--right, .button-group--end {
  margin-inline-start: auto;
  justify-content: flex-end; }

.button-group--center {
  margin-inline-start: auto;
  margin-inline-end: auto; }

.button-group--center .sd-navbtn {
  border-inline-width: 0 1px; }

.button-group--center .sd-navbtn:first-child {
  border-inline-width: 1px 1px; }

.button-group--vertical {
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: center; }

.button-group--comfort {
  gap: 0.8rem; }

.button-group--loose {
  gap: 1.6rem; }

.button-group--compact {
  gap: 0.4rem; }

.button-group--no-space {
  gap: unset; }

.button-group--padded {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem; }

.button-group__divider {
  width: 1px;
  height: 2.4rem; }

.button-group__divider--mini {
  padding: 0 !important;
  width: 0;
  border: none !important; }

.button-group__divider--small {
  margin-inline: var(--space--0-5); }

.button-group__divider--medium {
  margin-inline: var(--space--1); }

.button-group__divider--large {
  margin-inline: var(--space--1-5); }

.button-group__divider--border {
  border-inline-start: 1px dotted var(--sd-colour-line--strong); }

.button-group--vertical .button-group__divider {
  height: 1px;
  width: auto;
  margin-inline: var(--space--0); }

.button-group--vertical .button-group__divider.button-group__divider--mini {
  padding-block-start: var(--space--1-5); }

.button-group--vertical .button-group__divider.button-group__divider--small {
  margin-block: var(--space--0-5); }

.button-group--vertical .button-group__divider.button-group__divider--medium {
  margin-block: var(--space--1); }

.button-group--vertical .button-group__divider.button-group__divider--large {
  margin-block: var(--space--1-5); }

.button-group--vertical .button-group__divider--border {
  border-inline-start: none;
  border-block-start: 1px dotted var(--sd-colour-line--strong); }

.sd-create-btn {
  width: 4.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  background: transparent;
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0px solid var(--sd-colour-line--x-light);
  border-inline-width: 1px 0; }

.sd-create-btn .circle {
  display: inline-block;
  text-align: center;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background-color: var(--sd-colour-interactive);
  color: white;
  position: relative;
  transition: all 0.2s ease; }

.sd-create-btn:hover .circle {
  width: 3.4rem;
  height: 3.4rem;
  margin-inline-start: 0; }

.sd-create-btn:active .circle {
  width: 6.8rem;
  height: 6.8rem;
  margin-inline-start: -1rem;
  margin-inline-end: -1rem;
  transition: all 0.05s ease; }

.sd-create-btn i {
  position: absolute;
  z-index: 1;
  display: block;
  inset-block-start: 50%;
  margin-block-start: -0.8rem;
  inset-inline-start: 50%;
  inset-inline-end: auto;
  margin-inline-start: -0.8rem;
  opacity: 1 !important;
  color: white !important;
  line-height: 1.6rem !important; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.btn__state--loading {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2; }

.btn--loading {
  color: transparent;
  pointer-events: none; }

.btn[data-loading="true"] {
  pointer-events: none; }

.btn[data-loading="true"] .sd-spinner {
  margin-inline-start: -0.3rem; }

.btn[data-loading="true"].btn--icon-only .sd-spinner {
  margin-inline-start: 0; }

.button-group .tag-label, .button-group .p-multiselect-token {
  margin: 0 !important; }

.illustration-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space--1);
  border-radius: var(--b-radius--large);
  border: 1px solid var(--sd-colour-line--light);
  padding-inline: var(--space--2);
  padding-block-start: var(--space--2);
  padding-block-end: var(--space--1-5);
  box-shadow: inset var(--sd-colour-interactive--alpha-30) 0px 0px 0px 0, rgba(0, 0, 0, 0.16) 0px 6px 12px -6px, rgba(0, 0, 0, 0.4) 0px 2px 8px -8px;
  transition: all 0.2s ease; }

.illustration-button:hover {
  border: 1px solid var(--sd-colour-line--strong);
  box-shadow: inset var(--sd-colour-interactive--alpha-30) 0px 0px 0px 0, rgba(0, 0, 0, 0.24) 0px 6px 12px -6px, rgba(0, 0, 0, 0.6) 0px 2px 8px -8px; }

.illustration-button:active {
  border: 1px solid var(--sd-colour-interactive);
  box-shadow: inset var(--sd-colour-interactive--alpha-30) 0px 0px 0px 4px; }

.illustration-button:focus-visible {
  outline: 2px solid var(--sd-colour-interactive--alpha-60);
  outline-offset: 1px; }

.illustration-button:disabled, .illustration-button.illustration-button--disabled {
  box-shadow: none;
  border: 1px solid var(--sd-colour-line--light);
  pointer-events: none;
  opacity: 0.6; }

.illustration-button__illustration,
.svg-icon-illustration {
  display: inline-block; }

.illustration-button__text-label {
  font-size: var(--text-size-small);
  font-weight: 500;
  line-height: 1.2;
  text-align: center; }

.label {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline: 0.8rem;
  vertical-align: middle;
  border-radius: var(--b-radius--full);
  text-transform: uppercase;
  line-height: 1.6rem;
  height: 1.6rem;
  letter-spacing: 0.125em;
  font-size: 0.9rem;
  white-space: nowrap;
  border: 1px solid transparent;
  font-weight: 500;
  background: var(--sd-colour-bg--08);
  color: var(--color-text--inverse); }

.label--large {
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
  padding-inline: 1.2rem;
  font-size: 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem; }

.label.label--default {
  background: #2c323a; }

.label.label--primary {
  background: #5fa9c8; }

.label.label--success {
  background: #46a446; }

.label.label--warning {
  background: #db8000; }

.label.label--alert {
  background: #e41b21; }

.label.label--highlight {
  background: #9b27b0; }

.label.label--success2 {
  background: #557f2e; }

.label.label--yellow2 {
  background: #d1a700; }

.label.label--orange2 {
  background: #db7100; }

.label.label--red2 {
  background: #bd1600; }

.label.label--highlight2 {
  background: #e60086; }

.label.label--highlight3 {
  background: #8a008a; }

.label.label--highlight4 {
  background: #7400ad; }

.label.label--darkBlue2 {
  background: navy; }

.label.label--sd-green {
  background: #1eae6b; }

.label.label--hollow {
  border: 1px solid var(--sd-colour-btn-txt-neutral);
  background-color: transparent !important;
  color: var(--sd-colour-btn-txt-neutral); }

.label.label--hollow.label--default {
  border: 1px solid #2c323a;
  background-color: transparent !important;
  color: #2c323a; }

.label.label--hollow.label--primary {
  border: 1px solid #5fa9c8;
  background-color: transparent !important;
  color: #5fa9c8; }

.label.label--hollow.label--success {
  border: 1px solid #46a446;
  background-color: transparent !important;
  color: #46a446; }

.label.label--hollow.label--warning {
  border: 1px solid #db8000;
  background-color: transparent !important;
  color: #db8000; }

.label.label--hollow.label--alert {
  border: 1px solid #e41b21;
  background-color: transparent !important;
  color: #e41b21; }

.label.label--hollow.label--highlight {
  border: 1px solid #9b27b0;
  background-color: transparent !important;
  color: #9b27b0; }

.label.label--hollow.label--success2 {
  border: 1px solid #557f2e;
  background-color: transparent !important;
  color: #557f2e; }

.label.label--hollow.label--yellow2 {
  border: 1px solid #d1a700;
  background-color: transparent !important;
  color: #d1a700; }

.label.label--hollow.label--orange2 {
  border: 1px solid #db7100;
  background-color: transparent !important;
  color: #db7100; }

.label.label--hollow.label--red2 {
  border: 1px solid #bd1600;
  background-color: transparent !important;
  color: #bd1600; }

.label.label--hollow.label--highlight2 {
  border: 1px solid #e60086;
  background-color: transparent !important;
  color: #e60086; }

.label.label--hollow.label--highlight3 {
  border: 1px solid #8a008a;
  background-color: transparent !important;
  color: #8a008a; }

.label.label--hollow.label--highlight4 {
  border: 1px solid #7400ad;
  background-color: transparent !important;
  color: #7400ad; }

.label.label--hollow.label--darkBlue2 {
  border: 1px solid navy;
  background-color: transparent !important;
  color: navy; }

.label.label--hollow.label--sd-green {
  border: 1px solid #1eae6b;
  background-color: transparent !important;
  color: #1eae6b; }

.label.label--translucent {
  background-color: var(--sd-colour-bg-translucent--08);
  color: var(--sd-colour-btn-txt-neutral); }

.label.label--translucent.label--default {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #2c323a;
  background-color: rgba(44, 50, 58, 0.2); }

.label.label--translucent.label--primary {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #5fa9c8;
  background-color: rgba(95, 169, 200, 0.2); }

.label.label--translucent.label--success {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #46a446;
  background-color: rgba(70, 164, 70, 0.2); }

.label.label--translucent.label--warning {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #db8000;
  background-color: rgba(219, 128, 0, 0.2); }

.label.label--translucent.label--alert {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #e41b21;
  background-color: rgba(228, 27, 33, 0.2); }

.label.label--translucent.label--highlight {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #9b27b0;
  background-color: rgba(155, 39, 176, 0.2); }

.label.label--translucent.label--success2 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #557f2e;
  background-color: rgba(85, 127, 46, 0.2); }

.label.label--translucent.label--yellow2 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #d1a700;
  background-color: rgba(209, 167, 0, 0.2); }

.label.label--translucent.label--orange2 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #db7100;
  background-color: rgba(219, 113, 0, 0.2); }

.label.label--translucent.label--red2 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #bd1600;
  background-color: rgba(189, 22, 0, 0.2); }

.label.label--translucent.label--highlight2 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #e60086;
  background-color: rgba(230, 0, 134, 0.2); }

.label.label--translucent.label--highlight3 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #8a008a;
  background-color: rgba(138, 0, 138, 0.2); }

.label.label--translucent.label--highlight4 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #7400ad;
  background-color: rgba(116, 0, 173, 0.2); }

.label.label--translucent.label--darkBlue2 {
  background-color: var(--sd-colour-bg-translucent--08);
  color: navy;
  background-color: rgba(0, 0, 128, 0.2); }

.label.label--translucent.label--sd-green {
  background-color: var(--sd-colour-bg-translucent--08);
  color: #1eae6b;
  background-color: rgba(30, 174, 107, 0.2); }

.label--annotation {
  background-color: #a2df58;
  color: #3c444e; }

.label--comment {
  background-color: #fff170;
  color: #3c444e; }

.label--no-transform {
  text-transform: none;
  letter-spacing: 0.04em; }

a.label {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0.8rem;
  padding-inline-end: 1.8rem; }

a.label::before {
  display: inline-block;
  font-family: 'sd_icons';
  content: '\E6B0';
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0.3rem;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.6rem;
  font-family: 'sd_icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none; }

a.label:hover, a.label:focus {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.label.label--hollow.label--darkBlue2 {
  border: 1px solid var(--sd-navy-color);
  color: var(--sd-navy-color); }

.label.label--darkBlue2 {
  background: var(--sd-navy-color); }

.label-icon {
  display: inline-flex;
  padding: 0;
  padding-inline-end: 0.6rem;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 13px;
  white-space: nowrap;
  cursor: default;
  line-height: 1;
  background: transparent;
  color: var(--color-label-text); }

.label-icon [class^="icon-"], .label-icon [class*=" icon-"] {
  color: var(--color-label-text);
  margin-inline-end: .4rem;
  opacity: 1 !important; }

.label-icon.label-icon--default {
  color: #8c97a6; }

.label-icon.label-icon--default [class^="icon-"], .label-icon.label-icon--default [class*=" icon-"] {
  color: #8c97a6 !important; }

.label-icon.label-icon--primary {
  color: #5fa9c8; }

.label-icon.label-icon--primary [class^="icon-"], .label-icon.label-icon--primary [class*=" icon-"] {
  color: #5fa9c8 !important; }

.label-icon.label-icon--success {
  color: #46a446; }

.label-icon.label-icon--success [class^="icon-"], .label-icon.label-icon--success [class*=" icon-"] {
  color: #46a446 !important; }

.label-icon.label-icon--warning {
  color: #db8000; }

.label-icon.label-icon--warning [class^="icon-"], .label-icon.label-icon--warning [class*=" icon-"] {
  color: #db8000 !important; }

.label-icon.label-icon--alert {
  color: #e41b21; }

.label-icon.label-icon--alert [class^="icon-"], .label-icon.label-icon--alert [class*=" icon-"] {
  color: #e41b21 !important; }

.label-icon.label-icon--highlight {
  color: #9b27b0; }

.label-icon.label-icon--highlight [class^="icon-"], .label-icon.label-icon--highlight [class*=" icon-"] {
  color: #9b27b0 !important; }

.label-icon.label-icon--sd-green {
  color: #1eae6b; }

.label-icon.label-icon--sd-green [class^="icon-"], .label-icon.label-icon--sd-green [class*=" icon-"] {
  color: #1eae6b !important; }

.label-icon.label-icon--translucent {
  font-size: 12px;
  height: 2.4rem;
  border-radius: var(--b-radius--full);
  padding-inline: 1.2rem;
  gap: 4px;
  background-color: rgba(122, 122, 122, 0.16); }

.label-icon.label-icon--translucent [class^="icon-"], .label-icon.label-icon--translucent [class*=" icon-"] {
  margin-inline-end: .2rem;
  margin-inline-start: -4px;
  line-height: 1; }

.label-icon.label-icon--translucent.label-icon--default {
  background-color: rgba(140, 151, 166, 0.12); }

.label-icon.label-icon--translucent.label-icon--primary {
  background-color: rgba(95, 169, 200, 0.12); }

.label-icon.label-icon--translucent.label-icon--success {
  background-color: rgba(70, 164, 70, 0.12); }

.label-icon.label-icon--translucent.label-icon--warning {
  background-color: rgba(219, 128, 0, 0.12); }

.label-icon.label-icon--translucent.label-icon--alert {
  background-color: rgba(228, 27, 33, 0.12); }

.label-icon.label-icon--translucent.label-icon--highlight {
  background-color: rgba(155, 39, 176, 0.12); }

.label-icon.label-icon--translucent.label-icon--sd-green {
  background-color: rgba(30, 174, 107, 0.12); }

.label-icon.label-icon--translucent.label-icon--large [class^="icon-"], .label-icon.label-icon--translucent.label-icon--large [class*=" icon-"] {
  margin-inline-start: -4px;
  height: 2rem;
  width: 2rem;
  font-size: 2rem;
  line-height: 1; }

.label-icon.label-icon--translucent.label-icon--small [class^="icon-"], .label-icon.label-icon--translucent.label-icon--small [class*=" icon-"] {
  margin-inline-start: -3px;
  height: 1.2rem;
  width: 1.2rem;
  font-size: 1.2rem;
  line-height: 1; }

.label-icon.label-icon--large {
  height: 3.2rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: inherit; }

.label-icon.label-icon--small {
  height: 1.6rem;
  padding: 0 0.8rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: inherit;
  letter-spacing: 0.06em;
  gap: 2px; }

.label-icon.label-icon--small .label-icon--inner-label {
  font-weight: 400;
  letter-spacing: 0.06em; }

.label-icon .label-icon--inner-label {
  font-weight: 300;
  text-transform: uppercase;
  line-height: inherit; }

.badge {
  display: inline-block;
  min-width: 1.8em;
  padding: 0.4em 0.5em 0.3em;
  border-radius: var(--b-radius--full);
  font-size: 1rem;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  --sd-badge-bg: var(--sd-colour-bg--08);
  background-color: var(--sd-badge-bg);
  color: var(--color-text--inverse); }

.badge--square {
  border-radius: var(--b-radius--x-small); }

.badge.badge--primary {
  --sd-badge-bg: var(--sd-colour-primary); }

.badge.badge--success {
  --sd-badge-bg: var(--sd-colour-success); }

.badge.badge--warning {
  --sd-badge-bg: var(--sd-colour-warning); }

.badge.badge--alert {
  --sd-badge-bg: var(--sd-colour-alert); }

.badge.badge--highlight {
  --sd-badge-bg: var(--sd-colour-highlight); }

.badge.badge--sd-green {
  --sd-badge-bg: var(--sd-colour-superdesk); }

.badge.badge--secondary {
  --sd-btn-bg: var(--sd-colour-secondary); }

.badge.badge--light {
  background-color: var(--sd-colour-bg-translucent--08);
  color: var(--color-text);
  font-weight: 500; }

.element-with-badge {
  display: inline-block;
  position: relative; }

.element-with-badge .badge {
  position: absolute;
  inset-block-start: -.5rem;
  inset-inline-end: -.8rem; }

.element-with-badge + .element-with-badge, .element-with-badge + .btn {
  margin-inline-start: 1.2rem;
  vertical-align: top; }

.btn + .element-with-badge {
  margin-inline-start: 1.2rem;
  vertical-align: top; }

.sd-alert {
  max-height: 20rem;
  max-width: 100%;
  height: auto;
  transition: all linear 100ms;
  display: flex;
  padding-block-start: 1.8rem;
  padding-block-end: 1.8rem;
  padding-inline: 2rem 3rem;
  vertical-align: middle;
  border-radius: var(--b-radius--medium);
  line-height: 1.4em;
  font-size: 1.4rem;
  border: 1px solid transparent;
  font-weight: 400;
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: var(--sd-alert-bg);
  display: flex;
  gap: 1.6rem;
  color: var(--color-text-light);
  --sd-alert-bg: var(--sd-colour-alert-bg-neutral); }

.sd-alert strong {
  font-weight: 500; }

.sd-alert--hidden {
  opacity: 0;
  max-height: 0.1rem;
  max-width: 10%;
  padding: 0;
  overflow: hidden;
  font-size: 0.1rem;
  transition: font-size ease-out 300ms, padding ease-out 300ms, max-width ease-out 200ms, max-height ease-out 300ms, opacity ease-out 200ms; }

.sd-alert--small {
  font-size: 1.3rem;
  padding-block-start: 0.7rem;
  padding-block-end: 0.7rem;
  padding-inline: 1.2rem 2.4rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08);
  transition: font-size ease-out 20ms, padding ease-out 200ms, max-width ease-out 100ms, max-height ease-out 80ms, opacity ease-out 160ms;
  gap: 0.8rem; }

.sd-alert--marg-b12 {
  margin-block-end: 1.2rem; }

.sd-alert--no-margin {
  margin-block-end: 0; }

.sd-alert--margin-none {
  margin-block-end: 0; }

.sd-alert--margin-small {
  margin-block-end: 1.6rem; }

.sd-alert--margin-normal {
  margin-block-end: 2.4rem; }

.sd-alert--margin-large {
  margin-block-end: 3.2rem; }

.sd-alert--banner-style {
  margin: 0;
  box-shadow: none !important;
  border-radius: 0 !important; }

.sd-alert p {
  font-size: 1.4rem;
  color: inherit;
  margin-block-end: 1em; }

.sd-alert p:last-child, .sd-alert p:only-child {
  margin-block-end: 0; }

.sd-alert.sd-alert--hollow {
  --sd-alert-hs: 214, 13%;
  --sd-alert-border: var(--sd-colour-line--strong);
  --sd-alert-color: var(--color-text-light);
  border: 1px solid var(--sd-alert-border);
  background-color: var(--sd-alert-bg);
  --sd-alert-hs: 214, 13%;
  --sd-alert-l: var(--sd-alert-hs), 50%;
  --sd-alert-txt: hsla(var(--sd-alert-l), 1);
  --sd-alert-bg: hsla(var(--sd-alert-l), 0.05); }

.sd-alert.sd-alert--hollow [class^="icon-"], .sd-alert.sd-alert--hollow [class*=" icon-"] {
  color: var(--sd-alert-color); }

.sd-alert.sd-alert--hollow.sd-alert--primary {
  --sd-alert-hs: var(--sd-colour-info-hs);
  --sd-alert-border: var(--sd-colour-info);
  --sd-alert-color: var(--sd-colour-info);
  color: var(--sd-alert-color); }

.sd-alert.sd-alert--hollow.sd-alert--success {
  --sd-alert-hs: var(--sd-colour-success-hs);
  --sd-alert-border: var(--sd-colour-success);
  --sd-alert-color: var(--sd-colour-success);
  color: var(--sd-alert-color); }

.sd-alert.sd-alert--hollow.sd-alert--warning {
  --sd-alert-hs: var(--sd-colour-warning-hs);
  --sd-alert-border: var(--sd-colour-warning);
  --sd-alert-color: var(--sd-colour-warning);
  color: var(--sd-alert-color); }

.sd-alert.sd-alert--hollow.sd-alert--alert {
  --sd-alert-hs: var(--sd-colour-alert-hs);
  --sd-alert-border: var(--sd-colour-alert);
  --sd-alert-color: var(--sd-colour-alert);
  color: var(--sd-alert-color); }

.sd-alert.sd-alert--hollow.sd-alert--highlight {
  --sd-alert-hs: var(--sd-colour-highlight-hs);
  --sd-alert-border: var(--sd-colour-highlight);
  --sd-alert-color: var(--sd-colour-highlight);
  color: var(--sd-alert-color); }

.sd-alert.sd-alert--hollow.sd-alert--sd-green {
  --sd-alert-hs: var(--sd-colour-superdesk-hs);
  --sd-alert-border: var(--sd-colour-superdesk);
  --sd-alert-color: var(--sd-colour-superdesk);
  color: var(--sd-alert-color); }

.sd-alert .sd-alert__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem; }

.sd-alert .sd-alert__icon [class^="icon-"], .sd-alert .sd-alert__icon [class*=" icon-"] {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 3.2rem;
  line-height: 1;
  color: currentColor; }

.sd-alert.sd-alert--small .sd-alert__icon {
  margin-block-start: 0px; }

.sd-alert.sd-alert--small .sd-alert__icon [class^="icon-"], .sd-alert.sd-alert--small .sd-alert__icon [class*=" icon-"] {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem; }

.sd-alert--primary, .sd-alert--info, .sd-alert--success, .sd-alert--warning, .sd-alert--alert, .sd-alert--highlight, .sd-alert--sd-green {
  color: white; }

.sd-alert--primary, .sd-alert--info {
  --sd-alert-bg: var(--sd-colour-info); }

.sd-alert--success {
  --sd-alert-bg: var(--sd-colour-success); }

.sd-alert--warning {
  --sd-alert-bg: var(--sd-colour-warning); }

.sd-alert--alert {
  --sd-alert-bg: var(--sd-colour-alert); }

.sd-alert--highlight {
  --sd-alert-bg: var(--sd-colour-highlight); }

.sd-alert--sd-green {
  --sd-alert-bg: var(--sd-colour-superdesk); }

.sd-alert__content {
  display: flex;
  align-items: center; }

.sd-alert__close {
  position: absolute;
  inset-block-start: 0.3rem;
  inset-inline: auto 0.3rem;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  z-index: 1;
  opacity: .2;
  line-height: 2.1rem;
  color: inherit;
  border-radius: var(--b-radius--full); }

.sd-alert__close::after {
  font-family: sd_icons;
  font-size: 16px;
  content: "\E647";
  width: 16px;
  height: 16px;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0.3rem;
  line-height: inherit;
  color: inherit;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }

.sd-alert__close:hover {
  opacity: .8;
  background-color: rgba(255, 255, 255, 0.3); }

.sd-alert__close:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5); }

.sd-alert--small .sd-alert__close {
  inset-block-start: 0.4rem; }

.sd-alert__container {
  position: relative;
  min-height: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.sd-alert__info-btn {
  cursor: pointer;
  height: 2.2rem;
  width: 2.2rem;
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-weight: 500;
  font-style: italic;
  line-height: 2.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  color: white;
  text-align: center;
  display: inline-block;
  border-radius: var(--b-radius--full);
  flex-grow: 0;
  flex-shrink: 1;
  transition: all linear 100ms 0.2s, background-color ease-in 200ms;
  background-color: var(--sd-colour-neutral); }

.sd-alert__info-btn [class^="icon-"], .sd-alert__info-btn [class*=" icon-"] {
  color: inherit;
  margin-block-start: 0.3rem; }

.sd-alert__info-btn:hover {
  background-color: var(--sd-colour-neutral--hover); }

.sd-alert__info-btn--hidden {
  opacity: 0;
  height: 1px;
  width: 1px;
  flex-shrink: 1;
  transition: all linear 100ms; }

.sd-alert__info-btn--primary, .sd-alert__info-btn--info {
  background-color: var(--sd-colour-info); }

.sd-alert__info-btn--primary:hover, .sd-alert__info-btn--info:hover {
  background-color: var(--sd-colour-info--hover); }

.sd-alert__info-btn--success {
  background-color: var(--sd-colour-success); }

.sd-alert__info-btn--success:hover {
  background-color: var(--sd-colour-success--hover); }

.sd-alert__info-btn--warning {
  background-color: var(--sd-colour-warning); }

.sd-alert__info-btn--warning:hover {
  background-color: var(--sd-colour-warning--hover); }

.sd-alert__info-btn--alert {
  background-color: var(--sd-colour-alert); }

.sd-alert__info-btn--alert:hover {
  background-color: var(--sd-colour-alert--hover); }

.sd-alert__info-btn--highlight {
  background-color: var(--sd-colour-highlight); }

.sd-alert__info-btn--highlight:hover {
  background-color: var(--sd-colour-highlight--hover); }

.sd-alert__info-btn--sd-green {
  background-color: var(--sd-colour-superdesk); }

.sd-alert__info-btn--sd-green:hover {
  background-color: var(--sd-colour-superdesk--hover); }

.sd-alert__container .sd-alert {
  flex-grow: 1; }

.side-panel__header .sd-alert {
  box-shadow: none !important;
  border-radius: unset !important;
  margin-block-end: 0; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

@font-face {
  font-family: 'sd_icons';
  src: url(7776f0426ab015f15eef72cabf8720ae.eot);
  src: url(7776f0426ab015f15eef72cabf8720ae.eot?#iefix-r9v51w) format("embedded-opentype"), url(c120a3dc1c34c8d3db0d4600b7c46fed.woff) format("woff"), url(c34dca3cfb79c2395117323953ca1255.ttf) format("truetype"), url(01701f6ad1298a0098f34975ff381de5.svg#sd_icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  --icon-base-size: 16px;
  display: inline-block;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--2x {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icon--light {
  opacity: 0.5; }

.icon--blue {
  color: var(--sd-colour-interactive) !important; }

.icon--white {
  color: white !important; }

.icon--light-blue {
  color: #68abc8 !important;
  opacity: 1 !important; }

.icon--dark-blue-grey {
  color: #31728e !important;
  opacity: 1 !important; }

[class*=icon-].red,
.icon--red {
  color: #bd1600 !important; }

.icon--orange {
  color: #db8000 !important; }

.icon--green {
  color: #46a446 !important; }

.icon--full-opacity {
  opacity: 1 !important; }

.icon--disabled {
  opacity: 0.2 !important; }

.icon-photo:before {
  content: "\E600"; }

.icon-photo.color--default {
  color: var(--color-icon-default); }

.icon-photo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo.color--white {
  color: #e2e5e9 !important; }

.icon-photo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video:before {
  content: "\E601"; }

.icon-video.color--default {
  color: var(--color-icon-default); }

.icon-video.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video.color--white {
  color: #e2e5e9 !important; }

.icon-video.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-map-marker:before {
  content: "\E602"; }

.icon-map-marker.color--default {
  color: var(--color-icon-default); }

.icon-map-marker.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-map-marker.color--success {
  color: var(--sd-colour-success) !important; }

.icon-map-marker.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-map-marker.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-map-marker.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-map-marker.color--light {
  color: var(--color-text-lighter) !important; }

.icon-map-marker.color--white {
  color: #e2e5e9 !important; }

.icon-map-marker.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-map-marker.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-map-marker.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-map-marker.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-slideshow:before {
  content: "\E603"; }

.icon-slideshow.color--default {
  color: var(--color-icon-default); }

.icon-slideshow.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-slideshow.color--success {
  color: var(--sd-colour-success) !important; }

.icon-slideshow.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-slideshow.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-slideshow.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-slideshow.color--light {
  color: var(--color-text-lighter) !important; }

.icon-slideshow.color--white {
  color: #e2e5e9 !important; }

.icon-slideshow.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-slideshow.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-slideshow.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-slideshow.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text:before {
  content: "\E604"; }

.icon-text.color--default {
  color: var(--color-icon-default); }

.icon-text.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text.color--white {
  color: #e2e5e9 !important; }

.icon-text.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file:before {
  content: "\E605"; }

.icon-file.color--default {
  color: var(--color-icon-default); }

.icon-file.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file.color--white {
  color: #e2e5e9 !important; }

.icon-file.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar:before {
  content: "\E606"; }

.icon-calendar.color--default {
  color: var(--color-icon-default); }

.icon-calendar.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar.color--white {
  color: #e2e5e9 !important; }

.icon-calendar.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-composite:before {
  content: "\E607"; }

.icon-composite.color--default {
  color: var(--color-icon-default); }

.icon-composite.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-composite.color--success {
  color: var(--sd-colour-success) !important; }

.icon-composite.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-composite.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-composite.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-composite.color--light {
  color: var(--color-text-lighter) !important; }

.icon-composite.color--white {
  color: #e2e5e9 !important; }

.icon-composite.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-composite.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-composite.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-composite.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio:before {
  content: "\E608"; }

.icon-audio.color--default {
  color: var(--color-icon-default); }

.icon-audio.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio.color--white {
  color: #e2e5e9 !important; }

.icon-audio.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stream:before {
  content: "\E609"; }

.icon-stream.color--default {
  color: var(--color-icon-default); }

.icon-stream.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stream.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stream.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stream.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stream.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stream.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stream.color--white {
  color: #e2e5e9 !important; }

.icon-stream.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stream.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stream.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stream.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ingest:before {
  content: "\E60A"; }

.icon-ingest.color--default {
  color: var(--color-icon-default); }

.icon-ingest.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ingest.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ingest.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ingest.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ingest.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ingest.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ingest.color--white {
  color: #e2e5e9 !important; }

.icon-ingest.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ingest.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ingest.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ingest.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-archive:before {
  content: "\E60B"; }

.icon-archive.color--default {
  color: var(--color-icon-default); }

.icon-archive.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-archive.color--success {
  color: var(--sd-colour-success) !important; }

.icon-archive.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-archive.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-archive.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-archive.color--light {
  color: var(--color-text-lighter) !important; }

.icon-archive.color--white {
  color: #e2e5e9 !important; }

.icon-archive.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-archive.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-archive.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-archive.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-time:before {
  content: "\E60C"; }

.icon-time.color--default {
  color: var(--color-icon-default); }

.icon-time.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-time.color--success {
  color: var(--sd-colour-success) !important; }

.icon-time.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-time.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-time.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-time.color--light {
  color: var(--color-text-lighter) !important; }

.icon-time.color--white {
  color: #e2e5e9 !important; }

.icon-time.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-time.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-time.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-time.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pin:before {
  content: "\E60D"; }

.icon-pin.color--default {
  color: var(--color-icon-default); }

.icon-pin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pin.color--white {
  color: #e2e5e9 !important; }

.icon-pin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand:before {
  content: "\E60E"; }

.icon-expand.color--default {
  color: var(--color-icon-default); }

.icon-expand.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand.color--white {
  color: #e2e5e9 !important; }

.icon-expand.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ascending:before {
  content: "\E60F"; }

.icon-ascending.color--default {
  color: var(--color-icon-default); }

.icon-ascending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ascending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ascending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ascending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ascending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ascending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ascending.color--white {
  color: #e2e5e9 !important; }

.icon-ascending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ascending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ascending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ascending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-descending:before {
  content: "\E60F"; }

.icon-descending {
  transform: rotate(180deg); }

.icon-descending.color--default {
  color: var(--color-icon-default); }

.icon-descending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-descending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-descending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-descending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-descending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-descending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-descending.color--white {
  color: #e2e5e9 !important; }

.icon-descending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-descending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-descending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-descending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th:before {
  content: "\E610"; }

.icon-th.color--default {
  color: var(--color-icon-default); }

.icon-th.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th.color--white {
  color: #e2e5e9 !important; }

.icon-th.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view:before {
  content: "\E610"; }

.icon-grid-view.color--default {
  color: var(--color-icon-default); }

.icon-grid-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-list:before {
  content: "\E611"; }

.icon-th-list.color--default {
  color: var(--color-icon-default); }

.icon-th-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-list.color--white {
  color: #e2e5e9 !important; }

.icon-th-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-view:before {
  content: "\E611"; }

.icon-list-view.color--default {
  color: var(--color-icon-default); }

.icon-list-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-view.color--white {
  color: #e2e5e9 !important; }

.icon-list-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pencil:before {
  content: "\E612"; }

.icon-pencil.color--default {
  color: var(--color-icon-default); }

.icon-pencil.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pencil.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pencil.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pencil.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pencil.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pencil.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pencil.color--white {
  color: #e2e5e9 !important; }

.icon-pencil.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pencil.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pencil.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pencil.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-lock:before {
  content: "\E613"; }

.icon-lock.color--default {
  color: var(--color-icon-default); }

.icon-lock.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-lock.color--success {
  color: var(--sd-colour-success) !important; }

.icon-lock.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-lock.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-lock.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-lock.color--light {
  color: var(--color-text-lighter) !important; }

.icon-lock.color--white {
  color: #e2e5e9 !important; }

.icon-lock.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-lock.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-lock.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-lock.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-retweet:before {
  content: "\E614"; }

.icon-retweet.color--default {
  color: var(--color-icon-default); }

.icon-retweet.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-retweet.color--success {
  color: var(--sd-colour-success) !important; }

.icon-retweet.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-retweet.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-retweet.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-retweet.color--light {
  color: var(--color-text-lighter) !important; }

.icon-retweet.color--white {
  color: #e2e5e9 !important; }

.icon-retweet.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-retweet.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-retweet.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-retweet.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unspike:before {
  content: "\E615"; }

.icon-unspike.color--default {
  color: var(--color-icon-default); }

.icon-unspike.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unspike.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unspike.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unspike.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unspike.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unspike.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unspike.color--white {
  color: #e2e5e9 !important; }

.icon-unspike.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unspike.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unspike.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unspike.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fullscreen:before {
  content: "\E616"; }

.icon-fullscreen.color--default {
  color: var(--color-icon-default); }

.icon-fullscreen.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fullscreen.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fullscreen.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fullscreen.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fullscreen.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fullscreen.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fullscreen.color--white {
  color: #e2e5e9 !important; }

.icon-fullscreen.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fullscreen.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fullscreen.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fullscreen.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fetch-as:before {
  content: "\E617"; }

.icon-fetch-as.color--default {
  color: var(--color-icon-default); }

.icon-fetch-as.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fetch-as.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fetch-as.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fetch-as.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fetch-as.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fetch-as.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fetch-as.color--white {
  color: #e2e5e9 !important; }

.icon-fetch-as.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fetch-as.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fetch-as.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fetch-as.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-search:before {
  content: "\E618"; }

.icon-search.color--default {
  color: var(--color-icon-default); }

.icon-search.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-search.color--success {
  color: var(--sd-colour-success) !important; }

.icon-search.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-search.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-search.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-search.color--light {
  color: var(--color-text-lighter) !important; }

.icon-search.color--white {
  color: #e2e5e9 !important; }

.icon-search.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-search.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-search.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-search.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star:before {
  content: "\E619"; }

.icon-star.color--default {
  color: var(--color-icon-default); }

.icon-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star.color--white {
  color: #e2e5e9 !important; }

.icon-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star-empty:before {
  content: "\E61A"; }

.icon-star-empty.color--default {
  color: var(--color-icon-default); }

.icon-star-empty.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star-empty.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star-empty.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star-empty.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star-empty.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star-empty.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star-empty.color--white {
  color: #e2e5e9 !important; }

.icon-star-empty.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star-empty.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star-empty.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star-empty.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multi-star:before {
  content: "\E61B"; }

.icon-multi-star.color--default {
  color: var(--color-icon-default); }

.icon-multi-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multi-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multi-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multi-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multi-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multi-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multi-star.color--white {
  color: #e2e5e9 !important; }

.icon-multi-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multi-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multi-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multi-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-large:before {
  content: "\E61C"; }

.icon-th-large.color--default {
  color: var(--color-icon-default); }

.icon-th-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-large.color--white {
  color: #e2e5e9 !important; }

.icon-th-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view-large:before {
  content: "\E61C"; }

.icon-grid-view-large.color--default {
  color: var(--color-icon-default); }

.icon-grid-view-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view-large.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ok:before {
  content: "\E61D"; }

.icon-ok.color--default {
  color: var(--color-icon-default); }

.icon-ok.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ok.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ok.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ok.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ok.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ok.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ok.color--white {
  color: #e2e5e9 !important; }

.icon-ok.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ok.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ok.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ok.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-in:before {
  content: "\E61E"; }

.icon-zoom-in.color--default {
  color: var(--color-icon-default); }

.icon-zoom-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-in.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-out:before {
  content: "\E61F"; }

.icon-zoom-out.color--default {
  color: var(--color-icon-default); }

.icon-zoom-out.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-out.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-out.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-out.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-out.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-out.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-out.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-out.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-out.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-out.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-out.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-signal:before {
  content: "\E620"; }

.icon-signal.color--default {
  color: var(--color-icon-default); }

.icon-signal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-signal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-signal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-signal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-signal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-signal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-signal.color--white {
  color: #e2e5e9 !important; }

.icon-signal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-signal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-signal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-signal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-filter-large:before {
  content: "\E621"; }

.icon-filter-large.color--default {
  color: var(--color-icon-default); }

.icon-filter-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-filter-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-filter-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-filter-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-filter-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-filter-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-filter-large.color--white {
  color: #e2e5e9 !important; }

.icon-filter-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-filter-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-filter-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-filter-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-trash:before {
  content: "\E622"; }

.icon-trash.color--default {
  color: var(--color-icon-default); }

.icon-trash.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-trash.color--success {
  color: var(--sd-colour-success) !important; }

.icon-trash.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-trash.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-trash.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-trash.color--light {
  color: var(--color-text-lighter) !important; }

.icon-trash.color--white {
  color: #e2e5e9 !important; }

.icon-trash.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-trash.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-trash.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-trash.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-user:before {
  content: "\E623"; }

.icon-user.color--default {
  color: var(--color-icon-default); }

.icon-user.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-user.color--success {
  color: var(--sd-colour-success) !important; }

.icon-user.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-user.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-user.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-user.color--light {
  color: var(--color-text-lighter) !important; }

.icon-user.color--white {
  color: #e2e5e9 !important; }

.icon-user.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-user.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-user.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-user.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download:before {
  content: "\E624"; }

.icon-download.color--default {
  color: var(--color-icon-default); }

.icon-download.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download.color--white {
  color: #e2e5e9 !important; }

.icon-download.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-upload:before {
  content: "\E625"; }

.icon-upload.color--default {
  color: var(--color-icon-default); }

.icon-upload.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-upload.color--success {
  color: var(--sd-colour-success) !important; }

.icon-upload.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-upload.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-upload.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-upload.color--light {
  color: var(--color-text-lighter) !important; }

.icon-upload.color--white {
  color: #e2e5e9 !important; }

.icon-upload.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-upload.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-upload.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-upload.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-repeat:before {
  content: "\E626"; }

.icon-repeat.color--default {
  color: var(--color-icon-default); }

.icon-repeat.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-repeat.color--success {
  color: var(--sd-colour-success) !important; }

.icon-repeat.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-repeat.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-repeat.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-repeat.color--light {
  color: var(--color-text-lighter) !important; }

.icon-repeat.color--white {
  color: #e2e5e9 !important; }

.icon-repeat.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-repeat.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-repeat.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-repeat.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-refresh:before {
  content: "\E627"; }

.icon-refresh.color--default {
  color: var(--color-icon-default); }

.icon-refresh.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-refresh.color--success {
  color: var(--sd-colour-success) !important; }

.icon-refresh.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-refresh.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-refresh.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-refresh.color--light {
  color: var(--color-text-lighter) !important; }

.icon-refresh.color--white {
  color: #e2e5e9 !important; }

.icon-refresh.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-refresh.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-refresh.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-refresh.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt:before {
  content: "\E628"; }

.icon-list-alt.color--default {
  color: var(--color-icon-default); }

.icon-list-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-large:before {
  content: "\E629"; }

.icon-plus-large.color--default {
  color: var(--color-icon-default); }

.icon-plus-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-large.color--white {
  color: #e2e5e9 !important; }

.icon-plus-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-picture:before {
  content: "\E62A"; }

.icon-picture.color--default {
  color: var(--color-icon-default); }

.icon-picture.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-picture.color--success {
  color: var(--sd-colour-success) !important; }

.icon-picture.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-picture.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-picture.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-picture.color--light {
  color: var(--color-text-lighter) !important; }

.icon-picture.color--white {
  color: #e2e5e9 !important; }

.icon-picture.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-picture.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-picture.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-picture.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-question-sign:before {
  content: "\E62B"; }

.icon-question-sign.color--default {
  color: var(--color-icon-default); }

.icon-question-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-question-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-question-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-question-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-question-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-question-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-question-sign.color--white {
  color: #e2e5e9 !important; }

.icon-question-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-question-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-question-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-question-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-sign:before {
  content: "\E62C"; }

.icon-info-sign.color--default {
  color: var(--color-icon-default); }

.icon-info-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-sign.color--white {
  color: #e2e5e9 !important; }

.icon-info-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-sign:before {
  content: "\E62D"; }

.icon-plus-sign.color--default {
  color: var(--color-icon-default); }

.icon-plus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-plus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-sign:before {
  content: "\E62E"; }

.icon-minus-sign.color--default {
  color: var(--color-icon-default); }

.icon-minus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-minus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-remove-sign:before {
  content: "\E62F"; }

.icon-remove-sign.color--default {
  color: var(--color-icon-default); }

.icon-remove-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-remove-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-remove-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-remove-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-remove-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-remove-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-remove-sign.color--white {
  color: #e2e5e9 !important; }

.icon-remove-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-remove-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-remove-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-remove-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-share-alt:before {
  content: "\E630"; }

.icon-share-alt.color--default {
  color: var(--color-icon-default); }

.icon-share-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-share-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-share-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-share-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-share-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-share-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-share-alt.color--white {
  color: #e2e5e9 !important; }

.icon-share-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-share-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-share-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-share-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-exclamation-sign:before {
  content: "\E631"; }

.icon-exclamation-sign.color--default {
  color: var(--color-icon-default); }

.icon-exclamation-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-exclamation-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-exclamation-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-exclamation-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-exclamation-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-exclamation-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-exclamation-sign.color--white {
  color: #e2e5e9 !important; }

.icon-exclamation-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-exclamation-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-exclamation-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-exclamation-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-eye-open:before {
  content: "\E632"; }

.icon-eye-open.color--default {
  color: var(--color-icon-default); }

.icon-eye-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-eye-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-eye-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-eye-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-eye-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-eye-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-eye-open.color--white {
  color: #e2e5e9 !important; }

.icon-eye-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-eye-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-eye-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-eye-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-copy:before {
  content: "\E633"; }

.icon-copy.color--default {
  color: var(--color-icon-default); }

.icon-copy.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-copy.color--success {
  color: var(--sd-colour-success) !important; }

.icon-copy.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-copy.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-copy.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-copy.color--light {
  color: var(--color-text-lighter) !important; }

.icon-copy.color--white {
  color: #e2e5e9 !important; }

.icon-copy.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-copy.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-copy.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-copy.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-comment:before {
  content: "\E634"; }

.icon-comment.color--default {
  color: var(--color-icon-default); }

.icon-comment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-comment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-comment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-comment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-comment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-comment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-comment.color--white {
  color: #e2e5e9 !important; }

.icon-comment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-comment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-comment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-comment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-warning-sign:before {
  content: "\E635"; }

.icon-warning-sign.color--default {
  color: var(--color-icon-default); }

.icon-warning-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-warning-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-warning-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-warning-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-warning-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-warning-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-warning-sign.color--white {
  color: #e2e5e9 !important; }

.icon-warning-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-warning-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-warning-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-warning-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-adjust:before {
  content: "\E636"; }

.icon-adjust.color--default {
  color: var(--color-icon-default); }

.icon-adjust.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-adjust.color--success {
  color: var(--sd-colour-success) !important; }

.icon-adjust.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-adjust.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-adjust.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-adjust.color--light {
  color: var(--color-text-lighter) !important; }

.icon-adjust.color--white {
  color: #e2e5e9 !important; }

.icon-adjust.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-adjust.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-adjust.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-adjust.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-close:before {
  content: "\E637"; }

.icon-folder-close.color--default {
  color: var(--color-icon-default); }

.icon-folder-close.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-close.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-close.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-close.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-close.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-close.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-close.color--white {
  color: #e2e5e9 !important; }

.icon-folder-close.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-close.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-close.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-close.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-open:before {
  content: "\E638"; }

.icon-folder-open.color--default {
  color: var(--color-icon-default); }

.icon-folder-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-open.color--white {
  color: #e2e5e9 !important; }

.icon-folder-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download-alt:before {
  content: "\E639"; }

.icon-download-alt.color--default {
  color: var(--color-icon-default); }

.icon-download-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download-alt.color--white {
  color: #e2e5e9 !important; }

.icon-download-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-tasks:before {
  content: "\E63A"; }

.icon-tasks.color--default {
  color: var(--color-icon-default); }

.icon-tasks.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-tasks.color--success {
  color: var(--sd-colour-success) !important; }

.icon-tasks.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-tasks.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-tasks.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-tasks.color--light {
  color: var(--color-text-lighter) !important; }

.icon-tasks.color--white {
  color: #e2e5e9 !important; }

.icon-tasks.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-tasks.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-tasks.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-tasks.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-globe:before {
  content: "\E63B"; }

.icon-globe.color--default {
  color: var(--color-icon-default); }

.icon-globe.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-globe.color--success {
  color: var(--sd-colour-success) !important; }

.icon-globe.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-globe.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-globe.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-globe.color--light {
  color: var(--color-text-lighter) !important; }

.icon-globe.color--white {
  color: #e2e5e9 !important; }

.icon-globe.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-globe.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-globe.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-globe.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-link:before {
  content: "\E63C"; }

.icon-link.color--default {
  color: var(--color-icon-default); }

.icon-link.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-link.color--success {
  color: var(--sd-colour-success) !important; }

.icon-link.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-link.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-link.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-link.color--light {
  color: var(--color-text-lighter) !important; }

.icon-link.color--white {
  color: #e2e5e9 !important; }

.icon-link.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-link.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-link.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-link.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand-thin:before {
  content: "\E63D"; }

.icon-expand-thin.color--default {
  color: var(--color-icon-default); }

.icon-expand-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand-thin.color--white {
  color: #e2e5e9 !important; }

.icon-expand-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-assign:before {
  content: "\E63E"; }

.icon-assign.color--default {
  color: var(--color-icon-default); }

.icon-assign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-assign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-assign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-assign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-assign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-assign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-assign.color--white {
  color: #e2e5e9 !important; }

.icon-assign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-assign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-assign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-assign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots:before {
  content: "\E63F"; }

.icon-dots.color--default {
  color: var(--color-icon-default); }

.icon-dots.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots.color--white {
  color: #e2e5e9 !important; }

.icon-dots.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots-vertical:before {
  content: "\E63F"; }

.icon-dots-vertical {
  transform: rotate(90deg); }

.icon-dots-vertical.color--default {
  color: var(--color-icon-default); }

.icon-dots-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-dots-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-backward-thin:before {
  content: "\E640"; }

.icon-backward-thin.color--default {
  color: var(--color-icon-default); }

.icon-backward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-backward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-backward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-backward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-backward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-backward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-backward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-backward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-backward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-backward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-backward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-forward-thin:before {
  content: "\E641"; }

.icon-forward-thin.color--default {
  color: var(--color-icon-default); }

.icon-forward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-forward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-forward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-forward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-forward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-forward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-forward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-forward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-forward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-forward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-forward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-left-thin:before {
  content: "\E642"; }

.icon-chevron-left-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-left-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-left-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-left-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-left-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-left-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-left-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-left-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-left-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-left-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-left-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-left-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-right-thin:before {
  content: "\E643"; }

.icon-chevron-right-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-right-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-right-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-right-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-right-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-right-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-right-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-right-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-right-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-right-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-right-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-right-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-switches:before {
  content: "\E644"; }

.icon-switches.color--default {
  color: var(--color-icon-default); }

.icon-switches.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-switches.color--success {
  color: var(--sd-colour-success) !important; }

.icon-switches.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-switches.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-switches.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-switches.color--light {
  color: var(--color-text-lighter) !important; }

.icon-switches.color--white {
  color: #e2e5e9 !important; }

.icon-switches.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-switches.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-switches.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-switches.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-small:before {
  content: "\E645"; }

.icon-plus-small.color--default {
  color: var(--color-icon-default); }

.icon-plus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-small.color--white {
  color: #e2e5e9 !important; }

.icon-plus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-small:before {
  content: "\E646"; }

.icon-minus-small.color--default {
  color: var(--color-icon-default); }

.icon-minus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-small.color--white {
  color: #e2e5e9 !important; }

.icon-minus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-small:before {
  content: "\E647"; }

.icon-close-small.color--default {
  color: var(--color-icon-default); }

.icon-close-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-small.color--white {
  color: #e2e5e9 !important; }

.icon-close-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post:before {
  content: "\E648"; }

.icon-post.color--default {
  color: var(--color-icon-default); }

.icon-post.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post.color--white {
  color: #e2e5e9 !important; }

.icon-post.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-external:before {
  content: "\E649"; }

.icon-external.color--default {
  color: var(--color-icon-default); }

.icon-external.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-external.color--success {
  color: var(--sd-colour-success) !important; }

.icon-external.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-external.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-external.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-external.color--light {
  color: var(--color-text-lighter) !important; }

.icon-external.color--white {
  color: #e2e5e9 !important; }

.icon-external.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-external.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-external.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-external.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-up-thin:before {
  content: "\E64A"; }

.icon-chevron-up-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-up-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-up-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-up-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-up-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-up-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-up-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-up-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-up-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-up-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-up-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-up-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-down-thin:before {
  content: "\E64B"; }

.icon-chevron-down-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-down-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-down-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-down-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-down-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-down-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-down-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-down-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-down-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-down-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-down-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-down-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pick:before {
  content: "\E64C"; }

.icon-pick.color--default {
  color: var(--color-icon-default); }

.icon-pick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pick.color--white {
  color: #e2e5e9 !important; }

.icon-pick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-revert:before {
  content: "\E64D"; }

.icon-revert.color--default {
  color: var(--color-icon-default); }

.icon-revert.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-revert.color--success {
  color: var(--sd-colour-success) !important; }

.icon-revert.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-revert.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-revert.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-revert.color--light {
  color: var(--color-text-lighter) !important; }

.icon-revert.color--white {
  color: #e2e5e9 !important; }

.icon-revert.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-revert.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-revert.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-revert.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-plus:before {
  content: "\E64E"; }

.icon-package-plus.color--default {
  color: var(--color-icon-default); }

.icon-package-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-plus.color--white {
  color: #e2e5e9 !important; }

.icon-package-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-plus:before {
  content: "\E64F"; }

.icon-list-plus.color--default {
  color: var(--color-icon-default); }

.icon-list-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-plus.color--white {
  color: #e2e5e9 !important; }

.icon-list-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-envelope:before {
  content: "\E650"; }

.icon-envelope.color--default {
  color: var(--color-icon-default); }

.icon-envelope.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-envelope.color--success {
  color: var(--sd-colour-success) !important; }

.icon-envelope.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-envelope.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-envelope.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-envelope.color--light {
  color: var(--color-text-lighter) !important; }

.icon-envelope.color--white {
  color: #e2e5e9 !important; }

.icon-envelope.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-envelope.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-envelope.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-envelope.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heart:before {
  content: "\E651"; }

.icon-heart.color--default {
  color: var(--color-icon-default); }

.icon-heart.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heart.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heart.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heart.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heart.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heart.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heart.color--white {
  color: #e2e5e9 !important; }

.icon-heart.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heart.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heart.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heart.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-home:before {
  content: "\E652"; }

.icon-home.color--default {
  color: var(--color-icon-default); }

.icon-home.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-home.color--success {
  color: var(--sd-colour-success) !important; }

.icon-home.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-home.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-home.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-home.color--light {
  color: var(--color-text-lighter) !important; }

.icon-home.color--white {
  color: #e2e5e9 !important; }

.icon-home.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-home.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-home.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-home.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-print:before {
  content: "\E653"; }

.icon-print.color--default {
  color: var(--color-icon-default); }

.icon-print.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-print.color--success {
  color: var(--sd-colour-success) !important; }

.icon-print.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-print.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-print.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-print.color--light {
  color: var(--color-text-lighter) !important; }

.icon-print.color--white {
  color: #e2e5e9 !important; }

.icon-print.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-print.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-print.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-print.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-font:before {
  content: "\E654"; }

.icon-font.color--default {
  color: var(--color-icon-default); }

.icon-font.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-font.color--success {
  color: var(--sd-colour-success) !important; }

.icon-font.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-font.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-font.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-font.color--light {
  color: var(--color-text-lighter) !important; }

.icon-font.color--white {
  color: #e2e5e9 !important; }

.icon-font.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-font.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-font.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-font.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bold:before {
  content: "\E655"; }

.icon-bold.color--default {
  color: var(--color-icon-default); }

.icon-bold.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bold.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bold.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bold.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bold.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bold.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bold.color--white {
  color: #e2e5e9 !important; }

.icon-bold.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bold.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bold.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bold.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-italic:before {
  content: "\E656"; }

.icon-italic.color--default {
  color: var(--color-icon-default); }

.icon-italic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-italic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-italic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-italic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-italic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-italic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-italic.color--white {
  color: #e2e5e9 !important; }

.icon-italic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-italic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-italic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-italic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-underline:before {
  content: "\E657"; }

.icon-underline.color--default {
  color: var(--color-icon-default); }

.icon-underline.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-underline.color--success {
  color: var(--sd-colour-success) !important; }

.icon-underline.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-underline.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-underline.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-underline.color--light {
  color: var(--color-text-lighter) !important; }

.icon-underline.color--white {
  color: #e2e5e9 !important; }

.icon-underline.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-underline.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-underline.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-underline.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-strikethrough:before {
  content: "\E658"; }

.icon-strikethrough.color--default {
  color: var(--color-icon-default); }

.icon-strikethrough.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-strikethrough.color--success {
  color: var(--sd-colour-success) !important; }

.icon-strikethrough.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-strikethrough.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-strikethrough.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-strikethrough.color--light {
  color: var(--color-text-lighter) !important; }

.icon-strikethrough.color--white {
  color: #e2e5e9 !important; }

.icon-strikethrough.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-strikethrough.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-strikethrough.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-strikethrough.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-left:before {
  content: "\E659"; }

.icon-align-left.color--default {
  color: var(--color-icon-default); }

.icon-align-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-left.color--white {
  color: #e2e5e9 !important; }

.icon-align-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-center:before {
  content: "\E65A"; }

.icon-align-center.color--default {
  color: var(--color-icon-default); }

.icon-align-center.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-center.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-center.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-center.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-center.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-center.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-center.color--white {
  color: #e2e5e9 !important; }

.icon-align-center.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-center.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-center.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-center.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-right:before {
  content: "\E65B"; }

.icon-align-right.color--default {
  color: var(--color-icon-default); }

.icon-align-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-right.color--white {
  color: #e2e5e9 !important; }

.icon-align-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-justify:before {
  content: "\E65C"; }

.icon-align-justify.color--default {
  color: var(--color-icon-default); }

.icon-align-justify.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-justify.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-justify.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-justify.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-justify.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-justify.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-justify.color--white {
  color: #e2e5e9 !important; }

.icon-align-justify.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-justify.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-justify.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-justify.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unordered-list:before {
  content: "\E65D"; }

.icon-unordered-list.color--default {
  color: var(--color-icon-default); }

.icon-unordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-unordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-left:before {
  content: "\E65E"; }

.icon-indent-left.color--default {
  color: var(--color-icon-default); }

.icon-indent-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-left.color--white {
  color: #e2e5e9 !important; }

.icon-indent-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-right:before {
  content: "\E65F"; }

.icon-indent-right.color--default {
  color: var(--color-icon-default); }

.icon-indent-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-right.color--white {
  color: #e2e5e9 !important; }

.icon-indent-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ban-circle:before {
  content: "\E660"; }

.icon-ban-circle.color--default {
  color: var(--color-icon-default); }

.icon-ban-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ban-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ban-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ban-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ban-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ban-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ban-circle.color--white {
  color: #e2e5e9 !important; }

.icon-ban-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ban-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ban-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ban-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bell:before {
  content: "\E661"; }

.icon-bell.color--default {
  color: var(--color-icon-default); }

.icon-bell.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bell.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bell.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bell.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bell.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bell.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bell.color--white {
  color: #e2e5e9 !important; }

.icon-bell.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bell.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bell.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bell.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-random:before {
  content: "\E662"; }

.icon-random.color--default {
  color: var(--color-icon-default); }

.icon-random.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-random.color--success {
  color: var(--sd-colour-success) !important; }

.icon-random.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-random.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-random.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-random.color--light {
  color: var(--color-text-lighter) !important; }

.icon-random.color--white {
  color: #e2e5e9 !important; }

.icon-random.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-random.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-random.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-random.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-settings:before {
  content: "\E663"; }

.icon-settings.color--default {
  color: var(--color-icon-default); }

.icon-settings.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-settings.color--success {
  color: var(--sd-colour-success) !important; }

.icon-settings.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-settings.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-settings.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-settings.color--light {
  color: var(--color-text-lighter) !important; }

.icon-settings.color--white {
  color: #e2e5e9 !important; }

.icon-settings.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-settings.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-settings.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-settings.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-create:before {
  content: "\E664"; }

.icon-package-create.color--default {
  color: var(--color-icon-default); }

.icon-package-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-create.color--white {
  color: #e2e5e9 !important; }

.icon-package-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-menu:before {
  content: "\E665"; }

.icon-list-menu.color--default {
  color: var(--color-icon-default); }

.icon-list-menu.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-menu.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-menu.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-menu.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-menu.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-menu.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-menu.color--white {
  color: #e2e5e9 !important; }

.icon-list-menu.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-menu.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-menu.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-menu.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-new-doc:before {
  content: "\E666"; }

.icon-new-doc.color--default {
  color: var(--color-icon-default); }

.icon-new-doc.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-new-doc.color--success {
  color: var(--sd-colour-success) !important; }

.icon-new-doc.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-new-doc.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-new-doc.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-new-doc.color--light {
  color: var(--color-text-lighter) !important; }

.icon-new-doc.color--white {
  color: #e2e5e9 !important; }

.icon-new-doc.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-new-doc.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-new-doc.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-new-doc.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-edit-line:before {
  content: "\E667"; }

.icon-edit-line.color--default {
  color: var(--color-icon-default); }

.icon-edit-line.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-edit-line.color--success {
  color: var(--sd-colour-success) !important; }

.icon-edit-line.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-edit-line.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-edit-line.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-edit-line.color--light {
  color: var(--color-text-lighter) !important; }

.icon-edit-line.color--white {
  color: #e2e5e9 !important; }

.icon-edit-line.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-edit-line.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-edit-line.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-edit-line.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar-list:before {
  content: "\E668"; }

.icon-calendar-list.color--default {
  color: var(--color-icon-default); }

.icon-calendar-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar-list.color--white {
  color: #e2e5e9 !important; }

.icon-calendar-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-collapse:before {
  content: "\E669"; }

.icon-collapse.color--default {
  color: var(--color-icon-default); }

.icon-collapse.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-collapse.color--success {
  color: var(--sd-colour-success) !important; }

.icon-collapse.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-collapse.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-collapse.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-collapse.color--light {
  color: var(--color-text-lighter) !important; }

.icon-collapse.color--white {
  color: #e2e5e9 !important; }

.icon-collapse.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-collapse.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-collapse.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-collapse.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast:before {
  content: "\E66A"; }

.icon-broadcast.color--default {
  color: var(--color-icon-default); }

.icon-broadcast.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast-create:before {
  content: "\E66B"; }

.icon-broadcast-create.color--default {
  color: var(--color-icon-default); }

.icon-broadcast-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast-create.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kill:before {
  content: "\E66C"; }

.icon-kill.color--default {
  color: var(--color-icon-default); }

.icon-kill.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kill.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kill.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kill.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kill.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kill.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kill.color--white {
  color: #e2e5e9 !important; }

.icon-kill.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kill.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kill.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kill.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic:before {
  content: "\E66D"; }

.icon-graphic.color--default {
  color: var(--color-icon-default); }

.icon-graphic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic.color--white {
  color: #e2e5e9 !important; }

.icon-graphic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-thick:before {
  content: "\E66E"; }

.icon-close-thick.color--default {
  color: var(--color-icon-default); }

.icon-close-thick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-thick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-thick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-thick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-thick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-thick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-thick.color--white {
  color: #e2e5e9 !important; }

.icon-close-thick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-thick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-thick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-thick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-move:before {
  content: "\E66F"; }

.icon-move.color--default {
  color: var(--color-icon-default); }

.icon-move.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-move.color--success {
  color: var(--sd-colour-success) !important; }

.icon-move.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-move.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-move.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-move.color--light {
  color: var(--color-text-lighter) !important; }

.icon-move.color--white {
  color: #e2e5e9 !important; }

.icon-move.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-move.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-move.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-move.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-takes-package:before {
  content: "\E670"; }

.icon-takes-package.color--default {
  color: var(--color-icon-default); }

.icon-takes-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-takes-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-takes-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-takes-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-takes-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-takes-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-takes-package.color--white {
  color: #e2e5e9 !important; }

.icon-takes-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-takes-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-takes-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-takes-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-highlight-package:before {
  content: "\E671"; }

.icon-highlight-package.color--default {
  color: var(--color-icon-default); }

.icon-highlight-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-highlight-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-highlight-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-highlight-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-highlight-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-highlight-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-highlight-package.color--white {
  color: #e2e5e9 !important; }

.icon-highlight-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-highlight-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-highlight-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-highlight-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preview-mode:before {
  content: "\E672"; }

.icon-preview-mode.color--default {
  color: var(--color-icon-default); }

.icon-preview-mode.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preview-mode.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preview-mode.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preview-mode.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preview-mode.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preview-mode.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preview-mode.color--white {
  color: #e2e5e9 !important; }

.icon-preview-mode.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preview-mode.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preview-mode.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preview-mode.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unlocked:before {
  content: "\E673"; }

.icon-unlocked.color--default {
  color: var(--color-icon-default); }

.icon-unlocked.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unlocked.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unlocked.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unlocked.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unlocked.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unlocked.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unlocked.color--white {
  color: #e2e5e9 !important; }

.icon-unlocked.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unlocked.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unlocked.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unlocked.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-code:before {
  content: "\E674"; }

.icon-code.color--default {
  color: var(--color-icon-default); }

.icon-code.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-code.color--success {
  color: var(--sd-colour-success) !important; }

.icon-code.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-code.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-code.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-code.color--light {
  color: var(--color-text-lighter) !important; }

.icon-code.color--white {
  color: #e2e5e9 !important; }

.icon-code.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-code.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-code.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-code.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-cut:before {
  content: "\E675"; }

.icon-cut.color--default {
  color: var(--color-icon-default); }

.icon-cut.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-cut.color--success {
  color: var(--sd-colour-success) !important; }

.icon-cut.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-cut.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-cut.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-cut.color--light {
  color: var(--color-text-lighter) !important; }

.icon-cut.color--white {
  color: #e2e5e9 !important; }

.icon-cut.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-cut.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-cut.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-cut.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paste:before {
  content: "\E676"; }

.icon-paste.color--default {
  color: var(--color-icon-default); }

.icon-paste.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paste.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paste.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paste.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paste.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paste.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paste.color--white {
  color: #e2e5e9 !important; }

.icon-paste.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paste.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paste.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paste.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-left:before {
  content: "\E677"; }

.icon-arrow-left.color--default {
  color: var(--color-icon-default); }

.icon-arrow-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-left.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-right:before {
  content: "\E678"; }

.icon-arrow-right.color--default {
  color: var(--color-icon-default); }

.icon-arrow-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-right.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-large:before {
  content: "\E679"; }

.icon-info-large.color--default {
  color: var(--color-icon-default); }

.icon-info-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-large.color--white {
  color: #e2e5e9 !important; }

.icon-info-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-help-large:before {
  content: "\E67A"; }

.icon-help-large.color--default {
  color: var(--color-icon-default); }

.icon-help-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-help-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-help-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-help-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-help-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-help-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-help-large.color--white {
  color: #e2e5e9 !important; }

.icon-help-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-help-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-help-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-help-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment:before {
  content: "\E67B"; }

.icon-attachment.color--default {
  color: var(--color-icon-default); }

.icon-attachment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment.color--white {
  color: #e2e5e9 !important; }

.icon-attachment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment-large:before {
  content: "\E67C"; }

.icon-attachment-large.color--default {
  color: var(--color-icon-default); }

.icon-attachment-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment-large.color--white {
  color: #e2e5e9 !important; }

.icon-attachment-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-table:before {
  content: "\E67D"; }

.icon-table.color--default {
  color: var(--color-icon-default); }

.icon-table.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-table.color--success {
  color: var(--sd-colour-success) !important; }

.icon-table.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-table.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-table.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-table.color--light {
  color: var(--color-text-lighter) !important; }

.icon-table.color--white {
  color: #e2e5e9 !important; }

.icon-table.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-table.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-table.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-table.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ordered-list:before {
  content: "\E67E"; }

.icon-ordered-list.color--default {
  color: var(--color-icon-default); }

.icon-ordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-ordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-1:before {
  content: "\E67F"; }

.icon-heading-1.color--default {
  color: var(--color-icon-default); }

.icon-heading-1.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-1.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-1.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-1.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-1.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-1.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-1.color--white {
  color: #e2e5e9 !important; }

.icon-heading-1.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-1.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-1.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-1.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-2:before {
  content: "\E680"; }

.icon-heading-2.color--default {
  color: var(--color-icon-default); }

.icon-heading-2.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-2.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-2.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-2.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-2.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-2.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-2.color--white {
  color: #e2e5e9 !important; }

.icon-heading-2.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-2.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-2.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-2.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-3:before {
  content: "\E681"; }

.icon-heading-3.color--default {
  color: var(--color-icon-default); }

.icon-heading-3.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-3.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-3.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-3.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-3.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-3.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-3.color--white {
  color: #e2e5e9 !important; }

.icon-heading-3.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-3.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-3.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-3.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-4:before {
  content: "\E682"; }

.icon-heading-4.color--default {
  color: var(--color-icon-default); }

.icon-heading-4.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-4.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-4.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-4.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-4.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-4.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-4.color--white {
  color: #e2e5e9 !important; }

.icon-heading-4.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-4.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-4.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-4.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-5:before {
  content: "\E683"; }

.icon-heading-5.color--default {
  color: var(--color-icon-default); }

.icon-heading-5.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-5.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-5.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-5.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-5.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-5.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-5.color--white {
  color: #e2e5e9 !important; }

.icon-heading-5.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-5.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-5.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-5.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-6:before {
  content: "\E684"; }

.icon-heading-6.color--default {
  color: var(--color-icon-default); }

.icon-heading-6.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-6.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-6.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-6.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-6.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-6.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-6.color--white {
  color: #e2e5e9 !important; }

.icon-heading-6.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-6.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-6.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-6.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-quote:before {
  content: "\E685"; }

.icon-quote.color--default {
  color: var(--color-icon-default); }

.icon-quote.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-quote.color--success {
  color: var(--sd-colour-success) !important; }

.icon-quote.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-quote.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-quote.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-quote.color--light {
  color: var(--color-text-lighter) !important; }

.icon-quote.color--white {
  color: #e2e5e9 !important; }

.icon-quote.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-quote.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-quote.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-quote.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multiedit:before {
  content: "\E686"; }

.icon-multiedit.color--default {
  color: var(--color-icon-default); }

.icon-multiedit.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multiedit.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multiedit.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multiedit.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multiedit.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multiedit.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multiedit.color--white {
  color: #e2e5e9 !important; }

.icon-multiedit.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multiedit.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multiedit.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multiedit.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-phone:before {
  content: "\E687"; }

.icon-phone.color--default {
  color: var(--color-icon-default); }

.icon-phone.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-phone.color--success {
  color: var(--sd-colour-success) !important; }

.icon-phone.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-phone.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-phone.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-phone.color--light {
  color: var(--color-text-lighter) !important; }

.icon-phone.color--white {
  color: #e2e5e9 !important; }

.icon-phone.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-phone.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-phone.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-phone.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-mobile:before {
  content: "\E688"; }

.icon-mobile.color--default {
  color: var(--color-icon-default); }

.icon-mobile.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-mobile.color--success {
  color: var(--sd-colour-success) !important; }

.icon-mobile.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-mobile.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-mobile.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-mobile.color--light {
  color: var(--color-text-lighter) !important; }

.icon-mobile.color--white {
  color: #e2e5e9 !important; }

.icon-mobile.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-mobile.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-mobile.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-mobile.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter:before {
  content: "\E689"; }

.icon-twitter.color--default {
  color: var(--color-icon-default); }

.icon-twitter.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter.color--white {
  color: #e2e5e9 !important; }

.icon-twitter.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook:before {
  content: "\E68A"; }

.icon-facebook.color--default {
  color: var(--color-icon-default); }

.icon-facebook.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook.color--white {
  color: #e2e5e9 !important; }

.icon-facebook.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in:before {
  content: "\E68B"; }

.icon-linked-in.color--default {
  color: var(--color-icon-default); }

.icon-linked-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter-circle:before {
  content: "\E68C"; }

.icon-twitter-circle.color--default {
  color: var(--color-icon-default); }

.icon-twitter-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter-circle.color--white {
  color: #e2e5e9 !important; }

.icon-twitter-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook-circle:before {
  content: "\E68D"; }

.icon-facebook-circle.color--default {
  color: var(--color-icon-default); }

.icon-facebook-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook-circle.color--white {
  color: #e2e5e9 !important; }

.icon-facebook-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in-circle:before {
  content: "\E68E"; }

.icon-linked-in-circle.color--default {
  color: var(--color-icon-default); }

.icon-linked-in-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in-circle.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-recurring:before {
  content: "\E68F"; }

.icon-recurring.color--default {
  color: var(--color-icon-default); }

.icon-recurring.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-recurring.color--success {
  color: var(--sd-colour-success) !important; }

.icon-recurring.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-recurring.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-recurring.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-recurring.color--light {
  color: var(--color-text-lighter) !important; }

.icon-recurring.color--white {
  color: #e2e5e9 !important; }

.icon-recurring.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-recurring.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-recurring.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-recurring.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paragraph:before {
  content: "\E690"; }

.icon-paragraph.color--default {
  color: var(--color-icon-default); }

.icon-paragraph.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paragraph.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paragraph.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paragraph.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paragraph.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paragraph.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paragraph.color--white {
  color: #e2e5e9 !important; }

.icon-paragraph.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paragraph.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paragraph.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paragraph.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-suggestion:before {
  content: "\E691"; }

.icon-suggestion.color--default {
  color: var(--color-icon-default); }

.icon-suggestion.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-suggestion.color--success {
  color: var(--sd-colour-success) !important; }

.icon-suggestion.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-suggestion.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-suggestion.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-suggestion.color--light {
  color: var(--color-text-lighter) !important; }

.icon-suggestion.color--white {
  color: #e2e5e9 !important; }

.icon-suggestion.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-suggestion.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-suggestion.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-suggestion.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-event:before {
  content: "\E692"; }

.icon-event.color--default {
  color: var(--color-icon-default); }

.icon-event.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-event.color--success {
  color: var(--sd-colour-success) !important; }

.icon-event.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-event.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-event.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-event.color--light {
  color: var(--color-text-lighter) !important; }

.icon-event.color--white {
  color: #e2e5e9 !important; }

.icon-event.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-event.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-event.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-event.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kanban-view:before {
  content: "\E693"; }

.icon-kanban-view.color--default {
  color: var(--color-icon-default); }

.icon-kanban-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kanban-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kanban-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kanban-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kanban-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kanban-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kanban-view.color--white {
  color: #e2e5e9 !important; }

.icon-kanban-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kanban-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kanban-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kanban-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-subscript:before {
  content: "\E694"; }

.icon-subscript.color--default {
  color: var(--color-icon-default); }

.icon-subscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-subscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-subscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-subscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-subscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-subscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-subscript.color--white {
  color: #e2e5e9 !important; }

.icon-subscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-subscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-subscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-subscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-superscript:before {
  content: "\E695"; }

.icon-superscript.color--default {
  color: var(--color-icon-default); }

.icon-superscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-superscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-superscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-superscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-superscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-superscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-superscript.color--white {
  color: #e2e5e9 !important; }

.icon-superscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-superscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-superscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-superscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-format:before {
  content: "\E696"; }

.icon-clear-format.color--default {
  color: var(--color-icon-default); }

.icon-clear-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-format.color--white {
  color: #e2e5e9 !important; }

.icon-clear-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preformatted:before {
  content: "\E697"; }

.icon-preformatted.color--default {
  color: var(--color-icon-default); }

.icon-preformatted.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preformatted.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preformatted.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preformatted.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preformatted.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preformatted.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preformatted.color--white {
  color: #e2e5e9 !important; }

.icon-preformatted.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preformatted.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preformatted.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preformatted.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-crop:before {
  content: "\E698"; }

.icon-crop.color--default {
  color: var(--color-icon-default); }

.icon-crop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-crop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-crop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-crop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-crop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-crop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-crop.color--white {
  color: #e2e5e9 !important; }

.icon-crop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-crop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-crop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-crop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-horizontal:before {
  content: "\E699"; }

.icon-flip-horizontal.color--default {
  color: var(--color-icon-default); }

.icon-flip-horizontal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-horizontal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-horizontal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-horizontal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-horizontal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-horizontal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-horizontal.color--white {
  color: #e2e5e9 !important; }

.icon-flip-horizontal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-horizontal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-horizontal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-horizontal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-vertical:before {
  content: "\E69A"; }

.icon-flip-vertical.color--default {
  color: var(--color-icon-default); }

.icon-flip-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-flip-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-right:before {
  content: "\E69B"; }

.icon-rotate-right.color--default {
  color: var(--color-icon-default); }

.icon-rotate-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-right.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-left:before {
  content: "\E69C"; }

.icon-rotate-left.color--default {
  color: var(--color-icon-default); }

.icon-rotate-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-left.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-business:before {
  content: "\E69D"; }

.icon-business.color--default {
  color: var(--color-icon-default); }

.icon-business.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-business.color--success {
  color: var(--sd-colour-success) !important; }

.icon-business.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-business.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-business.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-business.color--light {
  color: var(--color-text-lighter) !important; }

.icon-business.color--white {
  color: #e2e5e9 !important; }

.icon-business.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-business.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-business.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-business.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paywall:before {
  content: "\E69E"; }

.icon-paywall.color--default {
  color: var(--color-icon-default); }

.icon-paywall.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paywall.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paywall.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paywall.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paywall.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paywall.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paywall.color--white {
  color: #e2e5e9 !important; }

.icon-paywall.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paywall.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paywall.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paywall.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-analytics:before {
  content: "\E69F"; }

.icon-analytics.color--default {
  color: var(--color-icon-default); }

.icon-analytics.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-analytics.color--success {
  color: var(--sd-colour-success) !important; }

.icon-analytics.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-analytics.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-analytics.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-analytics.color--light {
  color: var(--color-text-lighter) !important; }

.icon-analytics.color--white {
  color: #e2e5e9 !important; }

.icon-analytics.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-analytics.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-analytics.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-analytics.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-amp:before {
  content: "\E6A0"; }

.icon-amp.color--default {
  color: var(--color-icon-default); }

.icon-amp.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-amp.color--success {
  color: var(--sd-colour-success) !important; }

.icon-amp.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-amp.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-amp.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-amp.color--light {
  color: var(--color-text-lighter) !important; }

.icon-amp.color--white {
  color: #e2e5e9 !important; }

.icon-amp.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-amp.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-amp.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-amp.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-undo:before {
  content: "\E6A1"; }

.icon-undo.color--default {
  color: var(--color-icon-default); }

.icon-undo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-undo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-undo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-undo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-undo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-undo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-undo.color--white {
  color: #e2e5e9 !important; }

.icon-undo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-undo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-undo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-undo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-redo:before {
  content: "\E6A2"; }

.icon-redo.color--default {
  color: var(--color-icon-default); }

.icon-redo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-redo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-redo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-redo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-redo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-redo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-redo.color--white {
  color: #e2e5e9 !important; }

.icon-redo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-redo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-redo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-redo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-instagram:before {
  content: "\E6A3"; }

.icon-instagram.color--default {
  color: var(--color-icon-default); }

.icon-instagram.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-instagram.color--success {
  color: var(--sd-colour-success) !important; }

.icon-instagram.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-instagram.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-instagram.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-instagram.color--light {
  color: var(--color-text-lighter) !important; }

.icon-instagram.color--white {
  color: #e2e5e9 !important; }

.icon-instagram.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-instagram.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-instagram.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-instagram.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play:before {
  content: "\E6A4"; }

.icon-play.color--default {
  color: var(--color-icon-default); }

.icon-play.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play.color--white {
  color: #e2e5e9 !important; }

.icon-play.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stop:before {
  content: "\E6A5"; }

.icon-stop.color--default {
  color: var(--color-icon-default); }

.icon-stop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stop.color--white {
  color: #e2e5e9 !important; }

.icon-stop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pause:before {
  content: "\E6A6"; }

.icon-pause.color--default {
  color: var(--color-icon-default); }

.icon-pause.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pause.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pause.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pause.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pause.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pause.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pause.color--white {
  color: #e2e5e9 !important; }

.icon-pause.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pause.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pause.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pause.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_rewind:before {
  content: "\E6A7"; }

.icon-fast_rewind.color--default {
  color: var(--color-icon-default); }

.icon-fast_rewind.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_rewind.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_rewind.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_rewind.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_rewind.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_rewind.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_rewind.color--white {
  color: #e2e5e9 !important; }

.icon-fast_rewind.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_rewind.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_rewind.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_rewind.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_forward:before {
  content: "\E6A8"; }

.icon-fast_forward.color--default {
  color: var(--color-icon-default); }

.icon-fast_forward.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_forward.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_forward.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_forward.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_forward.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_forward.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_forward.color--white {
  color: #e2e5e9 !important; }

.icon-fast_forward.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_forward.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_forward.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_forward.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_previous:before {
  content: "\E6A9"; }

.icon-skip_previous.color--default {
  color: var(--color-icon-default); }

.icon-skip_previous.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_previous.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_previous.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_previous.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_previous.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_previous.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_previous.color--white {
  color: #e2e5e9 !important; }

.icon-skip_previous.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_previous.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_previous.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_previous.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_next:before {
  content: "\E6AA"; }

.icon-skip_next.color--default {
  color: var(--color-icon-default); }

.icon-skip_next.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_next.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_next.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_next.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_next.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_next.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_next.color--white {
  color: #e2e5e9 !important; }

.icon-skip_next.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_next.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_next.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_next.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-image:before {
  content: "\E6AB"; }

.icon-add-image.color--default {
  color: var(--color-icon-default); }

.icon-add-image.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-image.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-image.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-image.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-image.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-image.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-image.color--white {
  color: #e2e5e9 !important; }

.icon-add-image.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-image.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-image.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-image.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-gallery:before {
  content: "\E6AC"; }

.icon-add-gallery.color--default {
  color: var(--color-icon-default); }

.icon-add-gallery.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-gallery.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-gallery.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-gallery.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-gallery.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-gallery.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-gallery.color--white {
  color: #e2e5e9 !important; }

.icon-add-gallery.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-gallery.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-gallery.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-gallery.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-format:before {
  content: "\E6AD"; }

.icon-text-format.color--default {
  color: var(--color-icon-default); }

.icon-text-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-format.color--white {
  color: #e2e5e9 !important; }

.icon-text-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-uppercase:before {
  content: "\E6AE"; }

.icon-to-uppercase.color--default {
  color: var(--color-icon-default); }

.icon-to-uppercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-uppercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-uppercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-uppercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-uppercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-uppercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-uppercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-uppercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-uppercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-uppercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-uppercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-lowercase:before {
  content: "\E6AF"; }

.icon-to-lowercase.color--default {
  color: var(--color-icon-default); }

.icon-to-lowercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-lowercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-lowercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-lowercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-lowercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-lowercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-lowercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-lowercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-lowercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-lowercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-lowercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-small:before {
  content: "\E6B0"; }

.icon-arrow-small.color--default {
  color: var(--color-icon-default); }

.icon-arrow-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-small.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-all:before {
  content: "\E6B1"; }

.icon-clear-all.color--default {
  color: var(--color-icon-default); }

.icon-clear-all.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-all.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-all.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-all.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-all.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-all.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-all.color--white {
  color: #e2e5e9 !important; }

.icon-clear-all.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-all.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-all.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-all.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rundown:before {
  content: "\E6B2"; }

.icon-rundown.color--default {
  color: var(--color-icon-default); }

.icon-rundown.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rundown.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rundown.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rundown.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rundown.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rundown.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rundown.color--white {
  color: #e2e5e9 !important; }

.icon-rundown.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rundown.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rundown.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rundown.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-photo-cancel:before {
  content: "\E6B3"; }

.icon-photo-cancel.color--default {
  color: var(--color-icon-default); }

.icon-photo-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-photo-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video-cancel:before {
  content: "\E6B4"; }

.icon-video-cancel.color--default {
  color: var(--color-icon-default); }

.icon-video-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-video-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-cancel:before {
  content: "\E6B5"; }

.icon-text-cancel.color--default {
  color: var(--color-icon-default); }

.icon-text-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-text-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file-cancel:before {
  content: "\E6B6"; }

.icon-file-cancel.color--default {
  color: var(--color-icon-default); }

.icon-file-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-file-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio-cancel:before {
  content: "\E6B7"; }

.icon-audio-cancel.color--default {
  color: var(--color-icon-default); }

.icon-audio-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-audio-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt-cancel:before {
  content: "\E6B8"; }

.icon-list-alt-cancel.color--default {
  color: var(--color-icon-default); }

.icon-list-alt-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post-cancel:before {
  content: "\E6B9"; }

.icon-post-cancel.color--default {
  color: var(--color-icon-default); }

.icon-post-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-post-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-block:before {
  content: "\E6BA"; }

.icon-text-block.color--default {
  color: var(--color-icon-default); }

.icon-text-block.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-block.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-block.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-block.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-block.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-block.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-block.color--white {
  color: #e2e5e9 !important; }

.icon-text-block.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-block.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-block.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-block.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic-cancel:before {
  content: "\E6BB"; }

.icon-graphic-cancel.color--default {
  color: var(--color-icon-default); }

.icon-graphic-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-graphic-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play-cancel:before {
  content: "\E6BC"; }

.icon-play-cancel.color--default {
  color: var(--color-icon-default); }

.icon-play-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-play-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-up:before {
  content: "\E6BD"; }

.icon-thumb-up.color--default {
  color: var(--color-icon-default); }

.icon-thumb-up.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-up.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-up.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-up.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-up.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-up.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-up.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-up.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-up.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-up.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-up.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-down:before {
  content: "\E6BE"; }

.icon-thumb-down.color--default {
  color: var(--color-icon-default); }

.icon-thumb-down.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-down.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-down.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-down.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-down.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-down.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-down.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-down.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-down.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-down.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-down.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-open-ai:before {
  content: "\E6BF"; }

.icon-open-ai.color--default {
  color: var(--color-icon-default); }

.icon-open-ai.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-open-ai.color--success {
  color: var(--sd-colour-success) !important; }

.icon-open-ai.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-open-ai.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-open-ai.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-open-ai.color--light {
  color: var(--color-text-lighter) !important; }

.icon-open-ai.color--white {
  color: #e2e5e9 !important; }

.icon-open-ai.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-open-ai.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-open-ai.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-open-ai.scale--4x {
  --icon-base-size: 64px
        ; }

.icn-mix {
  position: relative;
  display: inline-flex !important;
  font-size: 16px;
  height: 16px; }

.icn-mix .icn-mix__icn {
  opacity: 0.6; }

.icn-mix .icn-mix__sub-icn {
  position: absolute;
  font-size: 1.1rem;
  box-sizing: content-box;
  line-height: 100%;
  color: #9b27b0;
  inset-inline-end: -0.4rem;
  inset-block-end: -0.6rem;
  height: 1em;
  width: 1em;
  background-color: var(--sd-item__main-Bg) !important;
  border-radius: var(--b-radius--full);
  padding: 1px;
  z-index: 1;
  opacity: 1 !important; }

.icn-mix--2x {
  font-size: 32px;
  height: 32px; }

.icn-mix--2x .icn-mix__icn {
  opacity: 0.6;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icn-mix--2x .icn-mix__sub-icn {
  font-size: 1.6rem;
  inset-inline-end: -0.6rem;
  inset-block-end: -0.3rem; }

.double-size-icn {
  display: inline-block;
  height: 3.2rem;
  width: 3.2rem; }

.double-size-icn [class^="icon-"],
.double-size-icn [class*=" icon-"] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.double-size-icn--light [class^="icon-"],
.double-size-icn--light [class*=" icon-"] {
  opacity: 0.5; }

.subnav .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--100) !important; }

.subnav--darker .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--200) !important; }

.subnav--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10) !important;
  color: #d686e4; }

.subnav--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.side-panel__top-tools .icn-mix__sub-icn {
  background-color: #f0f0f0; }

.side-panel__top-tools--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10);
  color: #d686e4; }

.side-panel__top-tools--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

@font-face {
  font-family: 'sd_big-icons';
  src: url(a0e06fdb8be093e04c2df24a70e1a1d2.eot);
  src: url(a0e06fdb8be093e04c2df24a70e1a1d2.eot#iefix) format("embedded-opentype"), url(bafb7f0d6389d63cd7af7f4b712a7376.ttf) format("truetype"), url(7a7c874f7df9059f865a59b88adc0717.woff) format("woff"), url(4581a4c6fc3c637bb8d54c0789db4d61.svg#sd_big-icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="big-icon--"],
[class*=" big-icon--"] {
  --big-icon-size: 26px;
  font-family: 'sd_big-icons';
  display: inline-block;
  width: var(--big-icon-size);
  height: var(--big-icon-size);
  line-height: var(--big-icon-size);
  font-size: var(--big-icon-size);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.big-icon--blue {
  color: var(--sd-colour-interactive); }

.big-icon--white {
  color: white !important; }

[class*=big-icon--].red,
.big-icon--red {
  color: #bd1600; }

.big-icon--dashboard {
  content: "\E600"; }

.big-icon--dashboard.color--default {
  color: var(--color-icon-default); }

.big-icon--dashboard.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--dashboard.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--dashboard.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--dashboard.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--dashboard.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--dashboard.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--dashboard.color--white {
  color: #e2e5e9 !important; }

.big-icon--dashboard.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--dashboard.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--dashboard.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--dashboard:before {
  content: "\E600"; }

.big-icon--view {
  content: "\E601"; }

.big-icon--view.color--default {
  color: var(--color-icon-default); }

.big-icon--view.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--view.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--view.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--view.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--view.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--view.color--white {
  color: #e2e5e9 !important; }

.big-icon--view.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--view.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--view.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--view:before {
  content: "\E601"; }

.big-icon--tasks {
  content: "\E602"; }

.big-icon--tasks.color--default {
  color: var(--color-icon-default); }

.big-icon--tasks.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--tasks.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--tasks.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--tasks.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--tasks.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--tasks.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--tasks.color--white {
  color: #e2e5e9 !important; }

.big-icon--tasks.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--tasks.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--tasks.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--tasks:before {
  content: "\E602"; }

.big-icon--calendar {
  content: "\E603"; }

.big-icon--calendar.color--default {
  color: var(--color-icon-default); }

.big-icon--calendar.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--calendar.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--calendar.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--calendar.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--calendar.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--calendar.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--calendar.color--white {
  color: #e2e5e9 !important; }

.big-icon--calendar.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--calendar.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--calendar.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--calendar:before {
  content: "\E603"; }

.big-icon--marked-star {
  content: "\E604"; }

.big-icon--marked-star.color--default {
  color: var(--color-icon-default); }

.big-icon--marked-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--marked-star.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--marked-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--marked-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--marked-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--marked-star.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--marked-star.color--white {
  color: #e2e5e9 !important; }

.big-icon--marked-star.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--marked-star.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--marked-star.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--marked-star:before {
  content: "\E604"; }

.big-icon--archive {
  content: "\E605"; }

.big-icon--archive.color--default {
  color: var(--color-icon-default); }

.big-icon--archive.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--archive.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--archive.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--archive.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--archive.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--archive.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--archive.color--white {
  color: #e2e5e9 !important; }

.big-icon--archive.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--archive.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--archive.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--archive:before {
  content: "\E605"; }

.big-icon--spike {
  content: "\E606"; }

.big-icon--spike.color--default {
  color: var(--color-icon-default); }

.big-icon--spike.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--spike.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--spike.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--spike.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--spike.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--spike.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--spike.color--white {
  color: #e2e5e9 !important; }

.big-icon--spike.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--spike.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--spike.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--spike:before {
  content: "\E606"; }

.big-icon--unspike {
  content: "\E607"; }

.big-icon--unspike.color--default {
  color: var(--color-icon-default); }

.big-icon--unspike.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--unspike.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--unspike.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--unspike.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--unspike.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--unspike.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--unspike.color--white {
  color: #e2e5e9 !important; }

.big-icon--unspike.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--unspike.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--unspike.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--unspike:before {
  content: "\E607"; }

.big-icon--personal {
  content: "\E608"; }

.big-icon--personal.color--default {
  color: var(--color-icon-default); }

.big-icon--personal.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--personal.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--personal.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--personal.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--personal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--personal.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--personal.color--white {
  color: #e2e5e9 !important; }

.big-icon--personal.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--personal.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--personal.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--personal:before {
  content: "\E608"; }

.big-icon--global-search {
  content: "\E609"; }

.big-icon--global-search.color--default {
  color: var(--color-icon-default); }

.big-icon--global-search.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--global-search.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--global-search.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--global-search.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--global-search.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--global-search.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--global-search.color--white {
  color: #e2e5e9 !important; }

.big-icon--global-search.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--global-search.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--global-search.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--global-search:before {
  content: "\E609"; }

.big-icon--analytics {
  content: "\E60A"; }

.big-icon--analytics.color--default {
  color: var(--color-icon-default); }

.big-icon--analytics.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--analytics.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--analytics.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--analytics.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--analytics.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--analytics.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--analytics.color--white {
  color: #e2e5e9 !important; }

.big-icon--analytics.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--analytics.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--analytics.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--analytics:before {
  content: "\E60A"; }

.big-icon--web {
  content: "\E60B"; }

.big-icon--web.color--default {
  color: var(--color-icon-default); }

.big-icon--web.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--web.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--web.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--web.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--web.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--web.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--web.color--white {
  color: #e2e5e9 !important; }

.big-icon--web.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--web.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--web.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--web:before {
  content: "\E60B"; }

.big-icon--cog {
  content: "\E60C"; }

.big-icon--cog.color--default {
  color: var(--color-icon-default); }

.big-icon--cog.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--cog.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--cog.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--cog.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--cog.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--cog.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--cog.color--white {
  color: #e2e5e9 !important; }

.big-icon--cog.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--cog.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--cog.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--cog:before {
  content: "\E60C"; }

.big-icon--send-to {
  content: "\E60D"; }

.big-icon--send-to.color--default {
  color: var(--color-icon-default); }

.big-icon--send-to.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--send-to.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--send-to.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--send-to.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--send-to.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--send-to.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--send-to.color--white {
  color: #e2e5e9 !important; }

.big-icon--send-to.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--send-to.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--send-to.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--send-to:before {
  content: "\E60D"; }

.big-icon--info {
  content: "\E60E"; }

.big-icon--info.color--default {
  color: var(--color-icon-default); }

.big-icon--info.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--info.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--info.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--info.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--info.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--info.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--info.color--white {
  color: #e2e5e9 !important; }

.big-icon--info.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--info.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--info.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--info:before {
  content: "\E60E"; }

.big-icon--find-replace {
  content: "\E60F"; }

.big-icon--find-replace.color--default {
  color: var(--color-icon-default); }

.big-icon--find-replace.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--find-replace.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--find-replace.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--find-replace.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--find-replace.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--find-replace.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--find-replace.color--white {
  color: #e2e5e9 !important; }

.big-icon--find-replace.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--find-replace.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--find-replace.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--find-replace:before {
  content: "\E60F"; }

.big-icon--comments {
  content: "\E610"; }

.big-icon--comments.color--default {
  color: var(--color-icon-default); }

.big-icon--comments.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--comments.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--comments.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--comments.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--comments.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--comments.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--comments.color--white {
  color: #e2e5e9 !important; }

.big-icon--comments.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--comments.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--comments.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--comments:before {
  content: "\E610"; }

.big-icon--history {
  content: "\E611"; }

.big-icon--history.color--default {
  color: var(--color-icon-default); }

.big-icon--history.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--history.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--history.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--history.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--history.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--history.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--history.color--white {
  color: #e2e5e9 !important; }

.big-icon--history.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--history.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--history.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--history:before {
  content: "\E611"; }

.big-icon--package {
  content: "\E612"; }

.big-icon--package.color--default {
  color: var(--color-icon-default); }

.big-icon--package.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--package.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--package.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--package.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--package.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--package.color--white {
  color: #e2e5e9 !important; }

.big-icon--package.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--package.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--package.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--package:before {
  content: "\E612"; }

.big-icon--create-package {
  content: "\E613"; }

.big-icon--create-package.color--default {
  color: var(--color-icon-default); }

.big-icon--create-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--create-package.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--create-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--create-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--create-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--create-package.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--create-package.color--white {
  color: #e2e5e9 !important; }

.big-icon--create-package.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--create-package.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--create-package.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--create-package:before {
  content: "\E613"; }

.big-icon--add-to-package {
  content: "\E614"; }

.big-icon--add-to-package.color--default {
  color: var(--color-icon-default); }

.big-icon--add-to-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--add-to-package.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--add-to-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--add-to-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--add-to-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--add-to-package.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--add-to-package.color--white {
  color: #e2e5e9 !important; }

.big-icon--add-to-package.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--add-to-package.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--add-to-package.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--add-to-package:before {
  content: "\E614"; }

.big-icon--fetch {
  content: "\E615"; }

.big-icon--fetch.color--default {
  color: var(--color-icon-default); }

.big-icon--fetch.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--fetch.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--fetch.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--fetch.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--fetch.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--fetch.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--fetch.color--white {
  color: #e2e5e9 !important; }

.big-icon--fetch.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--fetch.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--fetch.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--fetch:before {
  content: "\E615"; }

.big-icon--fetch-as {
  content: "\E616"; }

.big-icon--fetch-as.color--default {
  color: var(--color-icon-default); }

.big-icon--fetch-as.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--fetch-as.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--fetch-as.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--fetch-as.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--fetch-as.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--fetch-as.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--fetch-as.color--white {
  color: #e2e5e9 !important; }

.big-icon--fetch-as.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--fetch-as.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--fetch-as.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--fetch-as:before {
  content: "\E616"; }

.big-icon--macro {
  content: "\E617"; }

.big-icon--macro.color--default {
  color: var(--color-icon-default); }

.big-icon--macro.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--macro.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--macro.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--macro.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--macro.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--macro.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--macro.color--white {
  color: #e2e5e9 !important; }

.big-icon--macro.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--macro.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--macro.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--macro:before {
  content: "\E617"; }

.big-icon--related {
  content: "\E618"; }

.big-icon--related.color--default {
  color: var(--color-icon-default); }

.big-icon--related.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--related.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--related.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--related.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--related.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--related.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--related.color--white {
  color: #e2e5e9 !important; }

.big-icon--related.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--related.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--related.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--related:before {
  content: "\E618"; }

.big-icon--minimize {
  content: "\E619"; }

.big-icon--minimize.color--default {
  color: var(--color-icon-default); }

.big-icon--minimize.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--minimize.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--minimize.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--minimize.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--minimize.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--minimize.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--minimize.color--white {
  color: #e2e5e9 !important; }

.big-icon--minimize.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--minimize.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--minimize.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--minimize:before {
  content: "\E619"; }

.big-icon--settings {
  content: "\E61A"; }

.big-icon--settings.color--default {
  color: var(--color-icon-default); }

.big-icon--settings.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--settings.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--settings.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--settings.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--settings.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--settings.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--settings.color--white {
  color: #e2e5e9 !important; }

.big-icon--settings.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--settings.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--settings.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--settings:before {
  content: "\E61A"; }

.big-icon--multiedit {
  content: "\E61B"; }

.big-icon--multiedit.color--default {
  color: var(--color-icon-default); }

.big-icon--multiedit.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--multiedit.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--multiedit.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--multiedit.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--multiedit.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--multiedit.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--multiedit.color--white {
  color: #e2e5e9 !important; }

.big-icon--multiedit.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--multiedit.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--multiedit.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--multiedit:before {
  content: "\E61B"; }

.big-icon--export {
  content: "\E61C"; }

.big-icon--export.color--default {
  color: var(--color-icon-default); }

.big-icon--export.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--export.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--export.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--export.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--export.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--export.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--export.color--white {
  color: #e2e5e9 !important; }

.big-icon--export.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--export.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--export.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--export:before {
  content: "\E61C"; }

.big-icon--create-list {
  content: "\E61D"; }

.big-icon--create-list.color--default {
  color: var(--color-icon-default); }

.big-icon--create-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--create-list.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--create-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--create-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--create-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--create-list.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--create-list.color--white {
  color: #e2e5e9 !important; }

.big-icon--create-list.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--create-list.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--create-list.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--create-list:before {
  content: "\E61D"; }

.big-icon--add-to-list {
  content: "\E61E"; }

.big-icon--add-to-list.color--default {
  color: var(--color-icon-default); }

.big-icon--add-to-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--add-to-list.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--add-to-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--add-to-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--add-to-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--add-to-list.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--add-to-list.color--white {
  color: #e2e5e9 !important; }

.big-icon--add-to-list.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--add-to-list.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--add-to-list.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--add-to-list:before {
  content: "\E61E"; }

.big-icon--text {
  content: "\E61F"; }

.big-icon--text.color--default {
  color: var(--color-icon-default); }

.big-icon--text.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--text.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--text.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--text.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--text.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--text.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--text.color--white {
  color: #e2e5e9 !important; }

.big-icon--text.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--text.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--text.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--text:before {
  content: "\E61F"; }

.big-icon--desk {
  content: "\E620"; }

.big-icon--desk.color--default {
  color: var(--color-icon-default); }

.big-icon--desk.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--desk.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--desk.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--desk.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--desk.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--desk.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--desk.color--white {
  color: #e2e5e9 !important; }

.big-icon--desk.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--desk.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--desk.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--desk:before {
  content: "\E620"; }

.big-icon--chevron-left {
  content: "\E621"; }

.big-icon--chevron-left.color--default {
  color: var(--color-icon-default); }

.big-icon--chevron-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--chevron-left.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--chevron-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--chevron-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--chevron-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--chevron-left.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--chevron-left.color--white {
  color: #e2e5e9 !important; }

.big-icon--chevron-left.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--chevron-left.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--chevron-left.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--chevron-left:before {
  content: "\E621"; }

.big-icon--chevron-right {
  content: "\E622"; }

.big-icon--chevron-right.color--default {
  color: var(--color-icon-default); }

.big-icon--chevron-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--chevron-right.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--chevron-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--chevron-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--chevron-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--chevron-right.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--chevron-right.color--white {
  color: #e2e5e9 !important; }

.big-icon--chevron-right.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--chevron-right.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--chevron-right.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--chevron-right:before {
  content: "\E622"; }

.big-icon--dashboard-alt {
  content: "\E623"; }

.big-icon--dashboard-alt.color--default {
  color: var(--color-icon-default); }

.big-icon--dashboard-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--dashboard-alt.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--dashboard-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--dashboard-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--dashboard-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--dashboard-alt.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--dashboard-alt.color--white {
  color: #e2e5e9 !important; }

.big-icon--dashboard-alt.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--dashboard-alt.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--dashboard-alt.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--dashboard-alt:before {
  content: "\E623"; }

.big-icon--master {
  content: "\E624"; }

.big-icon--master.color--default {
  color: var(--color-icon-default); }

.big-icon--master.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--master.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--master.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--master.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--master.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--master.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--master.color--white {
  color: #e2e5e9 !important; }

.big-icon--master.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--master.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--master.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--master:before {
  content: "\E624"; }

.big-icon--attachment {
  content: "\E625"; }

.big-icon--attachment.color--default {
  color: var(--color-icon-default); }

.big-icon--attachment.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--attachment.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--attachment.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--attachment.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--attachment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--attachment.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--attachment.color--white {
  color: #e2e5e9 !important; }

.big-icon--attachment.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--attachment.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--attachment.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--attachment:before {
  content: "\E625"; }

.big-icon--upload-alt {
  content: "\E626"; }

.big-icon--upload-alt.color--default {
  color: var(--color-icon-default); }

.big-icon--upload-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--upload-alt.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--upload-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--upload-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--upload-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--upload-alt.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--upload-alt.color--white {
  color: #e2e5e9 !important; }

.big-icon--upload-alt.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--upload-alt.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--upload-alt.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--upload-alt:before {
  content: "\E626"; }

.big-icon--document-default {
  content: "\E627"; }

.big-icon--document-default.color--default {
  color: var(--color-icon-default); }

.big-icon--document-default.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--document-default.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--document-default.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--document-default.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--document-default.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--document-default.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--document-default.color--white {
  color: #e2e5e9 !important; }

.big-icon--document-default.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--document-default.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--document-default.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--document-default:before {
  content: "\E627"; }

.big-icon--document-pdf {
  content: "\E628"; }

.big-icon--document-pdf.color--default {
  color: var(--color-icon-default); }

.big-icon--document-pdf.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--document-pdf.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--document-pdf.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--document-pdf.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--document-pdf.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--document-pdf.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--document-pdf.color--white {
  color: #e2e5e9 !important; }

.big-icon--document-pdf.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--document-pdf.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--document-pdf.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--document-pdf:before {
  content: "\E628"; }

.big-icon--document-doc {
  content: "\E629"; }

.big-icon--document-doc.color--default {
  color: var(--color-icon-default); }

.big-icon--document-doc.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--document-doc.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--document-doc.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--document-doc.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--document-doc.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--document-doc.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--document-doc.color--white {
  color: #e2e5e9 !important; }

.big-icon--document-doc.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--document-doc.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--document-doc.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--document-doc:before {
  content: "\E629"; }

.big-icon--semantics {
  content: "\E62A"; }

.big-icon--semantics.color--default {
  color: var(--color-icon-default); }

.big-icon--semantics.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--semantics.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--semantics.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--semantics.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--semantics.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--semantics.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--semantics.color--white {
  color: #e2e5e9 !important; }

.big-icon--semantics.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--semantics.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--semantics.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--semantics:before {
  content: "\E62A"; }

.big-icon--picture {
  content: "\E62B"; }

.big-icon--picture.color--default {
  color: var(--color-icon-default); }

.big-icon--picture.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--picture.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--picture.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--picture.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--picture.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--picture.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--picture.color--white {
  color: #e2e5e9 !important; }

.big-icon--picture.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--picture.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--picture.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--picture:before {
  content: "\E62B"; }

.big-icon--manage-package {
  content: "\E62C"; }

.big-icon--manage-package.color--default {
  color: var(--color-icon-default); }

.big-icon--manage-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--manage-package.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--manage-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--manage-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--manage-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--manage-package.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--manage-package.color--white {
  color: #e2e5e9 !important; }

.big-icon--manage-package.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--manage-package.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--manage-package.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--manage-package:before {
  content: "\E62C"; }

.big-icon--live {
  content: "\E62D"; }

.big-icon--live.color--default {
  color: var(--color-icon-default); }

.big-icon--live.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--live.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--live.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--live.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--live.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--live.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--live.color--white {
  color: #e2e5e9 !important; }

.big-icon--live.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--live.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--live.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--live:before {
  content: "\E62D"; }

.big-icon--live-alt {
  content: "\E62E"; }

.big-icon--live-alt.color--default {
  color: var(--color-icon-default); }

.big-icon--live-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--live-alt.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--live-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--live-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--live-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--live-alt.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--live-alt.color--white {
  color: #e2e5e9 !important; }

.big-icon--live-alt.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--live-alt.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--live-alt.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--live-alt:before {
  content: "\E62E"; }

.big-icon--meta-search {
  content: "\E62F"; }

.big-icon--meta-search.color--default {
  color: var(--color-icon-default); }

.big-icon--meta-search.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--meta-search.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--meta-search.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--meta-search.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--meta-search.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--meta-search.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--meta-search.color--white {
  color: #e2e5e9 !important; }

.big-icon--meta-search.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--meta-search.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--meta-search.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--meta-search:before {
  content: "\E62F"; }

.big-icon--chat {
  content: "\E630"; }

.big-icon--chat.color--default {
  color: var(--color-icon-default); }

.big-icon--chat.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--chat.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--chat.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--chat.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--chat.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--chat.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--chat.color--white {
  color: #e2e5e9 !important; }

.big-icon--chat.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--chat.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--chat.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--chat:before {
  content: "\E630"; }

.big-icon--annotation {
  content: "\E631"; }

.big-icon--annotation.color--default {
  color: var(--color-icon-default); }

.big-icon--annotation.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--annotation.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--annotation.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--annotation.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--annotation.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--annotation.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--annotation.color--white {
  color: #e2e5e9 !important; }

.big-icon--annotation.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--annotation.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--annotation.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--annotation:before {
  content: "\E631"; }

.big-icon--suggestion {
  content: "\E632"; }

.big-icon--suggestion.color--default {
  color: var(--color-icon-default); }

.big-icon--suggestion.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--suggestion.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--suggestion.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--suggestion.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--suggestion.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--suggestion.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--suggestion.color--white {
  color: #e2e5e9 !important; }

.big-icon--suggestion.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--suggestion.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--suggestion.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--suggestion:before {
  content: "\E632"; }

.big-icon--publisher {
  content: "\E633"; }

.big-icon--publisher.color--default {
  color: var(--color-icon-default); }

.big-icon--publisher.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--publisher.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--publisher.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--publisher.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--publisher.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--publisher.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--publisher.color--white {
  color: #e2e5e9 !important; }

.big-icon--publisher.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--publisher.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--publisher.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--publisher:before {
  content: "\E633"; }

.big-icon--tag {
  content: "\E634"; }

.big-icon--tag.color--default {
  color: var(--color-icon-default); }

.big-icon--tag.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--tag.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--tag.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--tag.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--tag.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--tag.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--tag.color--white {
  color: #e2e5e9 !important; }

.big-icon--tag.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--tag.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--tag.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--tag:before {
  content: "\E634"; }

.big-icon--rundown {
  content: "\E635"; }

.big-icon--rundown.color--default {
  color: var(--color-icon-default); }

.big-icon--rundown.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--rundown.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--rundown.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--rundown.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--rundown.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--rundown.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--rundown.color--white {
  color: #e2e5e9 !important; }

.big-icon--rundown.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--rundown.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--rundown.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--rundown:before {
  content: "\E635"; }

.big-icon--checkmark-circle {
  content: "\E636"; }

.big-icon--checkmark-circle.color--default {
  color: var(--color-icon-default); }

.big-icon--checkmark-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--checkmark-circle.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--checkmark-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--checkmark-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--checkmark-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--checkmark-circle.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--checkmark-circle.color--white {
  color: #e2e5e9 !important; }

.big-icon--checkmark-circle.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--checkmark-circle.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--checkmark-circle.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--checkmark-circle:before {
  content: "\E636"; }

.big-icon--open-ai {
  content: "\E637"; }

.big-icon--open-ai.color--default {
  color: var(--color-icon-default); }

.big-icon--open-ai.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--open-ai.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--open-ai.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--open-ai.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--open-ai.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--open-ai.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--open-ai.color--white {
  color: #e2e5e9 !important; }

.big-icon--open-ai.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--open-ai.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--open-ai.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--open-ai:before {
  content: "\E637"; }

.big-icon--general-ai {
  content: "\E638"; }

.big-icon--general-ai.color--default {
  color: var(--color-icon-default); }

.big-icon--general-ai.color--primary {
  color: var(--sd-colour-primary) !important; }

.big-icon--general-ai.color--success {
  color: var(--sd-colour-success) !important; }

.big-icon--general-ai.color--warning {
  color: var(--sd-colour-warning) !important; }

.big-icon--general-ai.color--alert {
  color: var(--sd-colour-alert) !important; }

.big-icon--general-ai.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.big-icon--general-ai.color--light {
  color: var(--color-text-lighter) !important; }

.big-icon--general-ai.color--white {
  color: #e2e5e9 !important; }

.big-icon--general-ai.scale--2x {
  --big-icon-size: 52px
        ; }

.big-icon--general-ai.scale--3x {
  --big-icon-size: 78px
        ; }

.big-icon--general-ai.scale--4x {
  --big-icon-size: 104px
        ; }

.big-icon--general-ai:before {
  content: "\E638"; }

.modal-open {
  overflow: hidden; }

.modal-open .dropdown__menu {
  z-index: 3050; }

.modal-open .dropdown.open {
  *z-index: 3050; }

.modal-open .popover {
  z-index: 3060; }

.modal-open .tooltip {
  z-index: 3090; }

.modal {
  position: fixed;
  inset-inline-start: 40px;
  inset-inline-end: 40px;
  inset-block-start: 40px;
  inset-block-end: 40px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  display: none; }

.modal.in {
  display: flex !important; }

.modal .modal__dialog {
  display: flex;
  max-height: 100%;
  flex: 0 1 auto;
  margin: 0 auto;
  max-width: 480px;
  width: 100%; }

.modal--large .modal__dialog {
  max-width: 680px; }

.modal--large .modal__body {
  max-width: 680px !important; }

.modal--x-large .modal__dialog {
  max-width: 1000px; }

.modal--x-large .modal__body {
  max-width: 1000px !important; }

.modal--fill {
  position: fixed;
  inset-inline-start: 30px;
  inset-inline-end: 30px;
  inset-block-start: 30px;
  inset-block-end: 30px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  display: none;
  align-items: initial;
  flex-direction: initial;
  padding: 10px; }

.modal--fill .modal__content {
  margin: 0 !important; }

.modal--fill .modal__body {
  flex: 1 1 auto !important; }

.modal--fill .modal__dialog {
  max-width: 100%; }

.modal--fill .modal__body {
  max-width: 100% !important; }

.modal--fullscreen {
  position: fixed;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  inset-block-start: 0px;
  inset-block-end: 0px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  display: none; }

.modal--fullscreen .modal__dialog {
  width: 100%;
  height: 100%; }

.modal--fullscreen .modal__content {
  border-radius: 0;
  flex: 0 0 100%;
  margin: 0; }

.modal--fullscreen .modal__body {
  max-height: none;
  flex: 1 1 auto !important;
  display: flex;
  flex-direction: column; }

.modal--fullscreen .modal__dialog {
  max-width: 100%; }

.modal--fullscreen .modal__body {
  max-width: 100% !important; }

.modal.modal--double {
  z-index: 1060; }

.modal.modal--double + .modal__backdrop {
  z-index: 1055; }

.modal.modal--tabs .modal__body {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  background: transparent; }

.modal.modal--tabs .modal__body > form {
  display: flex;
  flex-direction: column; }

.modal.modal--tabs .modal__body-header {
  height: 48px;
  width: 100%;
  border-block-end: 1px solid var(--sd-colour-line--x-light);
  padding: 0; }

.modal.modal--tabs .modal__body-header--add-padding {
  padding: 1rem 2rem;
  height: auto;
  min-height: 48px; }

.modal.modal--tabs .modal__body-header--flex {
  display: flex;
  align-items: center; }

.modal.modal--tabs .modal__body-content {
  flex: 1 1 auto;
  width: 100%;
  overflow-y: auto;
  padding: 1.6rem;
  min-height: 60px; }

.modal.modal--tabs .modal__body-footer {
  flex: 0 0 auto;
  padding: 0.8rem 1.6rem;
  border-block-start: 1px solid var(--sd-colour-line--x-light);
  text-align: end;
  min-height: 48px;
  display: flex; }

.modal p {
  margin: 0 0 1em 0; }

.modal__content {
  background-color: var(--color-modal-Bg);
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  border-radius: var(--b-radius--large);
  box-shadow: var(--sd-shadow__modal);
  flex: 0 0 100%; }

.modal__content .modal__header, .modal__content .modal__footer {
  flex: 0 0 auto;
  width: 100%; }

.modal__content .modal__footer > .btn + .btn {
  margin-inline-start: 0.8rem; }

.modal__content .modal__header {
  padding: 0.8rem 1.6rem;
  border-block-end: 1px solid var(--sd-colour-line--x-light);
  min-height: 48px;
  background-color: var(--color-modal-Bg);
  border-radius: var(--b-radius--large) var(--b-radius--large) 0 0;
  position: relative; }

.modal__content .modal__header--padding-20 {
  padding: 10px 20px; }

.modal__content .modal__header--flex {
  display: flex !important;
  flex-direction: row !important;
  align-items: center; }

.modal__content .modal__header--flex .modal__heading {
  flex-grow: 1; }

.modal__content .modal__header--flex .modal__heading--no-grow {
  flex-grow: 0; }

.modal__content .modal__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 48px;
  max-height: 5.4rem; }

.modal__content .modal__sliding-toolbar--right {
  text-align: end;
  justify-content: flex-end; }

.modal__content .modal__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem; }

.modal__content .modal__sliding-toolbar .sliding-toolbar__inner--right {
  text-align: end; }

.modal__content .modal__sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 400;
  opacity: 0.75;
  font-size: 1.4rem; }

.modal__content .modal__header-element-grow {
  flex-grow: 1; }

.modal__content .modal__header-buttons {
  display: flex;
  align-content: center; }

.modal__content .modal__header-buttons--right {
  justify-content: flex-end; }

.modal__content .modal__header-buttons--right .btn, .modal__content .modal__header-buttons--right .dropdown {
  margin: 0 0 0 1rem; }

.modal__content .modal__header-buttons--center {
  justify-content: center; }

.modal__content .modal__header-buttons--grow {
  flex-grow: 1; }

.modal__content .modal__footer {
  *zoom: 1;
  padding: 0.8rem 1.6rem;
  text-align: end;
  border-block-start: 1px solid var(--sd-colour-line--x-light);
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.modal__content .modal__footer:before, .modal__content .modal__footer:after {
  display: table;
  content: ""; }

.modal__content .modal__footer:after {
  clear: both; }

.modal__content .modal__body {
  background: var(--color-modal-Bg);
  overflow-y: auto;
  padding: 1.6rem;
  position: relative;
  flex: 0 1 auto;
  width: 100%;
  max-width: 480px; }

.modal__content .modal__body--add-min-height {
  min-height: 300px; }

@media (max-height: 500px) {
  .modal__content .modal__body--add-min-height {
    min-height: auto; } }

.modal__content .modal__body--no-padding {
  padding: 0 !important; }

.modal__content .modal__body-heading {
  font-size: 1.8rem;
  color: var(--color-text);
  font-weight: 400;
  margin-block-end: 2rem;
  line-height: 100%; }

.modal__content .modal__body-heading .badge {
  vertical-align: bottom;
  margin-inline-end: 0.6rem; }

.modal__content .modal__body-heading--inactive {
  color: var(--color-text-light); }

.modal__content .subnav {
  flex-shrink: 0; }

.modal__close {
  margin: 2px -6px 0;
  border: 0;
  background: 0;
  padding: 0px 4px;
  opacity: 0.3; }

.modal__close:hover {
  opacity: 0.7;
  cursor: pointer; }

.modal__header--flex .icn-btn, .modal__header--flex .sd-thumb-carousel__btn--prev, .modal__header--flex .sd-thumb-carousel__btn--next,
.modal__header--flex .p-carousel-prev, .modal__header--flex .p-carousel-next {
  margin-inline-end: -0.8rem; }

.modal__header .icn-btn, .modal__header .sd-thumb-carousel__btn--prev, .modal__header .sd-thumb-carousel__btn--next,
.modal__header .p-carousel-prev, .modal__header .p-carousel-next {
  opacity: 0.3;
  transition: opacity 0.2s ease-in-out; }

.modal__header:hover .icn-btn, .modal__header:hover .sd-thumb-carousel__btn--prev, .modal__header:hover .sd-thumb-carousel__btn--next,
.modal__header:hover .p-carousel-prev, .modal__header:hover .p-carousel-next {
  opacity: 0.75; }

.modal__header:hover .icn-btn:hover, .modal__header:hover .sd-thumb-carousel__btn--prev:hover, .modal__header:hover .sd-thumb-carousel__btn--next:hover,
.modal__header:hover .p-carousel-prev:hover, .modal__header:hover .p-carousel-next:hover {
  opacity: 1; }

.modal__heading {
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  color: var(--color-text-light); }

.modal__backdrop {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 1045;
  background-color: var(--sd-colour-bg--03); }

.modal__backdrop.fade {
  opacity: 0; }

.modal__backdrop,
.modal__backdrop.fade.in {
  opacity: 0.5; }

.modal--fullscreen .modal__header, .modal--fullscreen .modal__body {
  padding-inline-start: var(--space--3); }

.modal--fullscreen .modal__heading {
  min-width: 12rem; }

.dark-ui .modal__content .side-panel,
[data-theme="dark-ui"] .modal__content .side-panel {
  --color-bg-00: hsla(0, 0%, 14%, 1); }

.nav-tabs {
  height: 48px;
  display: flex;
  flex-shrink: 0;
  padding-inline: 1rem 0;
  box-shadow: 0 1px 0 0 var(--color-border-line--light);
  gap: 0.8rem; }

.nav-tabs__tab {
  margin-block-end: -1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  flex-shrink: 1; }

.nav-tabs__tab--active,
.nav-tabs__tab--active:hover {
  flex-shrink: 0; }

.nav-tabs__tab--active .nav-tabs__link,
.nav-tabs__tab--active:hover .nav-tabs__link {
  background: none;
  cursor: default;
  border-bottom-color: var(--sd-colour-interactive);
  color: var(--color-text); }

.nav-tabs__pane .subnav {
  margin-block-start: 1px; }

.nav-tabs__pane--padding {
  padding: 2rem; }

.nav-tabs__link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
  padding-inline: 0.8rem;
  height: 48px;
  line-height: 30px;
  font-size: 1.4rem;
  color: var(--color-text-light);
  background: none;
  border: 0;
  border-block-end: 3px solid transparent;
  text-decoration: none; }

.nav-tabs__link:hover {
  border-bottom-color: var(--sd-colour-line--strong);
  background: none;
  text-decoration: none; }

.nav-tabs--small {
  padding: 0 .4rem; }

.nav-tabs--small .nav-tabs__link {
  font-size: 1.2rem;
  margin: 0 .8rem; }

.nav-tabs--big .nav-tabs__link, .nav-tabs--large .nav-tabs__link {
  font-size: 1.6rem; }

.nav-tabs__content {
  padding: 2rem;
  overflow: auto; }

.nav-tabs__content--small {
  padding: 1.2rem; }

.sd-nav-tabs {
  height: 48px;
  display: flex;
  flex-shrink: 0;
  padding-inline: 1rem 0;
  box-shadow: 0 1px 0 0 var(--color-border-line--light);
  gap: 0.8rem;
  flex-grow: 1; }

.sd-nav-tabs.sd-nav-tabs--small {
  padding: 0 .4rem;
  gap: 0.4rem; }

.sd-nav-tabs.sd-nav-tabs--small .sd-nav-tabs__tab {
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  margin: 0; }

.sd-nav-tabs.sd-nav-tabs--big, .sd-nav-tabs.sd-nav-tabs--large {
  gap: 1.2rem; }

.sd-nav-tabs.sd-nav-tabs--big .sd-nav-tabs__tab, .sd-nav-tabs.sd-nav-tabs--large .sd-nav-tabs__tab {
  font-size: 1.6rem; }

.sd-nav-tabs__tab {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
  padding-inline: 0.8rem;
  height: 48px;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--color-text-light);
  background: none;
  border: 0;
  border-block-end: 3px solid transparent;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-shrink: 1; }

.sd-nav-tabs__tab span {
  line-height: 1;
  display: inline-block;
  margin-block-start: 3px; }

.sd-nav-tabs__tab:hover {
  border-bottom-color: var(--sd-colour-line--strong);
  background: none;
  text-decoration: none; }

.sd-nav-tabs__tab--active,
.sd-nav-tabs__tab--active:hover {
  background: none;
  cursor: default;
  border-bottom-color: var(--sd-colour-interactive);
  color: var(--color-text);
  flex-shrink: 0; }

.sd-nav-tabs__tab--active span,
.sd-nav-tabs__tab--active:hover span {
  opacity: 1; }

.sd-nav-tabs__pane .subnav {
  margin-block-start: 1px; }

.sd-nav-tabs__pane--padding {
  padding: 2rem; }

.sd-nav-tabs__content {
  padding: 2rem;
  overflow: auto; }

.sd-nav-tabs__content--small {
  padding: 1.2rem; }

.nav-tabs-vertical {
  width: 3rem;
  border-inline-end: 1px solid var(--sd-colour-line--medium);
  transition: all .2s ease-out .3s;
  opacity: 1; }

.nav-tabs-vertical__list {
  width: 3rem;
  list-style: none;
  margin: 0;
  padding: 0; }

.nav-tabs-vertical__tab {
  display: inline-block;
  width: 3rem;
  line-height: 1rem; }

.nav-tabs-vertical__tab--active .nav-tabs-vertical__link {
  color: var(--color-text); }

.nav-tabs-vertical__link {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--color-text-light);
  text-transform: uppercase;
  white-space: nowrap;
  margin: 10px 0;
  padding: 0;
  -webkit-transform: translateX(19px) rotate(90deg);
  transform: translateX(20px) rotate(90deg);
  transform-origin: 0 0; }

.nav-tabs-vertical__link:hover {
  color: var(--color-text); }

.nav-tabs-vertical__link:after {
  content: "";
  float: inline-start;
  margin-block-start: 100%; }

.nav-tabs-vertical--closed {
  width: 0;
  border: none;
  opacity: 0;
  transition: all .01s ease-out; }

.table, .table-inside table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border-block-start: 1px solid var(--sd-colour-line--medium);
  border-block-end: 1px solid var(--sd-colour-line--medium); }

.table th, .table-inside table th, .table td, .table-inside table td {
  padding: 1.2rem 0.8rem;
  text-align: start;
  vertical-align: top;
  border-block-end: 1px solid var(--sd-colour-line--medium);
  font-weight: 500; }

.table tr:last-child td, .table-inside table tr:last-child td {
  border-block-end: none; }

.table th, .table-inside table th {
  font-weight: 600;
  border-block-end: 2px solid var(--sd-colour-line--medium); }

.table thead th, .table-inside table thead th {
  vertical-align: bottom; }

.sd-table--shadowed {
  background-color: var(--sd-item__main-Bg);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border: none; }

.sd-table td {
  vertical-align: middle; }

.sd-table th {
  vertical-align: top; }

.sd-table--action-hover td .icn-btn, .sd-table--action-hover td .sd-thumb-carousel__btn--prev, .sd-table--action-hover td .sd-thumb-carousel__btn--next,
.sd-table--action-hover td .p-carousel-prev, .sd-table--action-hover td .p-carousel-next,
.sd-table--action-hover .sd-display-table__cell .icn-btn,
.sd-table--action-hover .sd-display-table__cell .sd-thumb-carousel__btn--prev,
.sd-table--action-hover .sd-display-table__cell .sd-thumb-carousel__btn--next,
.sd-table--action-hover .sd-display-table__cell .p-carousel-prev,
.sd-table--action-hover .sd-display-table__cell .p-carousel-next,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head) .sd-flex-table__cell .icn-btn,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head) .sd-flex-table__cell .sd-thumb-carousel__btn--prev,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head) .sd-flex-table__cell .sd-thumb-carousel__btn--next,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head) .sd-flex-table__cell .p-carousel-prev,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head) .sd-flex-table__cell .p-carousel-next {
  visibility: hidden; }

.sd-table--action-hover tr:hover td .icn-btn, .sd-table--action-hover tr:hover td .sd-thumb-carousel__btn--prev, .sd-table--action-hover tr:hover td .sd-thumb-carousel__btn--next,
.sd-table--action-hover tr:hover td .p-carousel-prev, .sd-table--action-hover tr:hover td .p-carousel-next,
.sd-table--action-hover .sd-display-table__row:hover .sd-display-table__cell .icn-btn,
.sd-table--action-hover .sd-display-table__row:hover .sd-display-table__cell .sd-thumb-carousel__btn--prev,
.sd-table--action-hover .sd-display-table__row:hover .sd-display-table__cell .sd-thumb-carousel__btn--next,
.sd-table--action-hover .sd-display-table__row:hover .sd-display-table__cell .p-carousel-prev,
.sd-table--action-hover .sd-display-table__row:hover .sd-display-table__cell .p-carousel-next,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head):hover .sd-flex-table__cell .icn-btn,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head):hover .sd-flex-table__cell .sd-thumb-carousel__btn--prev,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head):hover .sd-flex-table__cell .sd-thumb-carousel__btn--next,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head):hover .sd-flex-table__cell .p-carousel-prev,
.sd-table--action-hover .sd-flex-table__row:not(.sd-flex-table--head):hover .sd-flex-table__cell .p-carousel-next {
  visibility: visible; }

.sd-table-two-rows {
  padding: 0.8rem;
  vertical-align: middle;
  display: flex;
  flex-direction: column; }

.sd-table-two-rows span + span {
  margin-inline-start: .4rem; }

.sd-display-table {
  display: table;
  width: 100%; }

.sd-display-table__head {
  display: table-row-group; }

.sd-display-table__head .sd-display-table__cell {
  font-weight: 600;
  border-block-end: 2px solid var(--sd-colour-line--light); }

.sd-display-table__body {
  display: table-row-group; }

.sd-display-table__row {
  display: table-row; }

.sd-display-table__cell {
  display: table-cell;
  padding: 1.2rem 0.8rem;
  border-block-end: 1px solid var(--sd-colour-line--light);
  font-weight: 500;
  text-align: start; }

.sd-display-table__cell.sd-table-two-rows {
  padding: 0.8rem; }

.sd-flex-table {
  display: flex;
  flex-direction: column; }

.sd-flex-table__row {
  display: flex;
  flex-direction: row; }

.sd-flex-table__cell {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 1.2rem 0.8rem;
  border-block-end: 1px solid var(--sd-colour-line--light);
  font-weight: 500;
  text-align: start;
  min-width: 120px; }

.sd-flex-table--head .sd-flex-table__cell {
  font-weight: 600;
  border-block-end: 2px solid var(--sd-colour-line--light); }

/* Thanks to Jase Smith - codepen.io/jasesmith */
[sd-tooltip],
[data-sd-tooltip] {
  position: relative;
  /* Applies to all sd-tooltips */
  /* Make the sd-tooltips respond to hover */ }

[sd-tooltip]::before, [sd-tooltip]::after,
[data-sd-tooltip]::before,
[data-sd-tooltip]::after {
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0; }

[sd-tooltip]::before,
[data-sd-tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001; }

[sd-tooltip]::after,
[data-sd-tooltip]::after {
  text-align: center;
  /* Let the content set the size of the sd-tooltips */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.8rem 1.2rem 0.9rem;
  border-radius: var(--b-radius--small);
  box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.45);
  background: var(--sd-colour-background__tooltip);
  color: white;
  font-weight: 400;
  z-index: 1000; }

[sd-tooltip]:hover::before, [sd-tooltip]:hover::after,
[data-sd-tooltip]:hover::before,
[data-sd-tooltip]:hover::after {
  display: block; }

[sd-tooltip] {
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */
  /* FX All The Things */ }

[sd-tooltip]:not([flow])::before, [sd-tooltip][flow^="up"]::before {
  inset-block-end: 100%;
  border-bottom-width: 0;
  border-top-color: var(--sd-colour-background__tooltip); }

[sd-tooltip]:not([flow])::after, [sd-tooltip][flow^="up"]::after {
  inset-block-end: calc(100% + 5px); }

[sd-tooltip]:not([flow])::before, [sd-tooltip]:not([flow])::after, [sd-tooltip][flow^="up"]::before, [sd-tooltip][flow^="up"]::after {
  inset-inline-start: 50%;
  transform: translate(-50%, -0.5em); }

[sd-tooltip][flow^="down"]::before {
  inset-block-start: 100%;
  border-top-width: 0;
  border-bottom-color: var(--sd-colour-background__tooltip); }

[sd-tooltip][flow^="down"]::after {
  inset-block-start: calc(100% + 5px); }

[sd-tooltip][flow^="down"]::before, [sd-tooltip][flow^="down"]::after {
  inset-inline-start: 50%;
  transform: translate(-50%, 0.5em); }

[sd-tooltip][flow^="left"]::before {
  inset-block-start: 50%;
  border-right-width: 0;
  border-left-color: var(--sd-colour-background__tooltip);
  inset-inline-start: calc(0em - 5px);
  transform: translate(-0.5em, -50%); }

[sd-tooltip][flow^="left"]::after {
  inset-block-start: 50%;
  inset-inline-end: calc(100% + 5px);
  transform: translate(-0.5em, -50%); }

[sd-tooltip][flow^="right"]::before {
  inset-block-start: 50%;
  border-left-width: 0;
  border-right-color: var(--sd-colour-background__tooltip);
  inset-inline-end: calc(0em - 5px);
  transform: translate(0.5em, -50%); }

[sd-tooltip][flow^="right"]::after {
  inset-block-start: 50%;
  inset-inline-start: calc(100% + 5px);
  transform: translate(0.5em, -50%); }

[sd-tooltip]:not([flow]):hover::before, [sd-tooltip]:not([flow]):hover::after, [sd-tooltip][flow^="up"]:hover::before, [sd-tooltip][flow^="up"]:hover::after, [sd-tooltip][flow^="down"]:hover::before, [sd-tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 200ms ease-out forwards; }

[sd-tooltip][flow^="left"]:hover::before, [sd-tooltip][flow^="left"]:hover::after, [sd-tooltip][flow^="right"]:hover::before, [sd-tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 200ms ease-out forwards; }

[data-sd-tooltip] {
  /* FLOW: UP */
  /* FLOW: DOWN */
  /* FLOW: LEFT */
  /* FLOW: RIGHT */
  /* FX All The Things */ }

[data-sd-tooltip]:not([data-flow])::before, [data-sd-tooltip][data-flow^="up"]::before {
  inset-block-end: 100%;
  border-bottom-width: 0;
  border-top-color: var(--sd-colour-background__tooltip); }

[data-sd-tooltip]:not([data-flow])::after, [data-sd-tooltip][data-flow^="up"]::after {
  inset-block-end: calc(100% + 5px); }

[data-sd-tooltip]:not([data-flow])::before, [data-sd-tooltip]:not([data-flow])::after, [data-sd-tooltip][data-flow^="up"]::before, [data-sd-tooltip][data-flow^="up"]::after {
  inset-inline-start: 50%;
  transform: translate(-50%, -0.5em); }

[data-sd-tooltip][data-flow^="down"]::before {
  inset-block-start: 100%;
  border-top-width: 0;
  border-bottom-color: var(--sd-colour-background__tooltip); }

[data-sd-tooltip][data-flow^="down"]::after {
  inset-block-start: calc(100% + 5px); }

[data-sd-tooltip][data-flow^="down"]::before, [data-sd-tooltip][data-flow^="down"]::after {
  inset-inline-start: 50%;
  transform: translate(-50%, 0.5em); }

[data-sd-tooltip][data-flow^="left"]::before {
  inset-block-start: 50%;
  border-right-width: 0;
  border-left-color: var(--sd-colour-background__tooltip);
  inset-inline-start: calc(0em - 5px);
  transform: translate(-0.5em, -50%); }

[data-sd-tooltip][data-flow^="left"]::after {
  inset-block-start: 50%;
  inset-inline-end: calc(100% + 5px);
  transform: translate(-0.5em, -50%); }

[data-sd-tooltip][data-flow^="right"]::before {
  inset-block-start: 50%;
  border-left-width: 0;
  border-right-color: var(--sd-colour-background__tooltip);
  inset-inline-end: calc(0em - 5px);
  transform: translate(0.5em, -50%); }

[data-sd-tooltip][data-flow^="right"]::after {
  inset-block-start: 50%;
  inset-inline-start: calc(100% + 5px);
  transform: translate(0.5em, -50%); }

[data-sd-tooltip]:not([data-flow]):hover::before, [data-sd-tooltip]:not([data-flow]):hover::after, [data-sd-tooltip][data-flow^="up"]:hover::before, [data-sd-tooltip][data-flow^="up"]:hover::after, [data-sd-tooltip][data-flow^="down"]:hover::before, [data-sd-tooltip][data-flow^="down"]:hover::after {
  animation: tooltips-vert 200ms ease-out forwards; }

[data-sd-tooltip][data-flow^="left"]:hover::before, [data-sd-tooltip][data-flow^="left"]:hover::after, [data-sd-tooltip][data-flow^="right"]:hover::before, [data-sd-tooltip][data-flow^="right"]:hover::after {
  animation: tooltips-horz 200ms ease-out forwards; }

/* magic! */
[sd-tooltip]::after {
  content: attr(sd-tooltip); }

[data-sd-tooltip]::after {
  content: attr(data-sd-tooltip); }

/* don't show empty sd-tooltips */
[sd-tooltip='']::before,
[sd-tooltip='']::after,
[data-sd-tooltip='']::before,
[data-sd-tooltip='']::after {
  display: none !important; }

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .95;
    transform: translate(-50%, 0); } }

@keyframes tooltips-horz {
  to {
    opacity: .95;
    transform: translate(0, -50%); } }

.p-tooltip {
  position: absolute;
  z-index: 2000 !important;
  min-width: 3em;
  max-width: 21em; }

.p-tooltip.p-tooltip-right,
.p-tooltip.p-tooltip-left {
  padding: 0 5px; }

.p-tooltip.p-tooltip-top,
.p-tooltip.p-tooltip-bottom {
  padding: 5px 0; }

.p-tooltip .p-tooltip-text {
  white-space: pre-line;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.8rem 1.2rem 0.9rem;
  border-radius: var(--b-radius--small);
  background: var(--sd-colour-background__tooltip);
  box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.45);
  color: white;
  font-weight: 400;
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1; }

.p-tooltip-arrow {
  --tooltip-arrow_border: 6px;
  border: var(--tooltip-arrow_border) solid transparent;
  z-index: 1001;
  user-select: none;
  pointer-events: none;
  position: absolute;
  width: 6px;
  height: 6px;
  overflow: hidden; }

.p-tooltip-top .p-tooltip-arrow {
  border-width: var(--tooltip-arrow_border);
  inset-block-end: 0;
  inset-inline-start: calc(50% - 3px);
  border-bottom-width: 0;
  border-top-color: var(--sd-colour-background__tooltip); }

.p-tooltip-bottom .p-tooltip-arrow {
  border-width: var(--tooltip-arrow_border);
  inset-block-start: 0;
  inset-inline-start: calc(50% - 3px);
  border-top-width: 0;
  border-bottom-color: var(--sd-colour-background__tooltip); }

.p-tooltip-right .p-tooltip-arrow {
  border-width: var(--tooltip-arrow_border);
  inset-block-start: calc(50% - 3px);
  inset-inline-start: 0;
  border-left-width: 0;
  border-right-color: var(--sd-colour-background__tooltip); }

.p-tooltip-left .p-tooltip-arrow {
  border-width: var(--tooltip-arrow_border);
  inset-block-start: calc(50% - 3px);
  inset-inline-end: 0;
  border-right-width: 0;
  border-left-color: var(--sd-colour-background__tooltip); }

.p-tooltip-right {
  margin-inline-start: 8px; }

.sd-carousel {
  position: fixed;
  inset-inline-start: 40px;
  inset-inline-end: 40px;
  inset-block-start: 40px;
  inset-block-end: 40px;
  align-items: center;
  flex-direction: row;
  z-index: 1050;
  display: flex; }

.sd-carousel__dialog {
  display: flex;
  max-height: 100%;
  flex: 0 1 auto;
  margin: 0 auto;
  max-width: 680px;
  width: 100%;
  position: relative; }

.sd-carousel__content {
  background: var(--color-modal-Bg);
  background-clip: padding-box;
  outline: 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  border-radius: 1rem 1rem 0.8rem 0.8rem;
  min-height: 40rem;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  max-height: 80rem; }

.sd-carousel__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.sd-carousel__page-header {
  width: 100%;
  height: 200px;
  border-radius: 0.8rem 0.8rem 0 0;
  background-color: #303e55;
  flex-grow: 0;
  position: relative;
  overflow: hidden; }

.sd-carousel__page-header--color-2 {
  background-color: #856da2; }

.sd-carousel__page-header--color-3 {
  background-color: #6ebec4; }

.sd-carousel__page-header-illustration {
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  opacity: 0.65; }

.sd-carousel__page-heading {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-weight: 700;
  letter-spacing: .03em;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2;
  color: white;
  font-size: 3.2rem;
  line-height: 1;
  inset-block-start: calc(50% - 1.6rem); }

.sd-carousel__page-text {
  padding: 3rem;
  flex-grow: 1;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: 300; }

.sd-carousel__page-text p {
  margin-block-end: 1em; }

.sd-carousel__page-text p:last-child, .sd-carousel__page-text p:only-child {
  margin-block-end: 0; }

.sd-carousel__page-text h3 {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-size: 2rem;
  margin-block-end: 0.8em;
  font-weight: 700; }

.sd-carousel__page-footer {
  text-align: center;
  padding: 0 3rem 3rem;
  flex-grow: 0; }

.sd-carousel__nav-button {
  border-radius: var(--b-radius--full);
  cursor: pointer;
  height: 5.6rem;
  line-height: 5.6rem;
  position: absolute;
  inset-block-start: calc(50% - 2.8rem);
  width: 5.6rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  color: #1eae6b;
  transition: all 0.2s ease-out, color 0.1s ease-out;
  background-color: var(--sd-item__main-Bg); }

.sd-carousel__nav-button:hover {
  background-color: var(--sd-item__main-Bg--hover); }

.sd-carousel__nav-button:active {
  background-color: var(--sd-item__main-Bg--alternate); }

.sd-carousel__nav-button::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  inset-block-start: 0;
  text-align: center;
  z-index: 2;
  color: #1eae6b;
  width: 5.6rem;
  font-size: 2.4rem; }

.sd-carousel__nav-button--next {
  inset-inline-end: -88px;
  color: inherit; }

.sd-carousel__nav-button--next::after {
  content: "\E643"; }

.sd-carousel__nav-button--prev {
  inset-inline-start: -88px;
  color: inherit; }

.sd-carousel__nav-button--prev::after {
  content: "\E642"; }

.sd-carousel__nav-button--end {
  inset-inline-end: -88px;
  background-color: var(--sd-colour-success); }

.sd-carousel__nav-button--end::after {
  content: "\E61D";
  color: white; }

.sd-carousel__nav-button--end:hover {
  background-color: var(--sd-colour-success--hover); }

.sd-carousel__nav-button--end:active {
  background-color: var(--sd-colour-success--active); }

.sd-carousel__page-indication-bar {
  inset-block-end: -3.6rem;
  height: 2.6rem;
  position: absolute;
  text-align: center;
  width: 100%; }

.sd-carousel__page-indicator {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: var(--b-radius--full);
  cursor: pointer;
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  margin: 0.6rem;
  transition: all 0.2s ease-out, color 0.1s ease-out; }

.sd-carousel__page-indicator--selected {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.6); }

.sd-carousel__backdrop {
  z-index: 1045;
  background: rgba(0, 0, 0, 0.45);
  position: fixed;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0; }

.panel-info {
  background-color: transparent;
  box-shadow: none;
  padding: 5rem 0 0;
  text-align: center;
  color: var(--color-text-light); }

.panel-info__icon {
  height: 8rem;
  width: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sd-item__main-Bg);
  border-radius: var(--b-radius--full);
  margin: 0 auto;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.08); }

.panel-info__icon i {
  display: block;
  font-size: 4.8rem;
  line-height: 1;
  width: 48px;
  height: 48px;
  opacity: .6;
  margin: 0;
  padding: 0; }

.panel-info__heading {
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  margin: 1.2rem auto 0;
  line-height: 1.2; }

.panel-info__description {
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0.4rem auto 0;
  text-align: center; }

.simple-list {
  padding: 0 0 2.4rem;
  align-self: stretch; }

.simple-list .simple-list__item {
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space--1);
  color: var(--color-text); }

.simple-list .simple-list__item [class^="icon-"], .simple-list .simple-list__item [class*=" icon-"] {
  flex-grow: 0;
  flex-shrink: 0; }

.simple-list .simple-list__item.simple-list__item--gap-none {
  gap: 0; }

.simple-list .simple-list__item.simple-list__item--gap-small {
  gap: var(--space-0-5); }

.simple-list .simple-list__item.simple-list__item--gap-medium {
  gap: var(--space-1); }

.simple-list .simple-list__item.simple-list__item--gap-large {
  gap: var(--space-1-5); }

.simple-list .simple-list__item--stacked {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.simple-list .simple-list__item--stacked .simple-list__item-data {
  text-align: start; }

.simple-list .simple-list__item--stacked .simple-list__item-label {
  padding: 0 0 0.6rem 0; }

.simple-list .simple-list__item--justify-flex-start {
  justify-content: flex-start; }

.simple-list .simple-list__item--justify-flex-end {
  justify-content: flex-end; }

.simple-list .simple-list__item--justify-center {
  justify-content: center; }

.simple-list .simple-list__item--justify-space-between {
  justify-content: space-between; }

.simple-list .simple-list__item-label {
  flex-grow: 0;
  font-size: 1.1rem;
  line-height: 100%;
  text-transform: uppercase;
  padding-inline-end: 1rem;
  margin: 0;
  color: inherit;
  opacity: 0.65;
  font-weight: 500; }

.simple-list .simple-list__item-data {
  flex-grow: 1;
  text-align: end; }

.simple-list [class^="icon-"], .simple-list [class*=" icon-"] {
  vertical-align: middle; }

.simple-list--dotted .simple-list__item {
  padding: 0.8rem 0;
  border-block-end: 1px dotted rgba(106, 120, 138, 0.5); }

.simple-list--dotted .simple-list__item:first-child {
  border-block-start: 1px dotted rgba(106, 120, 138, 0.5); }

.simple-list--dotted.simple-list--no-border-b .simple-list__item:last-child {
  border-block-end: none; }

.simple-list--dotted.simple-list--no-border-t .simple-list__item:first-child {
  border-block-start: none; }

.simple-list--comfortable .simple-list__item {
  padding: 1.2rem 0; }

.simple-list--loose .simple-list__item {
  padding: 2.4rem 0; }

.simple-list--no-padding {
  padding: 0 0 2rem 0; }

.simple-list--no-padding-b {
  padding-block-end: 0; }

.simple-list--fixedW-x-small {
  width: var(--width__container--x-small); }

.simple-list--fixedW-small {
  width: var(--width__container--small); }

.simple-list--fixedW-medium {
  width: var(--width__container--medium); }

.simple-list--fixedW-large {
  width: var(--width__container--large); }

.toggle-box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  transition: grid-template-rows 0.2s ease; }

.toggle-box.hidden {
  grid-template-rows: auto 0fr auto;
  transition: grid-template-rows 0.2s ease; }

.toggle-box.hidden .toggle-box__chevron i {
  transform: rotate(0); }

.toggle-box.hidden .toggle-box__chevron--circle {
  background-color: var(--sd-colour-btn-bg-neutral); }

.toggle-box.hidden .toggle-box__chevron--circle i {
  color: var(--color-text-light); }

.toggle-box.hidden .toggle-box__content-wraper {
  transition: all ease-out .5s; }

.toggle-box .toggle-box__content--animation {
  animation: fadeIn 0.3s ease-in 0s 1; }

.toggle-box.toggle-box--circle .toggle-box__chevron {
  background-color: var(--sd-colour-btn-bg-neutral); }

.toggle-box.toggle-box--circle .toggle-box__chevron i {
  color: var(--sd-colour-btn-txt-neutral); }

.toggle-box.toggle-box--large-title .toggle-box__header .toggle-box__label,
.toggle-box.toggle-box--large-title a.toggle-box__header .toggle-box__label {
  font-size: var(--text-size-medium);
  color: var(--color-text);
  text-transform: none;
  font-weight: 500; }

.toggle-box.toggle-box--large-title .toggle-box__header:hover .toggle-box__label,
.toggle-box.toggle-box--large-title a.toggle-box__header:hover .toggle-box__label {
  color: var(--sd-colour-interactive); }

.toggle-box.toggle-box--marg-b10 {
  margin-block-end: 1rem; }

.toggle-box.toggle-box--margin-none {
  margin-block-end: 0; }

.toggle-box.toggle-box--margin-small {
  margin-block-end: 1.6rem; }

.toggle-box.toggle-box--margin-normal {
  margin-block-end: 2.4rem; }

.toggle-box.toggle-box--margin-large {
  margin-block-end: 3.2rem; }

.toggle-box__chevron {
  height: 2.4rem;
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--b-radius--full); }

.toggle-box__header,
a.toggle-box__header {
  grid-row: 1 / 2;
  display: flex;
  cursor: pointer;
  align-items: center;
  text-decoration: none !important;
  align-self: flex-start; }

.toggle-box__header .toggle-box__chevron i,
a.toggle-box__header .toggle-box__chevron i {
  transition: all .3s;
  transform: rotate(90deg); }

.toggle-box__header .toggle-box__label,
a.toggle-box__header .toggle-box__label {
  font-size: var(--text-size-x-small);
  padding: 0 var(--space--2) 0 var(--space--1);
  color: var(--color-text-light);
  text-transform: uppercase;
  transition: color 0.2s ease; }

.toggle-box__header .toggle-box__line,
a.toggle-box__header .toggle-box__line {
  flex: 1;
  height: 1px;
  margin: auto 0.4rem auto 0;
  background: var(--sd-colour-line--light); }

.toggle-box__header:hover .toggle-box__label,
a.toggle-box__header:hover .toggle-box__label {
  color: var(--sd-colour-interactive);
  text-decoration: none !important; }

.toggle-box__header:focus,
a.toggle-box__header:focus {
  background: none !important; }

.toggle-box__header:focus-visible .toggle-box__chevron,
a.toggle-box__header:focus-visible .toggle-box__chevron {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.toggle-box__header:focus-visible .toggle-box__label,
a.toggle-box__header:focus-visible .toggle-box__label {
  color: var(--sd-colour-interactive); }

.toggle-box__header *,
a.toggle-box__header * {
  text-decoration: none !important; }

.toggle-box__content-wraper {
  grid-row: 2 / 3;
  transition: grid-template-rows 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden; }

.toggle-box__content {
  overflow-y: auto;
  padding-block-start: 1.8rem;
  flex: 1; }

.toggle-box__button {
  color: #8c97a6;
  cursor: pointer; }

.toggle-box__button i {
  color: #8c97a6;
  margin-inline-end: 0.5rem;
  vertical-align: text-bottom; }

.toggle-box__button:hover {
  text-decoration: none;
  color: white; }

.toggle-box__button:hover i {
  color: white; }

.basic-drag-block {
  border: 2px dashed #cacaca;
  background-color: #f7f7f7;
  position: relative;
  padding: 1.2rem;
  color: #647182;
  text-align: center;
  border-radius: var(--b-radius--x-small); }

.basic-drag-block i {
  opacity: 0.4;
  vertical-align: bottom;
  margin: -4px 4px -2px 0; }

.basic-drag-block a {
  display: inline-block; }

.basic-drag-block .basic-drag-block__text {
  display: inline-block; }

.tag-label, .p-multiselect-token {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0;
  padding-inline: 1em 1em;
  border-radius: var(--b-radius--full);
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  height: 2.4rem;
  color: var(--color-text);
  background: var(--sd-colour__tag-label-Bg--1); }

.tag-label.tag-label--default, .tag-label--default.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--1); }

.tag-label.tag-label--darker, .tag-label--darker.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--2); }

.tag-label.tag-label--highlight1, .tag-label--highlight1.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--highlight-1); }

.tag-label.tag-label--highlight2, .tag-label--highlight2.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--highlight-2); }

.tag-label > span, .p-multiselect-token > span {
  max-width: 235px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tag-label .tag-label__remove, .p-multiselect-token .tag-label__remove {
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour__tag-label-remove-Bg);
  color: var(--color-text);
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  margin-inline-start: 0.8rem;
  margin-inline-end: -1rem; }

.tag-label .tag-label__remove [class^="icon-"], .p-multiselect-token .tag-label__remove [class^="icon-"], .tag-label .tag-label__remove [class*=" icon-"], .p-multiselect-token .tag-label__remove [class*=" icon-"] {
  color: var(--color-text-light);
  font-size: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
  margin-inline-start: 1px;
  opacity: 0.4;
  transition: color .1s ease-out, opacity .1s ease-out; }

.tag-label .tag-label__remove:hover, .p-multiselect-token .tag-label__remove:hover {
  text-decoration: none;
  background-color: var(--sd-colour__tag-label-remove-Bg--hover); }

.tag-label .tag-label__remove:hover [class^="icon-"], .p-multiselect-token .tag-label__remove:hover [class^="icon-"], .tag-label .tag-label__remove:hover [class*=" icon-"], .p-multiselect-token .tag-label__remove:hover [class*=" icon-"] {
  opacity: 0.85; }

.tag-label .tag-label__remove:active, .p-multiselect-token .tag-label__remove:active {
  background-color: var(--sd-colour__tag-label-remove-Bg--hover); }

.tag-label .tag-label__remove:active [class^="icon-"], .p-multiselect-token .tag-label__remove:active [class^="icon-"], .tag-label .tag-label__remove:active [class*=" icon-"], .p-multiselect-token .tag-label__remove:active [class*=" icon-"] {
  color: var(--sd-colour-interactive);
  opacity: 1; }

.tag-label.tag-label--inverse, .tag-label--inverse.p-multiselect-token {
  color: var(--sd-colour__tag-label-Txt--inverse);
  background-color: var(--sd-colour__tag-label-Bg--inverse); }

.tag-label .tag-label--text-wrapper, .p-multiselect-token .tag-label--text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px; }

.tag-label .tag-label--text-label, .p-multiselect-token .tag-label--text-label {
  opacity: 0.7; }

.tag-label--square {
  border-radius: var(--b-radius--small);
  padding-inline-start: var(--space--1); }

.tag-label--draggable {
  border-radius: var(--b-radius--small);
  padding-inline-start: 6px; }

.tag-label--draggable .drag-handle-wrapper {
  margin-inline-end: 6px; }

.sd-search-tags__bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-inline: var(--space--1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  background-color: var(--sd-colour-bg-translucent--10); }

.sd-search-tags__tag-list {
  margin: 0.6rem 0; }

.sd-search-tags__tag-list:empty {
  padding: 0 !important; }

.sd-search-tags__tag-list .sd-search-tags__tag {
  margin-inline-start: 2px !important;
  margin-inline-end: 2px !important; }

.sd-search-tags__tag-list:empty {
  padding: 0 !important; }

.sd-search-tags__tag {
  font-size: 1.3rem; }

sd-tag-input {
  display: block;
  padding-block-end: 3rem; }

sd-tag-input[data-label] {
  position: relative;
  padding-block-start: 1rem; }

.sd-tag-input {
  display: block;
  padding-block-end: 3rem; }

.sd-tag-input[data-label] {
  position: relative;
  padding-block-start: 1rem; }

.tags-input__label {
  position: absolute;
  display: inline-block;
  font-size: 1.1rem;
  margin: 0;
  inset-block-start: 0;
  line-height: 100%;
  color: var(--color-text-light);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em; }

tags-input,
.tags-input {
  display: block;
  background-color: var(--color-input-bg); }

tags-input .tags-input__host,
.tags-input .tags-input__host {
  position: relative;
  margin-block-start: 0.5rem;
  margin-block-end: 0;
  height: 100%; }

tags-input .tags-input__host:active,
.tags-input .tags-input__host:active {
  outline: none; }

tags-input .tags-input__tags,
.tags-input .tags-input__tags {
  display: flex;
  align-items: flex-start;
  padding: 0.4rem 0.4rem 0.3rem 0.4rem;
  overflow: hidden;
  word-wrap: break-word;
  background-color: transparent;
  border: none;
  height: 100%; }

tags-input .tags-input__tags .tags-input__tag-list,
.tags-input .tags-input__tags .tags-input__tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-inline-start: 0.4rem;
  gap: 0.4rem; }

tags-input .tags-input__tags .tags-input__tag-item,
.tags-input .tags-input__tags .tags-input__tag-item {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0;
  padding-inline: 1em 1em;
  border-radius: var(--b-radius--full);
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  height: 2.4rem;
  color: var(--color-text);
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  background: var(--sd-colour__tag-label-Bg--1);
  color: currentColor; }

tags-input .tags-input__tags .tags-input__tag-item.selected,
.tags-input .tags-input__tags .tags-input__tag-item.selected {
  background-color: var(--sd-colour-interactive--alpha-70); }

tags-input .tags-input__tags .tags-input__tag-item:hover,
.tags-input .tags-input__tags .tags-input__tag-item:hover {
  cursor: default; }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button,
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour__tag-label-remove-Bg);
  color: var(--color-text);
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  margin-inline-end: -1rem; }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"],
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"],
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"] {
  color: var(--color-text-light);
  font-size: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
  margin-inline-start: 1px;
  opacity: 0.4;
  transition: color .1s ease-out, opacity .1s ease-out; }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover,
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover {
  text-decoration: none;
  background-color: var(--sd-colour__tag-label-remove-Bg--hover); }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"],
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"],
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"] {
  opacity: 0.85; }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active,
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
  background-color: var(--sd-colour__tag-label-remove-Bg--hover); }

tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"],
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"],
.tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"] {
  color: var(--sd-colour-interactive);
  opacity: 1; }

tags-input .tags-input__tags .tags-input__tag-item ti-tag-item,
.tags-input .tags-input__tags .tags-input__tag-item ti-tag-item {
  display: flex;
  flex-direction: row;
  align-items: center; }

tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box,
.tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space--1); }

tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span,
.tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span {
  flex-grow: 1; }

tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable,
.tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable {
  border-radius: var(--b-radius--small);
  padding-inline-start: 6px; }

tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable .drag-handle-wrapper,
.tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable .drag-handle-wrapper {
  margin-inline-end: 6px; }

tags-input .tags-input__tags .tags-input__tag-item--readonly,
.tags-input .tags-input__tags .tags-input__tag-item--readonly {
  cursor: default !important; }

tags-input .tags-input__tags .tags-input__input,
.tags-input .tags-input__tags .tags-input__input {
  border: 0;
  outline: none;
  margin: 0.2rem;
  padding: 0;
  float: inline-start;
  height: 26px;
  color: currentColor;
  background-color: transparent;
  width: 20px; }

tags-input .tags-input__tags .tags-input__input.invalid-tag,
.tags-input .tags-input__tags .tags-input__input.invalid-tag {
  color: #e41b21; }

tags-input .tags-input__tags .tags-input__input::-ms-clear,
.tags-input .tags-input__tags .tags-input__input::-ms-clear {
  display: none; }

tags-input .tags-input__tags .tags-input__input:focus,
.tags-input .tags-input__tags .tags-input__input:focus {
  box-shadow: unset !important; }

tags-input .tags-input__tags .tags-input__input::placeholder,
.tags-input .tags-input__tags .tags-input__input::placeholder {
  opacity: 0.8;
  font-weight: 300;
  font-style: italic; }

tags-input .tags-input__tags--boxed,
.tags-input .tags-input__tags--boxed {
  background-color: rgba(0, 0, 0, 0.05);
  padding-inline-start: 0.4rem;
  border-radius: var(--b-radius--x-small); }

tags-input .tags-input__tags--boxed:hover,
.tags-input .tags-input__tags--boxed:hover {
  background-color: rgba(0, 0, 0, 0.1); }

tags-input.ng-invalid .tags-input__tags,
.tags-input.ng-invalid .tags-input__tags {
  border-block-end: 1px solid #e41b21 !important;
  box-shadow: 0 1px 0 #e41b21 !important; }

tags-input[disabled] .tags-input__host:focus,
.tags-input[disabled] .tags-input__host:focus {
  outline: none; }

tags-input[disabled] .tags-input__tags,
.tags-input[disabled] .tags-input__tags {
  background-color: #eee;
  cursor: default; }

tags-input[disabled] .tags-input__tags .tags-input__tag-item,
.tags-input[disabled] .tags-input__tags .tags-input__tag-item {
  opacity: 0.65; }

tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button,
.tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
  cursor: default; }

tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active,
.tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
  color: #585858; }

tags-input[disabled] .tags-input__tags .tags-input__input,
.tags-input[disabled] .tags-input__tags .tags-input__input {
  background-color: #eee;
  cursor: default; }

tags-input .tags-input__add-button,
.tags-input .tags-input__add-button {
  height: 2.4rem;
  width: 2.4rem;
  background-color: var(--sd-colour-interactive);
  color: white;
  display: flex;
  align-items: center;
  text-align: center;
  transition: all 0.3s;
  border-radius: var(--b-radius--x-small);
  opacity: 0.5;
  padding: 0;
  justify-content: center;
  flex-shrink: 0; }

tags-input .tags-input__add-button i,
.tags-input .tags-input__add-button i {
  color: inherit; }

tags-input .tags-input__add-button:not(.tags-input__add-button--disabled):hover,
.tags-input .tags-input__add-button:not(.tags-input__add-button--disabled):hover {
  opacity: 1; }

tags-input .tags-input__add-button:not(.tags-input__add-button--disabled):focus,
.tags-input .tags-input__add-button:not(.tags-input__add-button--disabled):focus {
  opacity: 1; }

tags-input .tags-input__add-button[disabled], tags-input .tags-input__add-button [disabled]:hover, tags-input .tags-input__add-button [disabled]:active,
.tags-input .tags-input__add-button[disabled],
.tags-input .tags-input__add-button [disabled]:hover,
.tags-input .tags-input__add-button [disabled]:active {
  opacity: 0.5;
  background-color: rgba(123, 123, 123, 0.4);
  cursor: default;
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.8); }

tags-input .tags-input__remove-value,
.tags-input .tags-input__remove-value {
  display: flex;
  align-items: center;
  align-self: flex-end;
  margin-inline-start: auto;
  z-index: 2;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease; }

tags-input .tags-input__remove-value:hover,
.tags-input .tags-input__remove-value:hover {
  opacity: 1; }

.autocomplete {
  position: absolute;
  padding: 0.5rem 0;
  z-index: 999;
  width: 100%;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown); }

.autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 28rem;
  overflow-y: auto;
  position: relative; }

.autocomplete .suggestion-list--multi-select {
  padding: 4px 0 !important;
  min-height: 40px; }

.autocomplete .suggestion-list--loader {
  padding: 4px 0 !important;
  position: relative;
  min-height: 3.2rem; }

.autocomplete .suggestion-list--loader > div {
  padding: 0.5rem 1rem;
  min-height: 3.2rem;
  position: relative; }

.autocomplete .suggestion-item {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text);
  transition: all ease 0.2s;
  min-height: 3.2rem; }

.autocomplete .suggestion-item.selected {
  background-color: var(--sd-colour-interactive--alpha-30); }

.autocomplete .suggestion-item.selected:active {
  background-color: var(--sd-colour-interactive--alpha-70);
  color: white; }

.autocomplete .suggestion-item[disabled], .autocomplete .suggestion-item[disabled]:hover, .autocomplete .suggestion-item[disabled]:active {
  background-color: transparent;
  opacity: 0.45;
  cursor: default;
  pointer-events: none; }

.autocomplete .suggestion-item .suggestion-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5; }

.autocomplete .suggestion-item--multi-select {
  display: flex;
  align-items: center; }

.autocomplete .suggestion-item--btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 0.5rem 1rem; }

.autocomplete .suggestion-item--btn:focus {
  background-color: transparent;
  box-shadow: var(--sd-shadow__menu-item--focus-inner);
  text-decoration: none;
  outline: none; }

.autocomplete .suggestion-item--btn:hover:not([disabled]) {
  background-color: var(--sd-colour-interactive--alpha-10) !important; }

.autocomplete .suggestion-item--bgcolor {
  min-height: 1.5em;
  min-width: 1.5em;
  padding: 4px 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  white-space: normal; }

.autocomplete .suggestion-item--bgcolor[style*="background-color"] {
  padding-inline: 8px; }

.autocomplete .suggestion-item--selected {
  opacity: 0.5; }

.autocomplete .suggestion-item--disabled {
  opacity: 0.5;
  cursor: default; }

.autocomplete .suggestion-item--nothing-found {
  padding: 0.5rem 1rem;
  cursor: not-allowed;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-light);
  transition: all ease 0.2s;
  min-height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.tags-input {
  padding-inline: 0 !important;
  height: auto !important;
  min-height: 3.2rem; }

.tags-input .tags-input__tags .tags-input__input {
  border: 0;
  outline: none;
  margin: 0.2rem;
  padding: 0;
  height: 26px;
  color: currentColor;
  background-color: transparent; }

.tags-input .tags-input__tags .tags-input__input.invalid-tag {
  color: #e41b21; }

.tags-input .tags-input__tags .tags-input__input::-ms-clear {
  display: none; }

.tags-input .tags-input__tags .tags-input__input:focus {
  box-shadow: unset !important; }

.tags-input .tags-input__tags .tags-input__input::placeholder {
  opacity: 0.8;
  font-weight: 300;
  font-style: italic; }

.tags-input .tags-input__tags--boxed {
  background-color: rgba(0, 0, 0, 0.05);
  padding-inline-start: 0.4rem;
  border-radius: var(--b-radius--x-small); }

.tags-input .tags-input__tags--boxed:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.tags-input .tags-input__helper-box {
  display: flex;
  align-items: center;
  gap: var(--space--1); }

.autocomplete {
  position: absolute;
  padding: 0;
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
  z-index: 999;
  width: 100%;
  border-radius: var(--b-radius--small);
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown); }

.autocomplete .autocomplete__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-block-end: 1px solid var(--sd-colour-line--light);
  padding: 4px; }

.autocomplete .autocomplete__category-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-block-end: 1px solid var(--sd-colour-line--x-light);
  padding: 4px; }

.autocomplete .autocomplete__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px; }

.autocomplete .autocomplete__icon:hover .arrow-left {
  color: var(--sd-colour-interactive--alpha-70);
  transition: 0.2s;
  transform: translate(-3px); }

.autocomplete .autocomplete__icon .arrow-left {
  cursor: pointer; }

.autocomplete .autocomplete__icon .search {
  cursor: default;
  opacity: 0.65; }

.autocomplete .autocomplete__filter {
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px; }

.autocomplete .autocomplete__button {
  height: 32px;
  padding: 0 15px;
  font-weight: 600;
  width: auto;
  cursor: default;
  margin-inline-start: auto; }

.autocomplete .autocomplete__category-title {
  font-weight: 600;
  padding: 0;
  cursor: default; }

.autocomplete .autocomplete__input {
  height: 32px;
  width: 100%;
  padding: 4px;
  border: none;
  background-color: transparent;
  color: var(--color-text); }

.autocomplete .autocomplete__input::placeholder {
  color: var(--color-text-lighter);
  font-weight: 300; }

.autocomplete .autocomplete__button--multi-select {
  background-color: transparent;
  border: 1px solid var(--sd-colour-interactive--alpha-50);
  border-radius: var(--b-radius--small);
  color: var(--sd-colour-interactive);
  cursor: pointer;
  transition: all ease 0.2s;
  font-size: 1.3rem;
  font-weight: 400;
  margin-inline-end: 0.8rem;
  height: 2.8rem; }

.autocomplete .autocomplete__button--multi-select:hover {
  border: 1px solid var(--sd-colour-interactive);
  box-shadow: inset 0 0 0 2px var(--sd-colour-interactive--alpha-20); }

.autocomplete .autocomplete__button--multi-select:focus {
  border: 1px solid var(--sd-colour-interactive);
  box-shadow: inset 0 0 0 2px var(--sd-colour-interactive--alpha-20); }

.autocomplete .autocomplete__button--multi-select:active {
  border: 1px solid var(--sd-colour-interactive);
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-30); }

.autocomplete .autocomplete__button--multi-select.autocomplete__button--disabled, .autocomplete .autocomplete__button--multi-select.autocomplete__button--disabled:hover {
  opacity: 0.75;
  border: 1px solid var(--sd-colour-line--light);
  color: var(--color-text-light);
  cursor: not-allowed;
  box-shadow: none; }

.autocomplete--multi-select {
  padding: 0 !important;
  margin-block-start: 0; }

.autocomplete--fixed-width {
  width: 275px !important; }

.tags-input--single-select {
  display: grid !important;
  align-items: center !important; }

.tags-input--multi-select,
.tags-input--single-select {
  position: relative; }

.tags-input--single-select .tags-input__tags {
  align-items: center; }

.tags-input--single-select::after {
  position: absolute;
  z-index: 1;
  display: inline-block;
  margin-inline-end: 1rem;
  vertical-align: middle;
  border-inline-start: 0.4rem solid transparent;
  border-inline-end: 0.4rem solid transparent;
  border-block-start: 0.4rem solid var(--color-text);
  pointer-events: none;
  opacity: 0.4;
  content: "";
  z-index: 0;
  inset-inline-end: 0;
  inset-block-start: 1.5rem; }

.tags-input--single-select:hover::after {
  opacity: 0.6; }

.tags-input__overlay-button {
  position: absolute;
  inset: 0;
  width: 100%; }

.tags-input__single-item {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: stretch;
  padding-inline-start: 0.8rem;
  padding-inline-end: 2.4rem; }

.tags-input__single-item .tags-input__helper-box {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--space--1); }

.tags-input__single-item .tags-input__remove-button {
  display: flex;
  align-items: center;
  align-self: center;
  margin-inline-start: auto;
  z-index: 2;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease; }

.tags-input__single-item .tags-input__remove-button:hover {
  opacity: 1; }

.tags-input__single-item .tags-input__placeholder {
  color: var(--color-text-lighter);
  font-weight: 300; }

.item-border {
  width: 5px;
  z-index: 2;
  position: absolute;
  inset-block: 7px;
  inset-inline-start: 3px;
  border-radius: 2px; }

.item-border-selected {
  inset-block: 5px; }

.boxed-list {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 0.8rem;
  margin-block-end: 1.6rem; }

.boxed-list--compact {
  gap: 0.8rem; }

.boxed-list--comfortable {
  gap: 1.2rem; }

.boxed-list__item {
  display: grid;
  grid-template-rows: [mainRow] 1fr [footerRow] auto;
  grid-template-columns: [mediaCol] auto [contentCol] 1fr [actionsVisible] auto [actionsHidden] auto;
  position: relative;
  flex-direction: row;
  border-radius: var(--b-radius--small);
  background-color: var(--sd-item__main-Bg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  flex-shrink: 0; }

.boxed-list__item.boxed-list__item--default::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #8c97a6;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--primary::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #5fa9c8;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--success::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #46a446;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--warning::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #db8000;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--alert::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #e41b21;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--highlight::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #9b27b0;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--sd-green::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #1eae6b;
  z-index: 1;
  border-radius: 3px 0 0 3px; }

.boxed-list__item.boxed-list__item--selected.boxed-list__item--clickable:hover {
  box-shadow: var(--sd-shadow__item--selected);
  background-color: var(--color-selected-bg--hover) !important; }

.boxed-list__item:hover .boxed-list__slide-in-actions,
.boxed-list__item:hover .boxed-list__actions--slide-in {
  padding-inline-start: 0.6rem;
  width: auto;
  max-width: 32px;
  overflow: visible;
  opacity: 1;
  transition: all ease-in 0.1s; }

.boxed-list__item:hover .boxed-list__slide-in-actions .icn-btn, .boxed-list__item:hover .boxed-list__slide-in-actions .sd-thumb-carousel__btn--prev, .boxed-list__item:hover .boxed-list__slide-in-actions .sd-thumb-carousel__btn--next,
.boxed-list__item:hover .boxed-list__slide-in-actions .p-carousel-prev, .boxed-list__item:hover .boxed-list__slide-in-actions .p-carousel-next,
.boxed-list__item:hover .boxed-list__actions--slide-in .icn-btn,
.boxed-list__item:hover .boxed-list__actions--slide-in .sd-thumb-carousel__btn--prev,
.boxed-list__item:hover .boxed-list__actions--slide-in .sd-thumb-carousel__btn--next,
.boxed-list__item:hover .boxed-list__actions--slide-in .p-carousel-prev,
.boxed-list__item:hover .boxed-list__actions--slide-in .p-carousel-next {
  opacity: 0.4; }

.boxed-list__item:hover .boxed-list__slide-in-actions .icn-btn:hover, .boxed-list__item:hover .boxed-list__slide-in-actions .sd-thumb-carousel__btn--prev:hover, .boxed-list__item:hover .boxed-list__slide-in-actions .sd-thumb-carousel__btn--next:hover,
.boxed-list__item:hover .boxed-list__slide-in-actions .p-carousel-prev:hover, .boxed-list__item:hover .boxed-list__slide-in-actions .p-carousel-next:hover,
.boxed-list__item:hover .boxed-list__actions--slide-in .icn-btn:hover,
.boxed-list__item:hover .boxed-list__actions--slide-in .sd-thumb-carousel__btn--prev:hover,
.boxed-list__item:hover .boxed-list__actions--slide-in .sd-thumb-carousel__btn--next:hover,
.boxed-list__item:hover .boxed-list__actions--slide-in .p-carousel-prev:hover,
.boxed-list__item:hover .boxed-list__actions--slide-in .p-carousel-next:hover {
  opacity: 1; }

.boxed-list__item--selected {
  box-shadow: var(--sd-shadow__item--selected); }

.boxed-list__item--unread {
  box-shadow: var(--sd-shadow__item--unread); }

.boxed-list__item--clickable:hover {
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1); }

.boxed-list__item--clickable:active {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12); }

.boxed-list__item--blank {
  background-color: transparent !important;
  box-shadow: none; }

.boxed-list__item--disabled {
  pointer-events: none;
  opacity: 0.5; }

.boxed-list__item--comfortable {
  min-height: 3.2rem;
  padding: var(--space--1-5); }

.boxed-list__item--compact {
  min-height: none;
  padding: 0.8rem 0.8rem 0.8rem 0.4rem; }

.boxed-list__item--loose {
  min-height: 4.8rem;
  padding: var(--space--2); }

.boxed-list__item-media {
  grid-column: mediaCol;
  grid-row: mainRow;
  display: flex;
  flex-direction: column;
  padding: 0 0.2rem 0 0.2rem;
  flex: 0 1 auto; }

.boxed-list__item-media [class^="icon-"],
.boxed-list__item-media [class*="icon-"],
.boxed-list__item-media [class^="big-icon--"],
.boxed-list__item-media [class*=" big-icon--"] {
  color: var(--color-text);
  opacity: 0.5; }

.boxed-list__item-media [class^="icon-"],
.boxed-list__item-media [class*="icon-"] {
  color: var(--color-text);
  opacity: 0.5;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 3.2rem;
  line-height: 1; }

.boxed-list__item-content {
  grid-column: contentCol;
  grid-row: mainRow;
  display: flex;
  flex-direction: column;
  padding: 0 0.8rem 0 0.8rem;
  overflow: hidden;
  position: relative; }

.boxed-list__item-content--centered {
  align-items: center;
  justify-content: center; }

.boxed-list__item-content-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start; }

.boxed-list__item-content-row--fixed {
  align-items: baseline;
  white-space: nowrap; }

.boxed-list__item-footer {
  grid-column: 1/-1;
  grid-row: footerRow;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.8rem 0.8rem 0 0.8rem;
  margin-block-start: 0.8rem; }

.boxed-list__item-footer--allign-baseline {
  align-items: baseline; }

.boxed-list__item-content-row + .boxed-list__item-content-row {
  margin-block-start: 0.8rem; }

.boxed-list__slide-in-actions,
.boxed-list__static-actions,
.boxed-list__actions--slide-in,
.boxed-list__actions--static {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 0;
  gap: 2px; }

.boxed-list__slide-in-actions .icn-btn, .boxed-list__slide-in-actions .sd-thumb-carousel__btn--prev, .boxed-list__slide-in-actions .sd-thumb-carousel__btn--next,
.boxed-list__slide-in-actions .p-carousel-prev, .boxed-list__slide-in-actions .p-carousel-next,
.boxed-list__static-actions .icn-btn,
.boxed-list__static-actions .sd-thumb-carousel__btn--prev,
.boxed-list__static-actions .sd-thumb-carousel__btn--next,
.boxed-list__static-actions .p-carousel-prev,
.boxed-list__static-actions .p-carousel-next,
.boxed-list__actions--slide-in .icn-btn,
.boxed-list__actions--slide-in .sd-thumb-carousel__btn--prev,
.boxed-list__actions--slide-in .sd-thumb-carousel__btn--next,
.boxed-list__actions--slide-in .p-carousel-prev,
.boxed-list__actions--slide-in .p-carousel-next,
.boxed-list__actions--static .icn-btn,
.boxed-list__actions--static .sd-thumb-carousel__btn--prev,
.boxed-list__actions--static .sd-thumb-carousel__btn--next,
.boxed-list__actions--static .p-carousel-prev,
.boxed-list__actions--static .p-carousel-next {
  margin: 0 -0.6rem 0 0; }

.boxed-list__slide-in-actions,
.boxed-list__actions--slide-in {
  grid-column: actionsHidden;
  grid-row: mainRow;
  width: 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in-out 0.2s; }

.boxed-list__slide-in-actions .icn-btn, .boxed-list__slide-in-actions .sd-thumb-carousel__btn--prev, .boxed-list__slide-in-actions .sd-thumb-carousel__btn--next,
.boxed-list__slide-in-actions .p-carousel-prev, .boxed-list__slide-in-actions .p-carousel-next,
.boxed-list__actions--slide-in .icn-btn,
.boxed-list__actions--slide-in .sd-thumb-carousel__btn--prev,
.boxed-list__actions--slide-in .sd-thumb-carousel__btn--next,
.boxed-list__actions--slide-in .p-carousel-prev,
.boxed-list__actions--slide-in .p-carousel-next {
  flex: 0 0 auto;
  opacity: 0;
  transition: all ease-in-out 0.2s; }

.boxed-list__static-actions,
.boxed-list__actions--static {
  grid-column: actionsVisible;
  grid-row: mainRow; }

.boxed-list__static-actions .icn-btn,
.boxed-list__static-actions .sd-thumb-carousel__btn--prev,
.boxed-list__static-actions .sd-thumb-carousel__btn--next,
.boxed-list__static-actions .p-carousel-prev,
.boxed-list__static-actions .p-carousel-next,
.boxed-list__actions--static .icn-btn,
.boxed-list__actions--static .sd-thumb-carousel__btn--prev,
.boxed-list__actions--static .sd-thumb-carousel__btn--next,
.boxed-list__actions--static .p-carousel-prev,
.boxed-list__actions--static .p-carousel-next {
  opacity: 0.4; }

.boxed-list__static-actions .icn-btn:hover, .boxed-list__static-actions .sd-thumb-carousel__btn--prev:hover, .boxed-list__static-actions .sd-thumb-carousel__btn--next:hover,
.boxed-list__static-actions .p-carousel-prev:hover, .boxed-list__static-actions .p-carousel-next:hover,
.boxed-list__actions--static .icn-btn:hover,
.boxed-list__actions--static .sd-thumb-carousel__btn--prev:hover,
.boxed-list__actions--static .sd-thumb-carousel__btn--next:hover,
.boxed-list__actions--static .p-carousel-prev:hover,
.boxed-list__actions--static .p-carousel-next:hover {
  opacity: 1; }

.boxed-list__item.boxed-list__item--align-center .boxed-list__item-content {
  justify-content: center; }

.content-state--empty {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column; }

.content-state--empty-container,
.content-state__empty-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.content-state__empty-container--absolute {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0; }

.content-state__empty-info {
  padding-inline: var(--space--2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 16px auto 32px;
  flex-grow: 1; }

.content-state__heading {
  margin-block-end: var(--space--1);
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-size: 1.8rem;
  line-height: 1.4;
  color: inherit;
  text-align: center;
  font-weight: 900;
  opacity: 0.75;
  max-width: 30ch;
  margin: 0 auto; }

.content-state__description {
  text-align: center;
  color: inherit;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  max-width: 48ch;
  opacity: 0.65;
  margin: 0 auto; }

.content-state__image {
  padding-inline: var(--space--1);
  margin-block-end: var(--space--2);
  display: block;
  height: auto;
  padding: 0;
  width: 100%; }

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

.content-state__image.content-state__image--small {
  max-width: 24rem; }

.content-state__image.content-state__image--large {
  max-width: 48rem; }

.sd-board {
  display: grid;
  grid-template-rows: auto 1fr; }

.sd-board__header {
  padding-block-end: var(--space--0-5);
  grid-row: 1/2;
  position: relative;
  min-height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-block-end: 4px solid var(--color-kanban-border); }

.sd-board__header--clickable {
  transition: border-color ease-in-out .2s;
  cursor: pointer; }

.sd-board__header--clickable:hover {
  border-bottom-color: var(--sd-colour-interactive); }

.sd-board__header-title {
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: .08em;
  font-weight: 500;
  flex-grow: 1;
  color: var(--color-text); }

.sd-board__content {
  grid-row: 2/3; }

.sd-board__content-block {
  box-shadow: var(--sd-shadow--z2);
  border-radius: var(--b-radius--x-small);
  background-color: var(--sd-item__main-Bg);
  display: flex;
  flex-direction: column; }

.sd-board__content-block--clickable {
  transition: box-shadow ease-in-out .2s;
  cursor: pointer; }

.sd-board__content-block--clickable:hover {
  box-shadow: var(--sd-shadow--z3);
  outline: 1px solid var(--sd-colour-interactive--alpha-50); }

.sd-board__list {
  display: flex;
  flex-direction: column; }

.sd-board__list-item {
  padding-inline: var(--space--1-5);
  padding-block: var(--space--1);
  border-block-end: 1px solid var(--sd-colour-line--light);
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-board__list-item:last-child {
  border-block-end: none; }

.sd-board__list-item-title {
  flex-grow: 1;
  text-transform: uppercase;
  font-size: 1.2rem;
  color: var(--color-text-light); }

.sd-board__list-item-title.sd-board__list-item-title--to-do {
  color: var(--color-assignment-to-do); }

.sd-board__list-item-title.sd-board__list-item-title--progress {
  color: var(--color-assignment-progress); }

.sd-board__list-item-title.sd-board__list-item-title--completed {
  color: var(--color-assignment-completed); }

.sd-board__list-item-title.sd-board__list-item-title--to-do, .sd-board__list-item-title.sd-board__list-item-title--progress, .sd-board__list-item-title.sd-board__list-item-title--completed {
  font-weight: 500; }

.sd-board__list-item-badge {
  margin-inline-end: var(--space--0-5); }

.sd-board__item-count--large {
  margin-inline-end: var(--space--1);
  color: var(--color-text-light);
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 4rem; }

.sd-board__count-label {
  font-size: 1.1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--sd-colour-bg--10);
  max-width: 10rem; }

.sd-board__count-label strong {
  font-weight: 500;
  color: var(--sd-colour-bg--07);
  font-size: 1.3rem; }

.sd-board__count-label--l {
  max-width: 14rem; }

.sd-board__doughnut-chart {
  position: relative;
  height: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  margin-inline-start: auto;
  margin-inline-end: -0.4rem; }

.sd-board__doughnut-chart-number {
  position: absolute;
  height: 2.4rem;
  width: 2.4rem;
  font-size: 1.1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-light);
  font-weight: 600;
  text-align: center; }

.sd-inset-search {
  display: flex;
  align-items: stretch;
  position: relative;
  background-color: var(--color-inset-search-bg);
  border-radius: 3px;
  transition: all 0.2s ease-out;
  height: 4rem;
  border: 1px solid var(--sd-colour-line--medium);
  color: inherit;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.12); }

.sd-inset-search:hover {
  border-color: var(--sd-colour-line--strong);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18); }

.sd-inset-search:focus-within {
  border-color: var(--sd-colour-interactive);
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-30); }

.sd-inset-search::before {
  content: "\E618";
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset-block-start: 1.2rem;
  inset-inline-start: 0.8rem;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: 'sd_icons';
  opacity: 0.4; }

.sd-inset-search__input,
input.sd-inset-search__input {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.4rem;
  padding: 0;
  color: inherit;
  align-self: auto;
  background-color: transparent !important;
  border: 0;
  box-shadow: none !important;
  padding: 0 1rem 0 3rem;
  height: auto;
  color: inherit; }

.sd-inset-search__input::-ms-clear,
input.sd-inset-search__input::-ms-clear {
  display: none; }

.sd-inset-search__input:focus,
input.sd-inset-search__input:focus {
  box-shadow: unset !important; }

.sd-inset-search__input::placeholder,
input.sd-inset-search__input::placeholder {
  opacity: 0.8;
  font-weight: 300; }

.sd-inset-search__cancel {
  height: 1.6rem;
  width: 1.6rem;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1.2rem 0 0;
  padding: 0;
  opacity: 0.35;
  transition: opacity 0.2s ease-out; }

.sd-inset-search__cancel i {
  color: inherit; }

.sd-inset-search__cancel:hover {
  opacity: 0.75; }

.sd-inset-search__cancel:active {
  opacity: 1; }

.sd-board__subheader {
  padding-block-end: var(--space--0-5);
  position: relative;
  min-height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-board__subheader--clickable {
  transition: border-color ease-in-out .2s;
  cursor: pointer; }

.sd-board__subheader--clickable:hover {
  border-bottom-color: var(--sd-colour-interactive); }

.sd-board__subheader-title {
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: .08em;
  font-weight: 500;
  flex-grow: 1;
  color: var(--color-text);
  opacity: 0.75; }

.sd-list-item-group + .sd-board__subheader {
  margin-block-start: var(--space--2); }

.sd-kanban-list .sd-board {
  flex: 1 1 0;
  margin: 0 1.2rem;
  min-width: 24rem; }

.sd-kanban-list .sd-board__content {
  padding: 0.6rem 0.3rem 0.6rem 0.3rem;
  overflow-y: auto; }

.user-items--locked {
  color: #c4170b; }

.user-items--locked i {
  color: #c4170b;
  font-size: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  opacity: 1 !important; }

.user-items--assigned {
  color: #009688; }

.user-items--assigned i {
  color: #009688;
  font-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  opacity: 1 !important; }

.a11y-only {
  position: absolute;
  inset-block-start: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  font-size: 0.01px !important;
  padding: 0 !important;
  margin: 0 !important; }

[data-theme="accessible-light-ui"],
[data-theme="contrast-light-ui"] {
  --font-size-large: 1.5rem;
  --color-accessible-text: hsla(0, 0%, 7%, 1);
  --sd-slugline-color: hsla(241, 100%, 50%, 1);
  --color-input-bg: hsla(0, 0%, 0%, 0.05);
  --color-input-bg--hover: hsla(0, 0%, 0%, 0.08);
  --color-input-bg--focus: hsla(198, 49%, 58%, 0.14);
  --color-label-text: hsla(0, 0%, 25%, 1);
  --color-input-border: hsla(0, 0%, 0%, 0.35);
  --color-input-border-hover: hsla(0, 0%, 0%, 0.8);
  --color-form-bg: hsla(0, 0%, 100%, 0);
  --color-text: hsla(0, 0%, 0%, 1);
  --color-selected-bg: hsla(196, 35%, 94%, 1);
  --color-selected-bg--hover: hsl(198, 36%, 91%, 1);
  --color-bg-00: hsla(0, 0%, 100%, 1);
  --color-bg-50: hsla(0, 0%, 97%, 1);
  --color-bg-100: hsla(0, 0%, 93%, 1);
  --color-bg-150: hsla(0, 0%, 87%, 1);
  --color-bg-200: hsla(0, 0%, 63%, 1);
  --color-bg-800: hsla(0, 0%, 17%, 1);
  --color-accessible-primary: hsla(241, 100%, 50%, 1); }

[data-theme="accessible-light-ui"] [class^="icon-"],
[data-theme="accessible-light-ui"] [class*=" icon-"],
[data-theme="accessible-light-ui"] [class^="big-icon--"],
[data-theme="accessible-light-ui"] [class*=" big-icon--"],
[data-theme="contrast-light-ui"] [class^="icon-"],
[data-theme="contrast-light-ui"] [class*=" icon-"],
[data-theme="contrast-light-ui"] [class^="big-icon--"],
[data-theme="contrast-light-ui"] [class*=" big-icon--"] {
  color: black; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style,
[data-theme="contrast-light-ui"] .sd-checkbox--button-style {
  color: #121212; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"],
[data-theme="contrast-light-ui"] .sd-checkbox--button-style.checked,
[data-theme="contrast-light-ui"] .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--color-accessible-primary);
  border-color: var(--color-accessible-primary);
  border-top-color: #020156;
  color: white; }

[data-theme="accessible-light-ui"] .sd-checkbox--button-style.checked:hover,
[data-theme="accessible-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover,
[data-theme="contrast-light-ui"] .sd-checkbox--button-style.checked:hover,
[data-theme="contrast-light-ui"] .sd-checkbox--button-style[checked="checked"]:hover {
  background-color: #030165;
  border-color: #030165;
  border-top-color: #010038; }

[data-theme="accessible-light-ui"] .sd-create-btn .circle,
[data-theme="contrast-light-ui"] .sd-create-btn .circle {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .navbtn.navbtn--active,
[data-theme="contrast-light-ui"] .navbtn.navbtn--active {
  background-color: #454545;
  color: white; }

[data-theme="accessible-light-ui"] .btn,
[data-theme="contrast-light-ui"] .btn {
  color: var(--color-accessible-text);
  font-weight: 600;
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .btn.btn--primary,
[data-theme="contrast-light-ui"] .btn.btn--primary {
  background-color: var(--color-accessible-primary);
  color: white; }

[data-theme="accessible-light-ui"] .btn.btn--hollow,
[data-theme="contrast-light-ui"] .btn.btn--hollow {
  background-color: white; }

[data-theme="accessible-light-ui"] .sd-list-item,
[data-theme="contrast-light-ui"] .sd-list-item {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-list-item .sd-list-item__slugline,
[data-theme="contrast-light-ui"] .sd-list-item .sd-list-item__slugline {
  font-size: 1.3rem; }

[data-theme="accessible-light-ui"] .sd-list-item time,
[data-theme="contrast-light-ui"] .sd-list-item time {
  color: #474747;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .badge,
[data-theme="contrast-light-ui"] .badge {
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: 600; }

[data-theme="accessible-light-ui"] .side-panel,
[data-theme="contrast-light-ui"] .side-panel {
  background-color: white;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .side-panel__header,
[data-theme="contrast-light-ui"] .side-panel .side-panel__header {
  background-color: white; }

[data-theme="accessible-light-ui"] .side-panel .side-panel__heading,
[data-theme="contrast-light-ui"] .side-panel .side-panel__heading {
  font-weight: 500;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel p,
[data-theme="contrast-light-ui"] .side-panel p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author,
[data-theme="contrast-light-ui"] .side-panel .sd-text__date-and-author {
  font-size: 1.4rem; }

[data-theme="accessible-light-ui"] .side-panel .sd-text__date-and-author time,
[data-theme="contrast-light-ui"] .side-panel .sd-text__date-and-author time {
  font-weight: 400;
  color: #595959; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui {
  background-color: var(--color-bg-800);
  color: white; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"],
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
  color: white; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
  background-color: var(--color-bg-800);
  color: white !important; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"],
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
  color: white !important; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__label,
[data-theme="contrast-light-ui"] .sd-input .sd-input__label {
  font-weight: 600;
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__input,
[data-theme="accessible-light-ui"] .sd-input .sd-input__select,
[data-theme="contrast-light-ui"] .sd-input .sd-input__input,
[data-theme="contrast-light-ui"] .sd-input .sd-input__select {
  font-size: 1.5rem; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
[data-theme="accessible-light-ui"] .sd-input .sd-input__message,
[data-theme="contrast-light-ui"] .sd-input .sd-input__hint,
[data-theme="contrast-light-ui"] .sd-input .sd-input__message {
  font-size: 1.4rem;
  margin: 0.8rem 0; }

[data-theme="accessible-light-ui"] .sd-input .sd-input__hint,
[data-theme="contrast-light-ui"] .sd-input .sd-input__hint {
  color: #454545; }

[data-theme="accessible-light-ui"] .form-label,
[data-theme="contrast-light-ui"] .form-label {
  font-size: 1.2rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .form-label.form-label--light,
[data-theme="contrast-light-ui"] .form-label.form-label--light {
  color: #525252; }

[data-theme="accessible-light-ui"] .navbtn,
[data-theme="contrast-light-ui"] .navbtn {
  color: #111; }

[data-theme="accessible-light-ui"] .navbtn [class^="icon-"],
[data-theme="accessible-light-ui"] .navbtn [class*=" icon-"],
[data-theme="contrast-light-ui"] .navbtn [class^="icon-"],
[data-theme="contrast-light-ui"] .navbtn [class*=" icon-"] {
  color: currentColor; }

[data-theme="accessible-light-ui"] .dropdown__menu-label,
[data-theme="contrast-light-ui"] .dropdown__menu-label {
  font-size: 1.2rem;
  color: #595959; }

[data-theme="accessible-light-ui"] .dropdown__toggle:active,
[data-theme="accessible-light-ui"] .dropdown.open .dropdown__toggle,
[data-theme="contrast-light-ui"] .dropdown__toggle:active,
[data-theme="contrast-light-ui"] .dropdown.open .dropdown__toggle {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="contrast-light-ui"] .dropdown__menu li a:not(.btn),
[data-theme="contrast-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button),
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn),
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  font-size: 1.5rem;
  font-weight: 500;
  color: currentColor; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="contrast-light-ui"] .dropdown__menu li a:not(.btn):hover,
[data-theme="contrast-light-ui"] .dropdown__menu li a:not(.btn):focus,
[data-theme="contrast-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="contrast-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus,
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover,
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus,
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background: var(--color-accessible-primary);
  color: white; }

[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="accessible-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):hover > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
[data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
  color: white; }

[data-theme="accessible-light-ui"] .dropdown.open .navbtn > i,
[data-theme="contrast-light-ui"] .dropdown.open .navbtn > i {
  color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .sd-text__slugline,
[data-theme="accessible-light-ui"] p.sd-text__slugline,
[data-theme="contrast-light-ui"] .sd-text__slugline,
[data-theme="contrast-light-ui"] p.sd-text__slugline {
  color: var(--color-accessible-primary) !important; }

[data-theme="accessible-light-ui"] .toggle-box--circle .toggle-box__chevron,
[data-theme="contrast-light-ui"] .toggle-box--circle .toggle-box__chevron {
  background-color: rgba(122, 122, 122, 0.5);
  height: 2rem;
  width: 2rem; }

[data-theme="accessible-light-ui"] .toggle-box__label,
[data-theme="contrast-light-ui"] .toggle-box__label {
  font-size: 1.4rem;
  color: var(--color-label-text);
  font-weight: 500; }

[data-theme="accessible-light-ui"] .sd-grid-item time,
[data-theme="contrast-light-ui"] .sd-grid-item time {
  color: #474747;
  font-size: 1.3rem;
  font-weight: 400; }

[data-theme="accessible-light-ui"] .sd-grid-item .sd-grid-item__slugline,
[data-theme="contrast-light-ui"] .sd-grid-item .sd-grid-item__slugline {
  font-size: 1.2rem; }

[data-theme="accessible-light-ui"] .nav-tabs .nav-tabs__link,
[data-theme="contrast-light-ui"] .nav-tabs .nav-tabs__link {
  font-size: 1.6rem;
  font-weight: 500; }

[data-theme="accessible-light-ui"] .nav-tabs--big .nav-tabs__link,
[data-theme="contrast-light-ui"] .nav-tabs--big .nav-tabs__link {
  font-size: 2rem; }

[data-theme="accessible-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
[data-theme="accessible-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link,
[data-theme="contrast-light-ui"] .nav-tabs__tab--active .nav-tabs__link,
[data-theme="contrast-light-ui"] .nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: var(--color-accessible-primary);
  color: var(--color-accessible-text); }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
  border-bottom-color: transparent;
  color: white;
  opacity: 0.6; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
  border-bottom-color: rgba(255, 255, 255, 0.25);
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link, [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
  border-bottom-color: #4d4dff;
  color: white;
  opacity: 1; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
  color: white; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
  color: white;
  opacity: 0.7; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
  color: white;
  opacity: 0.75; }

[data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover,
[data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
  opacity: 1; }

[data-theme="accessible-light-ui"] .badge.badge--primary,
[data-theme="contrast-light-ui"] .badge.badge--primary {
  background-color: var(--color-accessible-primary); }

[data-theme="accessible-light-ui"] .badge.badge--success,
[data-theme="contrast-light-ui"] .badge.badge--success {
  background-color: #006115; }

[data-theme="accessible-light-ui"] .badge.badge--warning,
[data-theme="contrast-light-ui"] .badge.badge--warning {
  background-color: #854900; }

[data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active,
[data-theme="accessible-light-ui"] .sd-sidebar-menu__btn--active:hover,
[data-theme="contrast-light-ui"] .sd-sidebar-menu__btn--active,
[data-theme="contrast-light-ui"] .sd-sidebar-menu__btn--active:hover {
  background-color: var(--color-accessible-primary); }

.sd-popover {
  background: var(--sd-colour-bg--05);
  color: #fff;
  padding: 8px 12px 12px;
  border-radius: var(--b-radius--medium);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  max-width: 320px !important; }

.sd-popover__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 4px;
  min-height: 20px; }

.sd-popover__title {
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  color: #ccc;
  padding: 0;
  margin: 0; }

.sd-popover__close {
  margin-inline-end: -4px; }

:root {
  --sd-thumb-carousel__shadow-line: hsla(214, 13%, 80%, 0.2);
  --sd-thumb-carousel__shadow: 0 0 0 1px var(--sd-thumb-carousel__shadow-line), 0 0 1px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.2);
  --sd-thumb-carousel__colour-bg: hsla(214, 13%, 100%, 1);
  --sd-thumb-carousel__colour-img-bg: hsla(214, 13%, 12%, 1);
  --sd-thumb-carousel__colour-txt: hsla(214, 13%, 10%, 1);
  --sd-thumb-carousel__border-radius: 4px;
  --sd-thumb-carousel__colour-btn: hsla(214, 13%, 100%, 1);
  --sd-thumb-carousel__colour-indicator: hsla(214, 13%, 80%, 1); }

[data-theme="dark-ui"] {
  --sd-thumb-carousel__shadow-line: hsla(214, 13%, 60%, 0.5);
  --sd-thumb-carousel__shadow: 0 0 0 1px var(--sd-thumb-carousel__shadow-line), 0 0 1px hsla(0, 0%, 0%, 0.2), 0 1px 4px hsla(0, 0%, 0%, 0.4);
  --sd-thumb-carousel__colour-bg: hsla(214, 13%, 25%, 1);
  --sd-thumb-carousel__colour-txt: hsla(214, 13%, 96%, 1);
  --sd-thumb-carousel__colour-btn: hsla(214, 13%, 60%, 1);
  --sd-thumb-carousel__colour-indicator: hsla(214, 13%, 80%, 0.5); }

[data-theme="dark-ui"] .badge--light {
  background-color: #596473;
  color: #f3f5f6; }

[data-theme="dark-ui"] .badge--light {
  background-color: #596473;
  color: #f3f5f6; }

.sd-thumb-carousel,
.p-carousel {
  display: flex;
  flex-direction: column;
  color: var(--sd-thumb-carousel__colour-txt);
  box-shadow: var(--sd-thumb-carousel__shadow);
  background-color: var(--sd-thumb-carousel__colour-bg);
  border-radius: var(--sd-thumb-carousel__border-radius);
  margin-block-end: 16px; }

.sd-thumb-carousel__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 2.4rem;
  padding: 12px 8px 12px 16px; }

.sd-thumb-carousel__header time {
  font-size: 1.2rem;
  color: var(--sd-thumb-carousel__colour-txt);
  opacity: 0.75;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-inline-start: 16px; }

.sd-thumb-carousel__heading {
  flex-grow: 0;
  font-size: 1.6rem;
  font-weight: 600;
  margin-inline-end: 8px; }

.sd-thumb-carousel__header-block--r {
  margin-inline-start: auto;
  display: flex;
  align-items: center; }

.sd-thumb-carousel__header-block--r > * + * {
  margin-inline-start: 8px; }

.sd-thumb-carousel__content,
.p-carousel-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }

.sd-thumb-carousel__container {
  display: flex;
  flex-direction: row; }

.sd-thumb-carousel__description {
  padding: var(--space--2);
  flex-grow: 0;
  font-size: 1.4rem;
  line-height: 150%;
  opacity: 0.75;
  font-weight: 400;
  padding-block-start: 2px; }

.sd-thumb-carousel__items-content {
  overflow: hidden;
  width: 100%; }

.sd-thumb-carousel__items-container {
  display: flex;
  flex-direction: row; }

.sd-thumb-carousel__item {
  display: flex;
  flex-direction: column;
  height: 134px;
  flex: 1 0 33.333333333333336%;
  position: relative; }

.sd-thumb-carousel__item-inner {
  margin: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--sd-thumb-carousel__colour-img-bg);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: var(--b-radius--small);
  overflow: hidden; }

.sd-thumb-carousel__item-inner img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto;
  pointer-events: none; }

.sd-thumb-carousel__indicators {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px; }

.sd-thumb-carousel__indicator,
.p-carousel-indicator {
  margin: 4px; }

.sd-thumb-carousel__indicator > button,
.p-carousel-indicator > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  transition: all 0.2s ease;
  border-radius: var(--b-radius--full);
  opacity: 1;
  background-color: var(--sd-thumb-carousel__colour-indicator);
  padding: 0;
  margin: 0; }

.sd-thumb-carousel__indicator > button:hover,
.p-carousel-indicator > button:hover {
  opacity: 0.6; }

.sd-thumb-carousel__indicator--highlight > button, .sd-thumb-carousel__indicator.p-highlight > button {
  width: 16px;
  background-color: var(--sd-colour-interactive); }

.sd-thumb-carousel__indicator--highlight > button:hover, .sd-thumb-carousel__indicator.p-highlight > button:hover {
  opacity: 1; }

.sd-thumb-carousel__btn--prev, .sd-thumb-carousel__btn--next,
.p-carousel-prev, .p-carousel-next {
  display: flex;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background-color: var(--sd-thumb-carousel__colour-btn);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
  transition: all 0.2 ease !important;
  color: rgba(44, 50, 58, 0.6); }

.sd-thumb-carousel__btn--prev:hover, .sd-thumb-carousel__btn--next:hover,
.p-carousel-prev:hover, .p-carousel-next:hover {
  opacity: 1;
  background-color: var(--sd-thumb-carousel__colour-btn);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.24);
  color: #16191d; }

.sd-thumb-carousel__btn--prev:active, .sd-thumb-carousel__btn--next:active,
.p-carousel-prev:active, .p-carousel-next:active {
  opacity: 1;
  background-color: var(--sd-colour-interactive) !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);
  color: white; }

.sd-thumb-carousel__btn--prev:focus, .sd-thumb-carousel__btn--next:focus,
.p-carousel-prev:focus, .p-carousel-next:focus {
  opacity: 1;
  background-color: var(--sd-thumb-carousel__colour-btn); }

.sd-thumb-carousel__btn--prev.sd-disabled, .sd-thumb-carousel__btn--prev.p-disabled, .sd-thumb-carousel__btn--next.sd-disabled, .sd-thumb-carousel__btn--next.p-disabled,
.p-carousel-prev.sd-disabled,
.p-carousel-prev.p-disabled, .p-carousel-next.sd-disabled, .p-carousel-next.p-disabled {
  visibility: hidden;
  pointer-events: none; }

.sd-thumb-carousel__btn--prev, .p-carousel-prev {
  inset-inline-start: -16px;
  margin-inline-end: -26px; }

.sd-thumb-carousel__btn--next, .p-carousel-next {
  inset-inline-end: -16px;
  margin-inline-start: -26px; }

.sd-thumb-carousel__cover-image-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: var(--b-radius--full);
  color: var(--sd-thumb-carousel__colour-indicator--highlight);
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  z-index: 1; }

.sd-thumb-carousel__cover-image-icon i {
  color: var(--sd-thumb-carousel__colour-indicator--highlight) !important;
  margin-block-start: -2px; }

.sd-content-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text);
  list-style: none;
  border-block-end: 0;
  border-inline-start: 0;
  border-inline-end: 0;
  border-block-start: 1px var(--sd-colour-line--medium);
  border-style: solid; }

.sd-content-divider.sd-content-divider--with-text {
  display: flex;
  color: var(--color-text);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-block-start: 0;
  border-block-end: 0;
  border-inline-start: 0;
  border-inline-end: 0;
  border-top-color: var(--sd-colour-line--medium);
  border-style: solid; }

.sd-content-divider.sd-content-divider--horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--margin-x-small {
  margin: 0.8rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--margin-small {
  margin: 1.6rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--margin-medium {
  margin: 2.4rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--margin-large {
  margin: 3.2rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--margin-none {
  margin: 0 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text {
  margin: 1.6rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text::before, .sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text::after {
  content: "";
  position: relative;
  inset-block-start: 50%;
  width: 50%;
  border-block-start: 1px transparent;
  border-top-color: transparent;
  border-top-color: inherit;
  border-block-end: 0;
  border-inline-start: 0;
  border-inline-end: 0;
  transform: translateY(50%);
  border-style: inherit; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--text-left::before {
  width: 5%; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--text-left::after {
  width: 95%; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--text-right::before {
  width: 95%; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--text-right::after {
  width: 5%; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--margin-x-small {
  margin: 0.8rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--margin-small {
  margin: 1.6rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--margin-medium {
  margin: 2.4rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--margin-large {
  margin: 3.2rem 0; }

.sd-content-divider.sd-content-divider--horizontal.sd-content-divider--with-text.sd-content-divider--margin-none {
  margin: 0.4rem 0; }

.sd-content-divider.sd-content-divider--vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-block-start: 0;
  border-inline-start: 1px var(--sd-colour-line--medium);
  border-style: solid;
  flex-grow: 0;
  align-self: stretch;
  min-height: 1.6rem; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text {
  margin: 0 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-inline-start: 0; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text .sd-content-divider__inner-text {
  padding: 0.4rem 1.6rem; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text::before, .sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text::after {
  content: "";
  background-color: transparent;
  position: relative;
  height: 50%;
  border-inline-start: 1px var(--sd-colour-line--medium);
  border-inline-end: 0;
  border-block-end: 0;
  border-block-start: 0;
  width: 1px;
  border-style: solid; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text.sd-content-divider--dashed::before, .sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text.sd-content-divider--dashed::after {
  border-left-style: dashed; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text.sd-content-divider--dotted::before, .sd-content-divider.sd-content-divider--vertical.sd-content-divider--with-text.sd-content-divider--dotted::after {
  border-style: dotted;
  border-color: var(--sd-colour-line--strong); }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--margin-x-small {
  margin: 0 0.8rem; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--margin-small {
  margin: 0 1.6rem; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--margin-medium {
  margin: 0 2.4rem; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--margin-large {
  margin: 0 3.2rem; }

.sd-content-divider.sd-content-divider--vertical.sd-content-divider--margin-none {
  margin: 0 0; }

.sd-content-divider.sd-content-divider--dashed {
  border-style: dashed; }

.sd-content-divider.sd-content-divider--dotted {
  border-style: dotted;
  border-color: var(--sd-colour-line--strong); }

.sd-content-divider.sd-content-divider--no-border {
  border: 0 !important; }

.sd-content-divider.sd-content-divider--no-border::before, .sd-content-divider.sd-content-divider--no-border::after {
  border: 0 !important; }

.sd-content-divider__inner-text {
  display: inline-block;
  padding: 0 0.8rem; }

.sd-loading-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 3;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: var(--sd-colour-overlay-actioning);
  pointer-events: none;
  border-radius: var(--b-radius--medium); }

.sd-loading-overlay--plain {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sd-colour-overlay-actioning);
  pointer-events: none; }

.sd-spinner {
  animation: rotate 2s linear infinite;
  z-index: 1; }

.sd-spinner--mini {
  width: 1.8rem;
  height: 1.8rem; }

.sd-spinner--small {
  width: 2.4rem;
  height: 2.4rem; }

.sd-spinner--medium {
  width: 3.2rem;
  height: 3.2rem; }

.sd-spinner--large {
  width: 4.8rem;
  height: 4.8rem; }

.sd-spinner__path {
  stroke: var(--color-text-light);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -32; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }

.table-list {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  overflow: hidden !important;
  padding: 1px; }

.table-list--comfortable {
  gap: 1.6rem; }

.table-list--contained {
  gap: 0; }

.table-list--read-only {
  pointer-events: none;
  cursor: default; }

.table-list__item {
  display: grid;
  align-items: center;
  grid-template-columns: [contentCol] 1fr [actionsVisible] auto [actionsHidden] auto;
  position: relative;
  flex-direction: row;
  padding: 0.8rem;
  min-height: 4.2rem;
  border-radius: var(--b-radius--medium);
  background-color: var(--sd-item__main-Bg);
  border: 1px solid var(--sd-colour-line--light);
  transition: all 0.2s ease-in-out;
  inset-inline-start: 0; }

.table-list__item.table-list__item--selected.table-list__item--clickable:hover {
  box-shadow: var(--sd-shadow__item--selected-thin); }

.table-list__item:hover .table-list__slide-in-actions,
.table-list__item:hover .table-list__actions--slide-in {
  padding-inline-start: 0.6rem;
  width: auto;
  max-width: 56px;
  overflow: visible;
  opacity: 1;
  transition: all ease-in 0.1s; }

.table-list__item:hover .table-list__slide-in-actions .icn-btn, .table-list__item:hover .table-list__slide-in-actions .sd-thumb-carousel__btn--prev, .table-list__item:hover .table-list__slide-in-actions .sd-thumb-carousel__btn--next,
.table-list__item:hover .table-list__slide-in-actions .p-carousel-prev, .table-list__item:hover .table-list__slide-in-actions .p-carousel-next,
.table-list__item:hover .table-list__actions--slide-in .icn-btn,
.table-list__item:hover .table-list__actions--slide-in .sd-thumb-carousel__btn--prev,
.table-list__item:hover .table-list__actions--slide-in .sd-thumb-carousel__btn--next,
.table-list__item:hover .table-list__actions--slide-in .p-carousel-prev,
.table-list__item:hover .table-list__actions--slide-in .p-carousel-next {
  opacity: 0.4; }

.table-list__item:hover .table-list__slide-in-actions .icn-btn:hover, .table-list__item:hover .table-list__slide-in-actions .sd-thumb-carousel__btn--prev:hover, .table-list__item:hover .table-list__slide-in-actions .sd-thumb-carousel__btn--next:hover,
.table-list__item:hover .table-list__slide-in-actions .p-carousel-prev:hover, .table-list__item:hover .table-list__slide-in-actions .p-carousel-next:hover,
.table-list__item:hover .table-list__actions--slide-in .icn-btn:hover,
.table-list__item:hover .table-list__actions--slide-in .sd-thumb-carousel__btn--prev:hover,
.table-list__item:hover .table-list__actions--slide-in .sd-thumb-carousel__btn--next:hover,
.table-list__item:hover .table-list__actions--slide-in .p-carousel-prev:hover,
.table-list__item:hover .table-list__actions--slide-in .p-carousel-next:hover {
  opacity: 1; }

.table-list__item--margin {
  margin-block-end: 0.8rem; }

.table-list__item--selected {
  box-shadow: var(--sd-shadow__item--selected-thin); }

.table-list__item--clickable:hover {
  cursor: pointer;
  border: 1px solid var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }

.table-list__item--clickable:active {
  border-color: var(--sd-colour-interactive); }

.table-list__item--draggable::after {
  content: "";
  width: 20px;
  position: absolute;
  inset-block: -1px;
  inset-inline-start: 0px;
  background-image: url(3a823ff1ea4f6bef7f0274c862eb2138.svg);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  border-radius: var(--b-radius--small);
  opacity: 0; }

.table-list__item--draggable:hover {
  border-left-width: 16px; }

.table-list__item--draggable:hover::after {
  inset-inline-start: -18px;
  opacity: 0.65;
  cursor: grab; }

.table-list__item--draggable:active {
  border-color: var(--sd-colour-interactive);
  cursor: grabbing; }

.table-list__item--draggable:active::after {
  opacity: 1 !important;
  cursor: grabbing; }

.table-list__item--locked {
  border-color: rgba(224, 82, 105, 0.75);
  border-left-color: rgba(224, 82, 105, 0.75) !important; }

.table-list__item--disabled {
  pointer-events: none;
  opacity: 0.5; }

.table-list__add-item {
  display: grid;
  align-items: center;
  position: relative;
  flex-direction: row;
  padding: 8px;
  min-height: 4.2rem;
  border-radius: var(--b-radius--medium);
  background-color: transparent;
  border: 1px dashed var(--sd-colour-line--medium);
  transition: all 0.2s ease-in-out;
  inset-inline-start: 0; }

.table-list__add-item--container {
  display: flex;
  justify-content: center;
  align-items: center; }

.table-list__item-border {
  width: 6px;
  background-color: var(--sd-colour-panel-bg--100);
  z-index: 2;
  position: absolute;
  inset-block: 3px;
  inset-inline-start: 3px;
  border-radius: 2px; }

.table-list__item-content {
  grid-column: contentCol;
  grid-row: mainRow;
  display: grid;
  grid-template-columns: [columnLeft] 180px [columncenter] 1fr [columnRight] auto;
  padding: 0 0.2rem 0 0.8rem;
  overflow: hidden;
  position: relative;
  align-items: center;
  gap: 8px; }

.table-list__item-border {
  width: 6px;
  background-color: var(--sd-colour-panel-bg--100);
  z-index: 2;
  position: absolute;
  inset-block: 3px;
  inset-inline-start: 3px;
  border-radius: 2px; }

.table-list__item-content-block {
  display: flex;
  align-items: center;
  gap: 8px; }

.table-list__item-content-block--center {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500; }

.table-list__item-content-block--center span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%; }

.table-list__slide-in-actions,
.table-list__static-actions,
.table-list__actions--slide-in,
.table-list__actions--static {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 0;
  gap: 2px; }

.table-list__slide-in-actions,
.table-list__actions--slide-in {
  grid-column: actionsHidden;
  grid-row: mainRow;
  width: 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in-out 0.2s; }

.table-list__slide-in-actions .icn-btn, .table-list__slide-in-actions .sd-thumb-carousel__btn--prev, .table-list__slide-in-actions .sd-thumb-carousel__btn--next,
.table-list__slide-in-actions .p-carousel-prev, .table-list__slide-in-actions .p-carousel-next,
.table-list__actions--slide-in .icn-btn,
.table-list__actions--slide-in .sd-thumb-carousel__btn--prev,
.table-list__actions--slide-in .sd-thumb-carousel__btn--next,
.table-list__actions--slide-in .p-carousel-prev,
.table-list__actions--slide-in .p-carousel-next {
  flex: 0 0 auto;
  opacity: 0;
  transition: all ease-in-out 0.2s; }

.table-list__static-actions,
.table-list__actions--static {
  grid-column: actionsVisible;
  grid-row: mainRow; }

.table-list__static-actions .icn-btn, .table-list__static-actions .sd-thumb-carousel__btn--prev, .table-list__static-actions .sd-thumb-carousel__btn--next,
.table-list__static-actions .p-carousel-prev, .table-list__static-actions .p-carousel-next,
.table-list__actions--static .icn-btn,
.table-list__actions--static .sd-thumb-carousel__btn--prev,
.table-list__actions--static .sd-thumb-carousel__btn--next,
.table-list__actions--static .p-carousel-prev,
.table-list__actions--static .p-carousel-next {
  opacity: 0.4; }

.table-list__static-actions .icn-btn:hover, .table-list__static-actions .sd-thumb-carousel__btn--prev:hover, .table-list__static-actions .sd-thumb-carousel__btn--next:hover,
.table-list__static-actions .p-carousel-prev:hover, .table-list__static-actions .p-carousel-next:hover,
.table-list__actions--static .icn-btn:hover,
.table-list__actions--static .sd-thumb-carousel__btn--prev:hover,
.table-list__actions--static .sd-thumb-carousel__btn--next:hover,
.table-list__actions--static .p-carousel-prev:hover,
.table-list__actions--static .p-carousel-next:hover {
  opacity: 1; }

.table-list__item.table-list__item--align-center .table-list__item-content {
  justify-content: center; }

.table-list__add-bar-container {
  min-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }

.table-list__add-bar-container:hover .table-list__add-bar {
  opacity: 1;
  height: 32px;
  transform: scale(1); }

.table-list__add-bar-container:hover::after {
  opacity: 1; }

.table-list__add-bar-container::after {
  content: '';
  position: absolute;
  height: 11px;
  width: 100%;
  border-radius: var(--b-radius--full);
  background-color: rgba(255, 255, 255, 0.2);
  border: 5px solid var(--sd-colour-interactive--alpha-30);
  opacity: 0;
  transition: all ease 0.3s; }

.table-list__add-bar {
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 2;
  padding: 2px;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour-panel-bg--000);
  transform: scale(0.5); }

.side-panel__content-block .table-list__item-content {
  grid-template-columns: [columnLeft] 140px [columncenter] 1fr [columnRight] auto; }

.table-list--gap-s {
  gap: 0.8rem; }

.table-list__item--draggable.table-list__item--drag-handles-always {
  border-left-width: 16px;
  border-left-color: var(--sd-colour-line--medium); }

.table-list__item--draggable.table-list__item--drag-handles-always::after {
  content: "";
  width: 20px;
  position: absolute;
  inset-block: -1px;
  inset-inline-start: -18px;
  background-image: url(3a823ff1ea4f6bef7f0274c862eb2138.svg);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  border-radius: var(--b-radius--small);
  opacity: 0.85; }

.table-list__item--draggable.table-list__item--drag-handles-always:hover {
  border-left-color: var(--sd-colour-line--strong); }

.table-list__item--draggable.table-list__item--drag-handles-always:hover::after {
  cursor: grab; }

.table-list__item--draggable.table-list__item--drag-handles-always:active {
  border-color: var(--sd-colour-interactive);
  cursor: grabbing; }

.table-list__item--draggable.table-list__item--drag-handles-always:active::after {
  opacity: 1 !important;
  cursor: grabbing; }

.table-list__item--draggable.table-list__item--drag-handles-none {
  border-left-width: 1px; }

.table-list__item--draggable.table-list__item--drag-handles-none::after {
  content: "";
  width: 0;
  opacity: 0; }

.table-list__item--draggable.table-list__item--drag-handles-none:hover {
  border-left-color: var(--sd-colour-line--strong); }

.table-list__item--draggable.table-list__item--drag-handles-none:hover::after {
  cursor: grab; }

.table-list__item--draggable.table-list__item--drag-handles-none:active {
  border-color: var(--sd-colour-interactive);
  cursor: grabbing; }

.table-list__item--draggable.table-list__item--drag-handles-none:active::after {
  opacity: 1 !important;
  cursor: grabbing; }

.hamburger {
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: linear; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger.is-active {
  opacity: 0.5; }

.hamburger.is-active:hover {
  opacity: 0.7; }

.hamburger.is-active .hamburger__inner,
.hamburger.is-active .hamburger__inner::before,
.hamburger.is-active .hamburger__inner::after {
  background-color: #fff; }

.hamburger__box {
  width: 18px;
  height: 15px;
  display: inline-block;
  position: relative; }

.hamburger__inner {
  display: block;
  inset-block-start: 50%;
  margin-block-start: -1.5px; }

.hamburger__inner, .hamburger__inner::before, .hamburger__inner::after {
  width: 18px;
  height: 3px;
  background-color: #fff;
  border-radius: 1px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger__inner::before, .hamburger__inner::after {
  content: "";
  display: block; }

.hamburger__inner::before {
  inset-block-start: -6px; }

.hamburger__inner::after {
  inset-block-end: -6px; }

/* Spin */
.hamburger--spin .hamburger__inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger__inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger__inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger__inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger__inner::before {
  inset-block-start: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger__inner::after {
  inset-block-end: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Squeeze */
.hamburger--squeeze .hamburger__inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger__inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.hamburger--squeeze .hamburger__inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger__inner::before {
  inset-block-start: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.hamburger--squeeze.is-active .hamburger__inner::after {
  inset-block-end: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.drag-handle-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  outline: none;
  color: var(--color-text);
  background-color: transparent; }

.drag-handle-wrapper .drag-handle-dots {
  transition: all 0.1s ease;
  opacity: 0.55; }

.drag-handle-wrapper:hover {
  cursor: grab; }

.drag-handle-wrapper:hover .drag-handle-dots {
  opacity: 0.85; }

.drag-handle-wrapper:active {
  cursor: grabbing; }

.drag-handle-wrapper:active .drag-handle-dots {
  opacity: 1; }

.drag-handle-wrapper.drag-handle-wrapper--boxed {
  padding: var(--drag-handle-boxed-padding);
  background-color: var(--drag-handle-boxed-color-bg-normal);
  border-radius: var(--drag-handle-boxed-radius); }

.drag-handle-wrapper.drag-handle-wrapper--boxed:hover {
  background-color: var(--drag-handle-boxed-color-bg-hover); }

.drag-handle-wrapper.drag-handle-wrapper--boxed:active {
  background-color: var(--drag-handle-boxed-color-bg-active);
  color: white; }

.drag-handle-dots {
  mask-image: url(2b310882d19944449fea6908ea65b40a.svg);
  mask-repeat: repeat;
  width: var(--handle-width);
  height: var(--handle-height);
  background-color: currentColor;
  margin-block: auto; }

.expand-button {
  --sd-btn-bg: var(--sd-colour-btn-bg-neutral);
  --sd-btn-bg--hover: var(--sd-colour-btn-bg-neutral--hover);
  --sd-btn-bg--active: var(--sd-colour-btn-bg-neutral--active);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  transition: all 0.2s ease;
  outline: none;
  padding-inline: var(--space--0-5);
  background-color: var(--sd-btn-bg);
  border-radius: 0 var(--b-radius--medium) var(--b-radius--medium) 0;
  opacity: 0.75;
  color: var(--color-text); }

.expand-button [class^="icon-"], .expand-button [class*=" icon-"] {
  transition: transform 0.2s ease;
  color: currentColor; }

.expand-button:hover {
  padding-inline: var(--space--1); }

.expand-button:active {
  opacity: 1; }

.expand-button.expand-button--expanded [class^="icon-"], .expand-button.expand-button--expanded [class*=" icon-"] {
  transform: rotate(180deg); }

.side-panel {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 0;
  height: 100%;
  position: relative;
  background-color: var(--sd-colour-panel-bg--000); }

.side-panel .side-panel__header {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 2;
  position: relative;
  min-height: 4.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: inherit; }

.side-panel .side-panel__header .nav-tabs {
  flex-grow: 1; }

.side-panel .side-panel__header--border-b,
.side-panel .side-panel__header--border-bottom {
  box-shadow: 0 1px 0 var(--sd-colour-line--x-light); }

.side-panel .side-panel__header--dark-blue-grey,
.side-panel .side-panel__header--blueGreyDarker {
  background-color: var(--color-subnav-bg--blueGrey-10);
  color: white; }

.side-panel .side-panel__header--light {
  background-color: var(--sd-colour-panel-bg--000); }

.side-panel .side-panel__header--darker {
  background-color: var(--sd-colour-panel-bg--100); }

.side-panel .side-panel__header-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  min-height: 4.8rem; }

.side-panel .side-panel__header-wrapper {
  display: flex; }

.side-panel .side-panel__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 48px; }

.side-panel .side-panel__sliding-toolbar--right {
  text-align: end;
  justify-content: flex-end; }

.side-panel .side-panel__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem; }

.side-panel .side-panel__sliding-toolbar .sliding-toolbar__inner--right {
  text-align: end; }

.side-panel .side-panel__sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 400;
  opacity: 0.75;
  font-size: 1.4rem; }

.side-panel .side-panel__sliding-toolbar.side-panel__sliding-toolbar {
  text-align: end;
  justify-content: flex-end; }

.side-panel .side-panel__sliding-toolbar.side-panel__sliding-toolbar > .btn {
  margin-inline-start: 0.8rem; }

.side-panel .side-panel__heading {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 400;
  letter-spacing: 0.02em; }

.side-panel .side-panel__heading--big {
  color: var(--color-text);
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0.01em; }

.side-panel .side-panel__btn-group {
  padding-inline: 0.8rem;
  padding-block: 0.8rem;
  z-index: 2;
  color: var(--color-text-light); }

.side-panel .side-panel__tools {
  position: absolute;
  inset-inline-end: 0.8rem;
  inset-block-start: 0.8rem;
  z-index: 2;
  color: inherit; }

.side-panel .side-panel__tools .icn-btn, .side-panel .side-panel__tools .sd-thumb-carousel__btn--prev, .side-panel .side-panel__tools .sd-thumb-carousel__btn--next,
.side-panel .side-panel__tools .p-carousel-prev, .side-panel .side-panel__tools .p-carousel-next {
  margin-inline-start: 0.2rem; }

.side-panel .side-panel__content {
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 1;
  overflow: auto;
  position: relative; }

.side-panel .side-panel__content--flex {
  display: flex;
  flex-direction: column; }

.side-panel .side-panel__content--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr; }

.side-panel .side-panel__content--split .side-panel__content-block--left {
  grid-column: 1/2;
  grid-row: 1/2;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.1); }

.side-panel .side-panel__content--split .side-panel__content-block--right {
  grid-column: 2/3;
  grid-row: 1/2;
  overflow-y: auto; }

.side-panel .side-panel__content-tab-nav {
  min-height: 4.8rem;
  flex-grow: 0;
  flex-shrink: 0; }

.side-panel .side-panel__content-tab-content {
  flex-grow: 1;
  overflow: auto; }

.side-panel .side-panel__image-actions {
  position: absolute;
  inset-block-start: 1.8rem;
  inset-inline-end: 0.5rem;
  z-index: 2; }

.side-panel .side-panel__content-block {
  padding: var(--space--2); }

.side-panel .side-panel__content-block .side-panel__heading {
  padding: 0; }

.side-panel .side-panel__content-block--pad-top-0 {
  padding-block-start: 0; }

.side-panel .side-panel__content-block--boxed {
  padding: 1.6rem;
  border-radius: var(--b-radius--medium);
  margin-block-end: 1rem; }

.side-panel .side-panel__content-block--pad-small {
  padding: 1.4rem 2rem 0.6rem; }

.side-panel .side-panel__content-block--flex {
  display: flex;
  align-items: flex-start; }

.side-panel .side-panel__content-block--image {
  position: relative; }

.side-panel .side-panel__content-block--image .side-panel__image-actions {
  visibility: hidden; }

.side-panel .side-panel__content-block--image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

.side-panel .side-panel__content-block--image:hover .side-panel__image-actions {
  visibility: visible; }

.side-panel .side-panel__content-block--padding-0 {
  padding: 0; }

.side-panel .side-panel__content-block--padding-1-5 {
  padding: var(--space--1-5); }

.side-panel .side-panel__content-block--padding-3 {
  padding: var(--space--3); }

.side-panel .side-panel__content-block--space-between {
  justify-content: space-between; }

.side-panel .side-panel__content-block--overlay-panel-inside {
  padding: 0;
  overflow: hidden !important;
  display: flex;
  flex-direction: column; }

.side-panel .side-panel__content-block--overlay-panel-inside > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto; }

.side-panel .side-panel__content-block--overlay-panel-inside > div > span {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 2rem;
  width: 100%; }

.side-panel .side-panel-collapsible-header {
  position: relative;
  padding: .8rem 2rem;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  margin-block-end: 1rem;
  min-height: 40px; }

.side-panel .side-panel-collapsible-header.active {
  min-height: 150px; }

.side-panel .side-panel-collapsible-header.active .side-panel-collapsible-header__collapsible {
  height: auto;
  opacity: 1;
  padding: .8rem 0; }

.side-panel .side-panel-collapsible-header__fixed {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.side-panel .side-panel-collapsible-header__collapsible {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s 0.4s; }

.side-panel .side-panel-collapsible-header__toggle {
  position: absolute;
  width: 21px;
  height: 21px;
  border: 0;
  padding: 0;
  inset-inline-start: 50%;
  margin-inline-start: -10.5px;
  inset-block-end: -11px;
  background-color: #fff;
  z-index: 3;
  line-height: 0;
  border-radius: var(--b-radius--full);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  transition: transform 0.5s; }

.side-panel .side-panel-collapsible-header__toggle.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.side-panel .side-panel__content-block-heading {
  font-size: 1.9rem;
  line-height: 120%;
  font-weight: 500;
  margin: 2rem 0; }

.side-panel .side-panel__content-block-heading--small-margin {
  margin: 1rem 0; }

.side-panel .side-panel__content-block-text {
  font-size: 1.5rem;
  line-height: 140%;
  font-weight: 300;
  word-wrap: break-word;
  padding-block-end: 1rem; }

.side-panel .side-panel__content-block-inner {
  flex-grow: 0; }

.side-panel .side-panel__content-block-inner .double-size-icn {
  margin: 0.1rem 1rem 0 0; }

.side-panel .side-panel__content-block-inner--right {
  text-align: end; }

.side-panel .side-panel__content-block-inner--grow {
  flex-grow: 1; }

.side-panel .side-panel__content-block-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 0;
  padding: 0 !important; }

.side-panel .side-panel__content-block-overlay .side-panel {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 34rem;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: 34rem;
  background-color: #222;
  z-index: 2; }

.side-panel .side-panel__content-block-overlay--open .side-panel {
  inset-inline-start: 0;
  opacity: 1; }

.side-panel .side-panel__content-block-overlay-grid {
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 1;
  position: relative;
  width: 0; }

.side-panel .side-panel__content-block-overlay-grid .side-panel {
  opacity: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  width: 40rem;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: 40rem;
  background-color: #222;
  z-index: 2; }

.side-panel .side-panel__content-block-overlay-grid--open .side-panel {
  inset-inline-start: 0;
  opacity: 1; }

.side-panel .side-panel__top-tools {
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 1.2rem 1rem 1.2rem 2rem;
  display: flex;
  align-items: center; }

.side-panel .side-panel__top-tools .side-panel__top-tools-left {
  text-align: start;
  flex-grow: 1; }

.side-panel .side-panel__top-tools .side-panel__top-tools-right {
  text-align: end;
  flex-grow: 1; }

.side-panel .side-panel__top-tools--dark-blue-grey {
  background: var(--color-subnav-bg--blueGrey-10);
  color: white; }

.side-panel .side-panel__footer {
  grid-column: 1/2;
  grid-row: 3/4;
  z-index: 2; }

.side-panel .side-panel__footer .side-panel__footer-buttons--flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 0;
  gap: 0.8rem; }

.side-panel .side-panel__footer--button-box,
.side-panel .side-panel__footer--button-box-large {
  padding: 1.2rem 1.6rem;
  position: relative;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  gap: 0.8rem;
  align-items: center; }

.side-panel .side-panel__footer--button-box::before,
.side-panel .side-panel__footer--button-box-large::before {
  position: absolute;
  content: '';
  inset-block-start: -0.4rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 0.4rem;
  border-block-end: 1px solid var(--sd-colour--shadow-line);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel .side-panel__footer--button-box > .btn,
.side-panel .side-panel__footer--button-box-large > .btn {
  flex: 1 0 auto; }

.side-panel .side-panel__footer--button-box > .icn-btn, .side-panel .side-panel__footer--button-box > .sd-thumb-carousel__btn--prev, .side-panel .side-panel__footer--button-box > .sd-thumb-carousel__btn--next,
.side-panel .side-panel__footer--button-box > .p-carousel-prev, .side-panel .side-panel__footer--button-box > .p-carousel-next,
.side-panel .side-panel__footer--button-box-large > .icn-btn,
.side-panel .side-panel__footer--button-box-large > .sd-thumb-carousel__btn--prev,
.side-panel .side-panel__footer--button-box-large > .sd-thumb-carousel__btn--next,
.side-panel .side-panel__footer--button-box-large > .p-carousel-prev,
.side-panel .side-panel__footer--button-box-large > .p-carousel-next {
  flex: 0 0 auto; }

.side-panel .side-panel__footer--button-box-large {
  padding: 1.6rem 2.4rem;
  gap: 1.2rem; }

.side-panel.side-panel--shadow-left::after, .side-panel.side-panel--left::after {
  display: block;
  inset-block-start: 0;
  inset-block-end: 0;
  content: '';
  width: 4px;
  position: absolute;
  inset-inline-end: 0;
  z-index: 80;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel.side-panel--shadow-right::after, .side-panel.side-panel--right::after {
  display: block;
  inset-block-start: 0;
  inset-block-end: 0;
  content: '';
  width: 4px;
  position: absolute;
  inset-inline-start: 0;
  z-index: 80;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }

.side-panel.side-panel--transparent {
  background-color: transparent; }

.side-panel--bg-000,
.side-panel--light {
  background-color: var(--sd-colour-panel-bg--000); }

.side-panel--bg-100,
.side-panel--light-grey {
  background-color: var(--sd-colour-panel-bg--100); }

.side-panel--bg-200,
.side-panel--grey {
  background-color: var(--sd-colour-panel-bg--200); }

.side-panel__header--has-close .sd-nav-tabs {
  margin-inline-end: 4rem; }

.side-panel__header--has-close .side-panel__heading {
  padding-inline-end: 4rem; }

.side-panel__container.panel-open,
.side-panel__container.panel-open,
.panel-open .side-panel__container,
.open-filters .side-panel__container {
  width: var(--width__container--small);
  overflow-y: auto; }

.side-panel__container.panel-open .side-panel,
.side-panel__container.panel-open .side-panel,
.panel-open .side-panel__container .side-panel,
.open-filters .side-panel__container .side-panel {
  opacity: 1; }

.side-panel__container.panel-open.side-panel__container--xx-small,
.side-panel__container.panel-open.side-panel__container--xx-small,
.panel-open .side-panel__container.side-panel__container--xx-small,
.open-filters .side-panel__container.side-panel__container--xx-small {
  width: var(--width__container--xx-small); }

.side-panel__container.panel-open.side-panel__container--x-small,
.side-panel__container.panel-open.side-panel__container--x-small,
.panel-open .side-panel__container.side-panel__container--x-small,
.open-filters .side-panel__container.side-panel__container--x-small {
  width: var(--width__container--x-small); }

.side-panel__container.panel-open.side-panel__container--small,
.side-panel__container.panel-open.side-panel__container--small,
.panel-open .side-panel__container.side-panel__container--small,
.open-filters .side-panel__container.side-panel__container--small {
  width: var(--width__container--small); }

.side-panel__container.panel-open.side-panel__container--medium,
.side-panel__container.panel-open.side-panel__container--medium,
.panel-open .side-panel__container.side-panel__container--medium,
.open-filters .side-panel__container.side-panel__container--medium {
  width: var(--width__container--medium); }

.side-panel__container.panel-open.side-panel__container--large,
.side-panel__container.panel-open.side-panel__container--large,
.panel-open .side-panel__container.side-panel__container--large,
.open-filters .side-panel__container.side-panel__container--large {
  width: var(--width__container--large); }

.side-panel__container.panel-open.side-panel__container--x-large,
.side-panel__container.panel-open.side-panel__container--x-large,
.panel-open .side-panel__container.side-panel__container--x-large,
.open-filters .side-panel__container.side-panel__container--x-large {
  width: var(--width__container--x-large); }

.side-panel__container.panel-open.side-panel__container--xx-large,
.side-panel__container.panel-open.side-panel__container--xx-large,
.panel-open .side-panel__container.side-panel__container--xx-large,
.open-filters .side-panel__container.side-panel__container--xx-large {
  width: var(--width__container--xx-large); }

.side-panel__container.panel-open.side-panel__container--xxx-large,
.side-panel__container.panel-open.side-panel__container--xxx-large,
.panel-open .side-panel__container.side-panel__container--xxx-large,
.open-filters .side-panel__container.side-panel__container--xxx-large {
  width: var(--width__container--xxx-large); }

.side-panel__container.panel-open.side-panel__container--full,
.side-panel__container.panel-open.side-panel__container--full,
.panel-open .side-panel__container.side-panel__container--full,
.open-filters .side-panel__container.side-panel__container--full {
  width: var(--width__container--full); }

.side-panel__container.panel-open.side-panel__container--auto,
.side-panel__container.panel-open.side-panel__container--auto,
.panel-open .side-panel__container.side-panel__container--auto,
.open-filters .side-panel__container.side-panel__container--auto {
  width: auto; }

.side-panel__container.panel-open.side-panel__container--left,
.side-panel__container.panel-open.side-panel__container--left,
.panel-open .side-panel__container.side-panel__container--left,
.open-filters .side-panel__container.side-panel__container--left {
  margin-inline-end: auto; }

.side-panel__container.panel-open.side-panel__container--right,
.side-panel__container.panel-open.side-panel__container--right,
.panel-open .side-panel__container.side-panel__container--right,
.open-filters .side-panel__container.side-panel__container--right {
  margin-inline-start: auto; }

.flex-grid {
  display: flex;
  flex-direction: row; }

.flex-grid .flex-grid__item {
  position: relative; }

.flex-grid .flex-grid__item--d-flex {
  display: flex; }

.flex-grid .flex-grid__item--column {
  flex-direction: column; }

.flex-grid--wrap-items {
  flex-wrap: wrap; }

.flex-grid--content-center {
  justify-content: center; }

.flex-grid--grow {
  flex-grow: 1; }

.flex-grid--boxed {
  gap: 1.6rem; }

.flex-grid--boxed .flex-grid__item {
  margin: 0; }

.flex-grid--boxed-small {
  gap: 0.8rem; }

.flex-grid--boxed-small .flex-grid__item, .flex-grid--boxed-small .sd-check__wrapper, .flex-grid--boxed-small .btn, .flex-grid--boxed-small .toggle-button {
  margin: 0 !important; }

.flex-grid--plain {
  gap: 1.6rem; }

.flex-grid--plain .flex-grid__item {
  margin: 0;
  padding: 0; }

.flex-grid--small-6 .flex-grid__item {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.flex-grid--small-5 .flex-grid__item {
  flex: 0 0 20%;
  max-width: 20%; }

.flex-grid--small-4 .flex-grid__item {
  flex: 0 0 25%;
  max-width: 25%; }

.flex-grid--small-3 .flex-grid__item {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.flex-grid--small-2 .flex-grid__item {
  flex: 0 0 50%;
  max-width: 50%; }

.flex-grid--small-1 .flex-grid__item {
  flex: 0 0 100%;
  max-width: 100%; }

.flex-grid--boxed.flex-grid--small-6 .flex-grid__item,
.flex-grid--boxed.flex-grid--small-6 > .sd-check__wrapper,
.flex-grid--boxed.flex-grid--small-6 > .btn,
.flex-grid--boxed.flex-grid--small-6 > .icn-btn,
.flex-grid--boxed.flex-grid--small-6 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-6 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-6 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-6 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-6 > .toggle-button {
  flex: 0 0 calc(16.66667% - 1.33333rem);
  max-width: calc(16.66667% - 1.33333rem); }

.flex-grid--boxed.flex-grid--small-6 > .btn,
.flex-grid--boxed.flex-grid--small-6 > .icn-btn,
.flex-grid--boxed.flex-grid--small-6 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-6 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-6 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-6 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-6 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed.flex-grid--small-6 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed.flex-grid--small-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--small-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--small-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-5 .flex-grid__item,
.flex-grid--boxed.flex-grid--small-5 > .sd-check__wrapper,
.flex-grid--boxed.flex-grid--small-5 > .btn,
.flex-grid--boxed.flex-grid--small-5 > .icn-btn,
.flex-grid--boxed.flex-grid--small-5 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-5 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-5 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-5 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-5 > .toggle-button {
  flex: 0 0 calc(20% - 1.28rem);
  max-width: calc(20% - 1.28rem); }

.flex-grid--boxed.flex-grid--small-5 > .btn,
.flex-grid--boxed.flex-grid--small-5 > .icn-btn,
.flex-grid--boxed.flex-grid--small-5 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-5 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-5 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-5 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-5 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed.flex-grid--small-5 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed.flex-grid--small-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--small-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--small-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-4 .flex-grid__item,
.flex-grid--boxed.flex-grid--small-4 > .sd-check__wrapper,
.flex-grid--boxed.flex-grid--small-4 > .btn,
.flex-grid--boxed.flex-grid--small-4 > .icn-btn,
.flex-grid--boxed.flex-grid--small-4 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-4 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-4 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-4 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-4 > .toggle-button {
  flex: 0 0 calc(25% - 1.2rem);
  max-width: calc(25% - 1.2rem); }

.flex-grid--boxed.flex-grid--small-4 > .btn,
.flex-grid--boxed.flex-grid--small-4 > .icn-btn,
.flex-grid--boxed.flex-grid--small-4 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-4 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-4 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-4 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-4 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed.flex-grid--small-4 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed.flex-grid--small-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--small-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--small-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-3 .flex-grid__item,
.flex-grid--boxed.flex-grid--small-3 > .sd-check__wrapper,
.flex-grid--boxed.flex-grid--small-3 > .btn,
.flex-grid--boxed.flex-grid--small-3 > .icn-btn,
.flex-grid--boxed.flex-grid--small-3 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-3 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-3 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-3 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-3 > .toggle-button {
  flex: 0 0 calc(33.33333% - 1.06667rem);
  max-width: calc(33.33333% - 1.06667rem); }

.flex-grid--boxed.flex-grid--small-3 > .btn,
.flex-grid--boxed.flex-grid--small-3 > .icn-btn,
.flex-grid--boxed.flex-grid--small-3 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-3 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-3 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-3 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-3 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed.flex-grid--small-3 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed.flex-grid--small-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--small-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--small-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-2 .flex-grid__item,
.flex-grid--boxed.flex-grid--small-2 > .sd-check__wrapper,
.flex-grid--boxed.flex-grid--small-2 > .btn,
.flex-grid--boxed.flex-grid--small-2 > .icn-btn,
.flex-grid--boxed.flex-grid--small-2 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-2 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-2 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-2 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-2 > .toggle-button {
  flex: 0 0 calc(50% - 0.8rem);
  max-width: calc(50% - 0.8rem); }

.flex-grid--boxed.flex-grid--small-2 > .btn,
.flex-grid--boxed.flex-grid--small-2 > .icn-btn,
.flex-grid--boxed.flex-grid--small-2 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-2 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-2 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-2 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-2 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed.flex-grid--small-2 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed.flex-grid--small-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--small-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--small-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-1 .flex-grid__item,
.flex-grid--boxed.flex-grid--small-1 > .sd-check__wrapper,
.flex-grid--boxed.flex-grid--small-1 > .btn,
.flex-grid--boxed.flex-grid--small-1 > .icn-btn,
.flex-grid--boxed.flex-grid--small-1 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-1 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-1 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-1 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-1 > .toggle-button {
  flex: 0 0 calc(100% - 0rem);
  max-width: calc(100% - 0rem); }

.flex-grid--boxed.flex-grid--small-1 > .btn,
.flex-grid--boxed.flex-grid--small-1 > .icn-btn,
.flex-grid--boxed.flex-grid--small-1 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed.flex-grid--small-1 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed.flex-grid--small-1 > .p-carousel-prev,
.flex-grid--boxed.flex-grid--small-1 > .p-carousel-next,
.flex-grid--boxed.flex-grid--small-1 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed.flex-grid--small-1 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed.flex-grid--small-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--small-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed.flex-grid--small-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--small-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-6 .flex-grid__item,
.flex-grid--boxed-small.flex-grid--small-6 > .sd-check__wrapper,
.flex-grid--boxed-small.flex-grid--small-6 > .btn,
.flex-grid--boxed-small.flex-grid--small-6 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-6 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-6 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-6 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-6 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-6 > .toggle-button {
  flex: 0 0 calc(16.66667% - 0.66667rem);
  max-width: calc(16.66667% - 0.66667rem); }

.flex-grid--boxed-small.flex-grid--small-6 > .btn,
.flex-grid--boxed-small.flex-grid--small-6 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-6 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-6 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-6 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-6 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-6 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--small-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-5 .flex-grid__item,
.flex-grid--boxed-small.flex-grid--small-5 > .sd-check__wrapper,
.flex-grid--boxed-small.flex-grid--small-5 > .btn,
.flex-grid--boxed-small.flex-grid--small-5 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-5 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-5 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-5 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-5 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-5 > .toggle-button {
  flex: 0 0 calc(20% - 0.64rem);
  max-width: calc(20% - 0.64rem); }

.flex-grid--boxed-small.flex-grid--small-5 > .btn,
.flex-grid--boxed-small.flex-grid--small-5 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-5 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-5 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-5 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-5 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-5 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--small-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-4 .flex-grid__item,
.flex-grid--boxed-small.flex-grid--small-4 > .sd-check__wrapper,
.flex-grid--boxed-small.flex-grid--small-4 > .btn,
.flex-grid--boxed-small.flex-grid--small-4 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-4 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-4 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-4 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-4 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-4 > .toggle-button {
  flex: 0 0 calc(25% - 0.6rem);
  max-width: calc(25% - 0.6rem); }

.flex-grid--boxed-small.flex-grid--small-4 > .btn,
.flex-grid--boxed-small.flex-grid--small-4 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-4 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-4 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-4 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-4 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-4 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--small-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-3 .flex-grid__item,
.flex-grid--boxed-small.flex-grid--small-3 > .sd-check__wrapper,
.flex-grid--boxed-small.flex-grid--small-3 > .btn,
.flex-grid--boxed-small.flex-grid--small-3 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-3 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-3 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-3 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-3 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-3 > .toggle-button {
  flex: 0 0 calc(33.33333% - 0.53333rem);
  max-width: calc(33.33333% - 0.53333rem); }

.flex-grid--boxed-small.flex-grid--small-3 > .btn,
.flex-grid--boxed-small.flex-grid--small-3 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-3 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-3 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-3 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-3 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-3 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--small-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-2 .flex-grid__item,
.flex-grid--boxed-small.flex-grid--small-2 > .sd-check__wrapper,
.flex-grid--boxed-small.flex-grid--small-2 > .btn,
.flex-grid--boxed-small.flex-grid--small-2 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-2 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-2 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-2 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-2 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-2 > .toggle-button {
  flex: 0 0 calc(50% - 0.4rem);
  max-width: calc(50% - 0.4rem); }

.flex-grid--boxed-small.flex-grid--small-2 > .btn,
.flex-grid--boxed-small.flex-grid--small-2 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-2 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-2 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-2 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-2 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-2 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--small-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-1 .flex-grid__item,
.flex-grid--boxed-small.flex-grid--small-1 > .sd-check__wrapper,
.flex-grid--boxed-small.flex-grid--small-1 > .btn,
.flex-grid--boxed-small.flex-grid--small-1 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-1 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-1 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-1 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-1 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-1 > .toggle-button {
  flex: 0 0 calc(100% - 0rem);
  max-width: calc(100% - 0rem); }

.flex-grid--boxed-small.flex-grid--small-1 > .btn,
.flex-grid--boxed-small.flex-grid--small-1 > .icn-btn,
.flex-grid--boxed-small.flex-grid--small-1 > .sd-thumb-carousel__btn--prev,
.flex-grid--boxed-small.flex-grid--small-1 > .sd-thumb-carousel__btn--next,
.flex-grid--boxed-small.flex-grid--small-1 > .p-carousel-prev,
.flex-grid--boxed-small.flex-grid--small-1 > .p-carousel-next,
.flex-grid--boxed-small.flex-grid--small-1 > .toggle-button {
  flex-shrink: 0; }

.flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper {
  display: flex; }

.flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  flex-grow: 1; }

.flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--small-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
  flex-grow: 1; }

.flex-grid--padding {
  padding: 2rem; }

.flex-grid--scroll {
  overflow-y: auto; }

.flex-grid.flex-grid--boxed + .flex-grid.flex-grid--boxed {
  margin-block-start: 1.6rem; }

.flex-grid.flex-grid--boxed--small + .flex-grid.flex-grid--boxed--small {
  margin-block-start: 0.8rem; }

@media only screen and (min-width: 40em) {
  .flex-grid--medium-6 .flex-grid__item {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-grid--medium-5 .flex-grid__item {
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid--medium-4 .flex-grid__item {
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid--medium-3 .flex-grid__item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-grid--medium-2 .flex-grid__item {
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid--medium-1 .flex-grid__item {
    flex: 0 0 100%;
    max-width: 100%; }
  .flex-grid--boxed.flex-grid--medium-6 .flex-grid__item,
  .flex-grid--boxed.flex-grid--medium-6 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--medium-6 > .btn,
  .flex-grid--boxed.flex-grid--medium-6 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-6 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-6 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-6 > .toggle-button {
    flex: 0 0 calc(16.66667% - 1.33333rem);
    max-width: calc(16.66667% - 1.33333rem); }
  .flex-grid--boxed.flex-grid--medium-6 > .btn,
  .flex-grid--boxed.flex-grid--medium-6 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-6 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-6 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-6 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--medium-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-5 .flex-grid__item,
  .flex-grid--boxed.flex-grid--medium-5 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--medium-5 > .btn,
  .flex-grid--boxed.flex-grid--medium-5 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-5 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-5 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-5 > .toggle-button {
    flex: 0 0 calc(20% - 1.28rem);
    max-width: calc(20% - 1.28rem); }
  .flex-grid--boxed.flex-grid--medium-5 > .btn,
  .flex-grid--boxed.flex-grid--medium-5 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-5 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-5 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-5 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--medium-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-4 .flex-grid__item,
  .flex-grid--boxed.flex-grid--medium-4 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--medium-4 > .btn,
  .flex-grid--boxed.flex-grid--medium-4 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-4 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-4 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-4 > .toggle-button {
    flex: 0 0 calc(25% - 1.2rem);
    max-width: calc(25% - 1.2rem); }
  .flex-grid--boxed.flex-grid--medium-4 > .btn,
  .flex-grid--boxed.flex-grid--medium-4 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-4 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-4 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-4 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--medium-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-3 .flex-grid__item,
  .flex-grid--boxed.flex-grid--medium-3 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--medium-3 > .btn,
  .flex-grid--boxed.flex-grid--medium-3 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-3 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-3 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-3 > .toggle-button {
    flex: 0 0 calc(33.33333% - 1.06667rem);
    max-width: calc(33.33333% - 1.06667rem); }
  .flex-grid--boxed.flex-grid--medium-3 > .btn,
  .flex-grid--boxed.flex-grid--medium-3 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-3 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-3 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-3 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--medium-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-2 .flex-grid__item,
  .flex-grid--boxed.flex-grid--medium-2 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--medium-2 > .btn,
  .flex-grid--boxed.flex-grid--medium-2 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-2 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-2 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-2 > .toggle-button {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem); }
  .flex-grid--boxed.flex-grid--medium-2 > .btn,
  .flex-grid--boxed.flex-grid--medium-2 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-2 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-2 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-2 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--medium-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-1 .flex-grid__item,
  .flex-grid--boxed.flex-grid--medium-1 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--medium-1 > .btn,
  .flex-grid--boxed.flex-grid--medium-1 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-1 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-1 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-1 > .toggle-button {
    flex: 0 0 calc(100% - 0rem);
    max-width: calc(100% - 0rem); }
  .flex-grid--boxed.flex-grid--medium-1 > .btn,
  .flex-grid--boxed.flex-grid--medium-1 > .icn-btn,
  .flex-grid--boxed.flex-grid--medium-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--medium-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--medium-1 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--medium-1 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--medium-1 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--medium-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-6 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--medium-6 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--medium-6 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-6 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-6 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-6 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-6 > .toggle-button {
    flex: 0 0 calc(16.66667% - 0.66667rem);
    max-width: calc(16.66667% - 0.66667rem); }
  .flex-grid--boxed-small.flex-grid--medium-6 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-6 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-6 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-6 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-6 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--medium-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-5 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--medium-5 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--medium-5 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-5 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-5 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-5 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-5 > .toggle-button {
    flex: 0 0 calc(20% - 0.64rem);
    max-width: calc(20% - 0.64rem); }
  .flex-grid--boxed-small.flex-grid--medium-5 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-5 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-5 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-5 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-5 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--medium-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-4 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--medium-4 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--medium-4 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-4 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-4 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-4 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-4 > .toggle-button {
    flex: 0 0 calc(25% - 0.6rem);
    max-width: calc(25% - 0.6rem); }
  .flex-grid--boxed-small.flex-grid--medium-4 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-4 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-4 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-4 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-4 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--medium-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-3 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--medium-3 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--medium-3 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-3 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-3 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-3 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-3 > .toggle-button {
    flex: 0 0 calc(33.33333% - 0.53333rem);
    max-width: calc(33.33333% - 0.53333rem); }
  .flex-grid--boxed-small.flex-grid--medium-3 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-3 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-3 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-3 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-3 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--medium-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-2 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--medium-2 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--medium-2 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-2 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-2 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-2 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-2 > .toggle-button {
    flex: 0 0 calc(50% - 0.4rem);
    max-width: calc(50% - 0.4rem); }
  .flex-grid--boxed-small.flex-grid--medium-2 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-2 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-2 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-2 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-2 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--medium-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-1 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--medium-1 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--medium-1 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-1 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-1 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-1 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-1 > .toggle-button {
    flex: 0 0 calc(100% - 0rem);
    max-width: calc(100% - 0rem); }
  .flex-grid--boxed-small.flex-grid--medium-1 > .btn,
  .flex-grid--boxed-small.flex-grid--medium-1 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--medium-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--medium-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--medium-1 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--medium-1 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--medium-1 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--medium-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; } }

@media only screen and (min-width: 60em) {
  .flex-grid--large-6 .flex-grid__item {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-grid--large-5 .flex-grid__item {
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid--large-4 .flex-grid__item {
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid--large-3 .flex-grid__item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-grid--large-2 .flex-grid__item {
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid--large-1 .flex-grid__item {
    flex: 0 0 100%;
    max-width: 100%; }
  .flex-grid--boxed.flex-grid--large-6 .flex-grid__item,
  .flex-grid--boxed.flex-grid--large-6 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--large-6 > .btn,
  .flex-grid--boxed.flex-grid--large-6 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-6 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-6 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-6 > .toggle-button {
    flex: 0 0 calc(16.66667% - 1.33333rem);
    max-width: calc(16.66667% - 1.33333rem); }
  .flex-grid--boxed.flex-grid--large-6 > .btn,
  .flex-grid--boxed.flex-grid--large-6 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-6 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-6 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-6 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--large-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--large-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--large-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--large-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-5 .flex-grid__item,
  .flex-grid--boxed.flex-grid--large-5 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--large-5 > .btn,
  .flex-grid--boxed.flex-grid--large-5 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-5 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-5 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-5 > .toggle-button {
    flex: 0 0 calc(20% - 1.28rem);
    max-width: calc(20% - 1.28rem); }
  .flex-grid--boxed.flex-grid--large-5 > .btn,
  .flex-grid--boxed.flex-grid--large-5 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-5 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-5 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-5 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--large-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--large-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--large-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--large-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-4 .flex-grid__item,
  .flex-grid--boxed.flex-grid--large-4 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--large-4 > .btn,
  .flex-grid--boxed.flex-grid--large-4 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-4 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-4 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-4 > .toggle-button {
    flex: 0 0 calc(25% - 1.2rem);
    max-width: calc(25% - 1.2rem); }
  .flex-grid--boxed.flex-grid--large-4 > .btn,
  .flex-grid--boxed.flex-grid--large-4 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-4 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-4 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-4 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--large-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--large-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--large-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--large-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-3 .flex-grid__item,
  .flex-grid--boxed.flex-grid--large-3 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--large-3 > .btn,
  .flex-grid--boxed.flex-grid--large-3 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-3 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-3 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-3 > .toggle-button {
    flex: 0 0 calc(33.33333% - 1.06667rem);
    max-width: calc(33.33333% - 1.06667rem); }
  .flex-grid--boxed.flex-grid--large-3 > .btn,
  .flex-grid--boxed.flex-grid--large-3 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-3 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-3 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-3 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--large-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--large-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--large-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--large-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-2 .flex-grid__item,
  .flex-grid--boxed.flex-grid--large-2 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--large-2 > .btn,
  .flex-grid--boxed.flex-grid--large-2 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-2 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-2 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-2 > .toggle-button {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem); }
  .flex-grid--boxed.flex-grid--large-2 > .btn,
  .flex-grid--boxed.flex-grid--large-2 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-2 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-2 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-2 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--large-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--large-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--large-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--large-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-1 .flex-grid__item,
  .flex-grid--boxed.flex-grid--large-1 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--large-1 > .btn,
  .flex-grid--boxed.flex-grid--large-1 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-1 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-1 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-1 > .toggle-button {
    flex: 0 0 calc(100% - 0rem);
    max-width: calc(100% - 0rem); }
  .flex-grid--boxed.flex-grid--large-1 > .btn,
  .flex-grid--boxed.flex-grid--large-1 > .icn-btn,
  .flex-grid--boxed.flex-grid--large-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--large-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--large-1 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--large-1 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--large-1 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--large-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--large-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--large-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--large-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--large-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-6 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--large-6 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--large-6 > .btn,
  .flex-grid--boxed-small.flex-grid--large-6 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-6 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-6 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-6 > .toggle-button {
    flex: 0 0 calc(16.66667% - 0.66667rem);
    max-width: calc(16.66667% - 0.66667rem); }
  .flex-grid--boxed-small.flex-grid--large-6 > .btn,
  .flex-grid--boxed-small.flex-grid--large-6 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-6 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-6 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-6 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--large-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-5 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--large-5 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--large-5 > .btn,
  .flex-grid--boxed-small.flex-grid--large-5 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-5 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-5 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-5 > .toggle-button {
    flex: 0 0 calc(20% - 0.64rem);
    max-width: calc(20% - 0.64rem); }
  .flex-grid--boxed-small.flex-grid--large-5 > .btn,
  .flex-grid--boxed-small.flex-grid--large-5 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-5 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-5 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-5 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--large-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-4 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--large-4 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--large-4 > .btn,
  .flex-grid--boxed-small.flex-grid--large-4 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-4 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-4 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-4 > .toggle-button {
    flex: 0 0 calc(25% - 0.6rem);
    max-width: calc(25% - 0.6rem); }
  .flex-grid--boxed-small.flex-grid--large-4 > .btn,
  .flex-grid--boxed-small.flex-grid--large-4 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-4 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-4 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-4 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--large-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-3 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--large-3 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--large-3 > .btn,
  .flex-grid--boxed-small.flex-grid--large-3 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-3 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-3 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-3 > .toggle-button {
    flex: 0 0 calc(33.33333% - 0.53333rem);
    max-width: calc(33.33333% - 0.53333rem); }
  .flex-grid--boxed-small.flex-grid--large-3 > .btn,
  .flex-grid--boxed-small.flex-grid--large-3 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-3 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-3 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-3 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--large-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-2 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--large-2 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--large-2 > .btn,
  .flex-grid--boxed-small.flex-grid--large-2 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-2 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-2 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-2 > .toggle-button {
    flex: 0 0 calc(50% - 0.4rem);
    max-width: calc(50% - 0.4rem); }
  .flex-grid--boxed-small.flex-grid--large-2 > .btn,
  .flex-grid--boxed-small.flex-grid--large-2 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-2 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-2 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-2 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--large-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-1 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--large-1 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--large-1 > .btn,
  .flex-grid--boxed-small.flex-grid--large-1 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-1 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-1 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-1 > .toggle-button {
    flex: 0 0 calc(100% - 0rem);
    max-width: calc(100% - 0rem); }
  .flex-grid--boxed-small.flex-grid--large-1 > .btn,
  .flex-grid--boxed-small.flex-grid--large-1 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--large-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--large-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--large-1 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--large-1 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--large-1 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--large-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; } }

@media only screen and (min-width: 100em) {
  .flex-grid--xlarge-6 .flex-grid__item {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-grid--xlarge-5 .flex-grid__item {
    flex: 0 0 20%;
    max-width: 20%; }
  .flex-grid--xlarge-4 .flex-grid__item {
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-grid--xlarge-3 .flex-grid__item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-grid--xlarge-2 .flex-grid__item {
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-grid--xlarge-1 .flex-grid__item {
    flex: 0 0 100%;
    max-width: 100%; }
  .flex-grid--boxed.flex-grid--xlarge-6 .flex-grid__item,
  .flex-grid--boxed.flex-grid--xlarge-6 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--xlarge-6 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-6 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-6 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-6 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-6 > .toggle-button {
    flex: 0 0 calc(16.66667% - 1.33333rem);
    max-width: calc(16.66667% - 1.33333rem); }
  .flex-grid--boxed.flex-grid--xlarge-6 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-6 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-6 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-6 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-6 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--xlarge-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-5 .flex-grid__item,
  .flex-grid--boxed.flex-grid--xlarge-5 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--xlarge-5 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-5 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-5 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-5 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-5 > .toggle-button {
    flex: 0 0 calc(20% - 1.28rem);
    max-width: calc(20% - 1.28rem); }
  .flex-grid--boxed.flex-grid--xlarge-5 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-5 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-5 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-5 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-5 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--xlarge-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-4 .flex-grid__item,
  .flex-grid--boxed.flex-grid--xlarge-4 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--xlarge-4 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-4 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-4 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-4 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-4 > .toggle-button {
    flex: 0 0 calc(25% - 1.2rem);
    max-width: calc(25% - 1.2rem); }
  .flex-grid--boxed.flex-grid--xlarge-4 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-4 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-4 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-4 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-4 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--xlarge-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-3 .flex-grid__item,
  .flex-grid--boxed.flex-grid--xlarge-3 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--xlarge-3 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-3 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-3 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-3 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-3 > .toggle-button {
    flex: 0 0 calc(33.33333% - 1.06667rem);
    max-width: calc(33.33333% - 1.06667rem); }
  .flex-grid--boxed.flex-grid--xlarge-3 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-3 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-3 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-3 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-3 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--xlarge-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-2 .flex-grid__item,
  .flex-grid--boxed.flex-grid--xlarge-2 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--xlarge-2 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-2 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-2 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-2 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-2 > .toggle-button {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem); }
  .flex-grid--boxed.flex-grid--xlarge-2 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-2 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-2 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-2 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-2 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--xlarge-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-1 .flex-grid__item,
  .flex-grid--boxed.flex-grid--xlarge-1 > .sd-check__wrapper,
  .flex-grid--boxed.flex-grid--xlarge-1 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-1 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-1 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-1 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-1 > .toggle-button {
    flex: 0 0 calc(100% - 0rem);
    max-width: calc(100% - 0rem); }
  .flex-grid--boxed.flex-grid--xlarge-1 > .btn,
  .flex-grid--boxed.flex-grid--xlarge-1 > .icn-btn,
  .flex-grid--boxed.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed.flex-grid--xlarge-1 > .p-carousel-prev,
  .flex-grid--boxed.flex-grid--xlarge-1 > .p-carousel-next,
  .flex-grid--boxed.flex-grid--xlarge-1 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed.flex-grid--xlarge-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .toggle-button {
    flex: 0 0 calc(16.66667% - 0.66667rem);
    max-width: calc(16.66667% - 0.66667rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-6 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--xlarge-6 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .toggle-button {
    flex: 0 0 calc(20% - 0.64rem);
    max-width: calc(20% - 0.64rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-5 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--xlarge-5 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .toggle-button {
    flex: 0 0 calc(25% - 0.6rem);
    max-width: calc(25% - 0.6rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-4 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--xlarge-4 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .toggle-button {
    flex: 0 0 calc(33.33333% - 0.53333rem);
    max-width: calc(33.33333% - 0.53333rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-3 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--xlarge-3 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .toggle-button {
    flex: 0 0 calc(50% - 0.4rem);
    max-width: calc(50% - 0.4rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-2 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--xlarge-2 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .flex-grid__item,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .sd-check__wrapper,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .toggle-button {
    flex: 0 0 calc(100% - 0rem);
    max-width: calc(100% - 0rem); }
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .btn,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .icn-btn,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--prev,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .sd-thumb-carousel__btn--next,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .p-carousel-prev,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .p-carousel-next,
  .flex-grid--boxed-small.flex-grid--xlarge-1 > .toggle-button {
    flex-shrink: 0; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper {
    display: flex; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
    display: flex;
    flex-grow: 1; }
  .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style label, .flex-grid--boxed-small.flex-grid--xlarge-1 .sd-check__wrapper .sd-checkbox--button-style.p-checkbox label {
    flex-grow: 1; } }

.grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 1rem;
  flex-wrap: wrap; }

.grid .grid__item {
  flex: 1 1 auto;
  padding: 0 1rem; }

.grid .grid__item.grid__item--col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.grid .grid__item.grid__item--col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.grid .grid__item.grid__item--col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.grid .grid__item.grid__item--col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.grid .grid__item.grid__item--col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.grid .grid__item.grid__item--col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.grid .grid__item.grid__item--col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.grid .grid__item.grid__item--col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.grid .grid__item.grid__item--col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.grid .grid__item.grid__item--col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.grid .grid__item.grid__item--col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.grid .grid__item.grid__item--col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.grid .grid__item > .grid {
  margin-inline-start: -1rem;
  margin-inline-end: -1rem;
  padding: 0; }

.grid + .grid {
  margin-block-start: 1rem; }

.grid--padding-fix {
  margin-inline-start: -1rem;
  margin-inline-end: -1rem;
  padding: 0; }

.grid--margin {
  margin-block-start: 1rem;
  margin-block-end: 1rem; }

.grid--wrap {
  flex-wrap: wrap; }

.grid--boxed {
  margin-inline-start: -1rem;
  margin-inline-end: -1rem; }

.grid--boxed .grid__item {
  margin: 1rem;
  padding: 0; }

.grid--boxed-styled .grid__item {
  background-color: white;
  border-radius: var(--b-radius--x-small);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }

.grid--boxed-small {
  margin-inline-start: -0.4rem;
  margin-inline-end: -0.4rem; }

.grid--boxed-small .grid__item {
  margin: 0.4rem;
  padding: 0; }

.grid--boxed-small-styled .grid__item {
  background-color: white;
  border-radius: var(--b-radius--x-small);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }

@media only screen and (min-width: 0) {
  .grid .grid__item.gi-xsmall-1 {
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-xsmall-2 {
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-xsmall-3 {
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-xsmall-4 {
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-xsmall-5 {
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-xsmall-6 {
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-xsmall-7 {
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-xsmall-8 {
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-xsmall-9 {
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-xsmall-10 {
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-xsmall-11 {
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-xsmall-12 {
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-xsmall-1 {
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-2 {
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-3 {
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-4 {
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-5 {
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-6 {
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-7 {
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-8 {
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-9 {
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-10 {
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-11 {
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xsmall-12 {
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-xsmall-1 {
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-2 {
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-3 {
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-4 {
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-5 {
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-6 {
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-7 {
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-8 {
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-9 {
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-10 {
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-11 {
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xsmall-12 {
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 40em) {
  .grid .grid__item.gi-small-1 {
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-small-2 {
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-small-3 {
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-small-4 {
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-small-5 {
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-small-6 {
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-small-7 {
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-small-8 {
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-small-9 {
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-small-10 {
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-small-11 {
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-small-12 {
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-small-1 {
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-2 {
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-3 {
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-small-4 {
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-5 {
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-6 {
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-small-7 {
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-8 {
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-9 {
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-small-10 {
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-small-11 {
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-small-12 {
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-small-1 {
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-2 {
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-3 {
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-4 {
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-5 {
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-6 {
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-7 {
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-8 {
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-9 {
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-10 {
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-11 {
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-small-12 {
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 60em) {
  .grid .grid__item.gi-medium-1 {
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-medium-2 {
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-medium-3 {
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-medium-4 {
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-medium-5 {
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-medium-6 {
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-medium-7 {
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-medium-8 {
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-medium-9 {
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-medium-10 {
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-medium-11 {
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-medium-12 {
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-medium-1 {
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-2 {
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-3 {
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-medium-4 {
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-5 {
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-6 {
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-medium-7 {
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-8 {
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-9 {
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-medium-10 {
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-medium-11 {
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-medium-12 {
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-medium-1 {
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-2 {
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-3 {
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-4 {
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-5 {
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-6 {
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-7 {
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-8 {
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-9 {
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-10 {
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-11 {
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-medium-12 {
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 64em) {
  .grid .grid__item.gi-large-1 {
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-large-2 {
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-large-3 {
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-large-4 {
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-large-5 {
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-large-6 {
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-large-7 {
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-large-8 {
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-large-9 {
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-large-10 {
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-large-11 {
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-large-12 {
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-large-1 {
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-2 {
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-3 {
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-large-4 {
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-5 {
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-6 {
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-large-7 {
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-8 {
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-9 {
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-large-10 {
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-large-11 {
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-large-12 {
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-large-1 {
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-2 {
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-3 {
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-4 {
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-5 {
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-6 {
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-7 {
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-8 {
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-9 {
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-10 {
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-11 {
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-large-12 {
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 75em) {
  .grid .grid__item.gi-xlarge-1 {
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-xlarge-2 {
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-xlarge-3 {
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-xlarge-4 {
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-xlarge-5 {
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-xlarge-6 {
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-xlarge-7 {
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-xlarge-8 {
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-xlarge-9 {
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-xlarge-10 {
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-xlarge-11 {
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-xlarge-12 {
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-xlarge-1 {
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-2 {
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-3 {
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-4 {
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-5 {
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-6 {
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-7 {
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-8 {
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-9 {
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-10 {
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-11 {
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xlarge-12 {
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-xlarge-1 {
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-2 {
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-3 {
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-4 {
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-5 {
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-6 {
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-7 {
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-8 {
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-9 {
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-10 {
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-11 {
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xlarge-12 {
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

@media only screen and (min-width: 90em) {
  .grid .grid__item.gi-xxlarge-1 {
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid .grid__item.gi-xxlarge-2 {
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid .grid__item.gi-xxlarge-3 {
    flex: 0 0 25%;
    min-width: 25%; }
  .grid .grid__item.gi-xxlarge-4 {
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid .grid__item.gi-xxlarge-5 {
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid .grid__item.gi-xxlarge-6 {
    flex: 0 0 50%;
    min-width: 50%; }
  .grid .grid__item.gi-xxlarge-7 {
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid .grid__item.gi-xxlarge-8 {
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid .grid__item.gi-xxlarge-9 {
    flex: 0 0 75%;
    min-width: 75%; }
  .grid .grid__item.gi-xxlarge-10 {
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid .grid__item.gi-xxlarge-11 {
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid .grid__item.gi-xxlarge-12 {
    flex: 0 0 100%;
    min-width: 100%; }
  .grid--boxed .grid__item.gi-xxlarge-1 {
    flex: 0 0 calc(8.33333% - 2rem);
    min-width: calc(8.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-2 {
    flex: 0 0 calc(16.66667% - 2rem);
    min-width: calc(16.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-3 {
    flex: 0 0 calc(25% - 2rem);
    min-width: calc(25% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-4 {
    flex: 0 0 calc(33.33333% - 2rem);
    min-width: calc(33.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-5 {
    flex: 0 0 calc(41.66667% - 2rem);
    min-width: calc(41.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-6 {
    flex: 0 0 calc(50% - 2rem);
    min-width: calc(50% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-7 {
    flex: 0 0 calc(58.33333% - 2rem);
    min-width: calc(58.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-8 {
    flex: 0 0 calc(66.66667% - 2rem);
    min-width: calc(66.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-9 {
    flex: 0 0 calc(75% - 2rem);
    min-width: calc(75% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-10 {
    flex: 0 0 calc(83.33333% - 2rem);
    min-width: calc(83.33333% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-11 {
    flex: 0 0 calc(91.66667% - 2rem);
    min-width: calc(91.66667% - 2rem); }
  .grid--boxed .grid__item.gi-xxlarge-12 {
    flex: 0 0 calc(100% - 2rem);
    min-width: calc(100% - 2rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-1 {
    flex: 0 0 calc(8.33333% - 0.8rem);
    min-width: calc(8.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-2 {
    flex: 0 0 calc(16.66667% - 0.8rem);
    min-width: calc(16.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-3 {
    flex: 0 0 calc(25% - 0.8rem);
    min-width: calc(25% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-4 {
    flex: 0 0 calc(33.33333% - 0.8rem);
    min-width: calc(33.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-5 {
    flex: 0 0 calc(41.66667% - 0.8rem);
    min-width: calc(41.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-6 {
    flex: 0 0 calc(50% - 0.8rem);
    min-width: calc(50% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-7 {
    flex: 0 0 calc(58.33333% - 0.8rem);
    min-width: calc(58.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-8 {
    flex: 0 0 calc(66.66667% - 0.8rem);
    min-width: calc(66.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-9 {
    flex: 0 0 calc(75% - 0.8rem);
    min-width: calc(75% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-10 {
    flex: 0 0 calc(83.33333% - 0.8rem);
    min-width: calc(83.33333% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-11 {
    flex: 0 0 calc(91.66667% - 0.8rem);
    min-width: calc(91.66667% - 0.8rem); }
  .grid--boxed-small .grid__item.gi-xxlarge-12 {
    flex: 0 0 calc(100% - 0.8rem);
    min-width: calc(100% - 0.8rem); } }

.sd-page-grid--basic {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 4.8rem 1fr auto auto;
  grid-gap: 0;
  height: 100vh;
  position: relative;
  background-color: var(--sd-colour-panel-bg--100); }

.sd-page-grid--basic .sd-main-menu {
  grid-column: 1/2;
  grid-row: 1/5;
  background-color: var(--sd-colour-bg--02);
  width: 30rem;
  box-shadow: inset -4px 0 12px rgba(0, 0, 0, 0.9);
  display: none; }

.sd-page-grid--basic .sd-main-menu .sd-left-nav__btn {
  color: rgba(255, 255, 255, 0.75); }

.sd-page-grid--basic .sd-main-menu .sd-left-nav__group-header {
  border-block-start: 1px solid rgba(255, 255, 255, 0.14); }

.sd-page-grid--basic .sd-top-menu {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 2;
  position: static; }

.sd-page-grid--basic .sd-content {
  grid-column: 2/3;
  grid-row: 2/3;
  z-index: 1;
  background-color: var(--sd-colour-panel-bg--100);
  overflow: auto; }

.sd-page-grid--basic .bottom-bar,
.sd-page-grid--basic .sd-bottom-bar {
  grid-column: 2/3;
  grid-row: 4/5; }

.bottom-bar,
.sd-bottom-bar {
  min-height: 3.2rem;
  background-color: var(--sd-colour-bottom-bar);
  z-index: 2;
  display: flex;
  align-items: center;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 4.8rem 1fr auto auto;
  color: rgba(255, 255, 255, 0.75); }

.sd-bottom-bar__action {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  text-align: center;
  padding: 0;
  background-color: var(--sd-colour-top-menu__btn);
  transition: all 0.2s ease; }

.sd-bottom-bar__action:hover {
  background-color: black;
  cursor: pointer; }

.sd-bottom-bar__action:active {
  background-color: var(--sd-colour-interactive); }

.sd-bottom-bar__action--disabled {
  pointer-events: none !important;
  opacity: 0.3; }

.sd-page-content__left-tabs,
.sd-page-content__right-tabs {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative; }

.sd-page-content__left-tabs::after,
.sd-page-content__right-tabs::after {
  display: block;
  inset-block-end: 0;
  content: '';
  width: 4px;
  position: absolute;
  z-index: 80;
  inset-block-start: 0; }

.sd-page-content__left-tabs::after {
  inset-inline-end: -4px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0, transparent 100%); }

.sd-page-content__right-tabs::after {
  inset-inline-start: -4px;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0, transparent 100%); }

.sd-column-box--3,
.sd-column-box--2 {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  overflow-y: auto; }

.sd-column-box--3 {
  z-index: 1; }

.sd-column-box__main-column {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  background-color: var(--sd-colour-panel-bg--100); }

.sd-column-box__main-column--padded {
  padding: 2rem; }

.sd-column-box__main-column--20 {
  width: 20%; }

.sd-column-box__main-column--30 {
  width: 30%; }

.sd-column-box__main-column--40 {
  width: 40%; }

.sd-column-box__main-column--60 {
  width: 60%; }

.sd-column-box__main-column--70 {
  width: 70%; }

.sd-column-box__main-column--80 {
  width: 80%; }

.sd-column-box__main-column--photo-preview {
  display: flex;
  flex-direction: column;
  background-color: var(--sd-colour-bg__photo-preview);
  position: relative; }

.sd-column-box__main-column--photo-preview .sd-photo-preview {
  flex-grow: 1; }

.sd-column-box__main-column--left {
  border-inline-end: 1px solid var(--sd-colour-line--light); }

.sd-column-box__main-column--border-right {
  border-inline-end: 2px solid var(--sd-colour-line--medium); }

.sd-column-box__main-column--flex {
  display: flex;
  flex-direction: column; }

.sd-column-box__main-column-top-bar {
  padding: 0.8rem 2.4rem;
  border-block-end: 1px solid var(--sd-colour-line--x-light);
  display: flex;
  flex-direction: row;
  gap: 0.8rem; }

.sd-column-box__main-column-inner {
  overflow-y: auto;
  padding: 2rem;
  flex-grow: 1; }

.sd-column-box__slide-in-column {
  width: 26rem;
  transition: all .2s ease-out;
  display: flex;
  flex-direction: column;
  border-inline-start: 1px solid var(--sd-colour-line--light);
  overflow-x: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: var(--sd-colour-bg__slide-in-column-inner); }

.sd-column-box__slide-in-column::before {
  display: block;
  inset-block-start: 0;
  inset-block-end: 0;
  content: '';
  width: 4px;
  position: absolute;
  inset-inline-start: 0;
  z-index: 80;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, transparent 100%); }

.sd-column-box__slide-in-column .sd-column-box__slide-in-column-inner {
  opacity: 1;
  transition: all 0.1s ease-out;
  transition-delay: 0.2s;
  background-color: var(--sd-colour-bg__slide-in-column-inner); }

.sd-column-box__slide-in-column.sd-column-box__slide-in-column--light {
  background-color: var(--sd-colour-panel-bg--000); }

.sd-column-box__slide-in-column.sd-column-box__slide-in-column--light .sd-column-box__slide-in-column-inner {
  background-color: var(--sd-colour-panel-bg--000); }

.sd-column-box__slide-in-column--large {
  width: 40rem; }

.sd-column-box__slide-in-column--closed {
  width: 0;
  border-inline-start: 1px solid transparent;
  overflow: hidden; }

.sd-column-box__slide-in-column--closed .sd-column-box__slide-in-column-inner {
  opacity: 0;
  transition: all 0.1s ease-out;
  transition-delay: 0; }

.sd-slide-in-panel {
  display: flex;
  flex-direction: column;
  height: 100%; }

.sd-slide-in-panel__header {
  flex-grow: 0;
  flex-shrink: 0;
  z-index: 2;
  position: relative;
  min-height: 4.8rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 1px 0 var(--sd-colour-line--light); }

.sd-slide-in-panel__heading {
  padding: 0 2rem 0 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: var(--color-text-light);
  font-weight: 300;
  letter-spacing: 0.02em;
  margin-inline-end: auto; }

.sd-slide-in-panel__heading--marg-b10 {
  margin-block-end: 1rem; }

.sd-slide-in-panel__heading--marg-b16 {
  margin-block-end: 1.6rem; }

.sd-slide-in-panel__heading--marg-b20 {
  margin-block-end: 2rem; }

.sd-slide-in-panel__close {
  z-index: 2;
  color: var(--color-text-lighter);
  margin-inline-end: 1.2rem; }

.sd-slide-in-panel__content {
  flex-grow: 1;
  overflow-y: auto; }

.sd-slide-in-panel__content-block {
  padding: 1.6rem; }

.sd-slide-in-panel__content-block .sd-slide-in-panel__heading {
  padding: 0; }

.sd-slide-in-panel__content-block--first {
  padding-block-start: 3.2rem; }

.sd-slide-in-panel__footer {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  z-index: 2;
  position: relative;
  min-height: 4.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.2rem 1.6rem; }

.sd-slide-in-panel__footer::before {
  position: absolute;
  content: '';
  inset-block-start: -0.4rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 0.4rem;
  border-block-end: 1px solid var(--sd-colour--shadow-line);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }

.sd-page-content__content-block {
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  flex-grow: 1;
  position: relative; }

.sd-page-content__content-block .subnav {
  flex-shrink: 0;
  flex-grow: 0; }

.sd-page-content__content-block .sd-list-item-group {
  margin: 2.4rem;
  opacity: 1;
  transition: opacity 0.2s ease-in;
  transition-delay: 0.1s; }

.sd-page-content__content-block .sd-column-box--3 {
  opacity: 1;
  transition: opacity 0.2s ease-in;
  transition-delay: 0.1s; }

.sd-page-content__content-block .sd-list-header {
  margin: 2.4rem 2.4rem -2rem 2.4rem; }

.sd-page-content__content-block--double-sidebar {
  width: calc(100vw - 9.6rem); }

.sd-page-content__content-block--right::before {
  border-inline-start: 3px solid var(--sd-colour__splitter);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, transparent 100%);
  display: block;
  inset-block-end: 0;
  content: '';
  width: 6px;
  position: absolute;
  z-index: 8000;
  inset-block-start: 0; }

.sd-edit-panel {
  background-color: white;
  transition: all .2s ease-out;
  display: flex;
  flex-direction: column;
  overflow-x: hidden; }

.sd-page-content--split {
  width: 100%;
  display: flex;
  flex-direction: row; }

.sd-page-content--split .sd-sidebar-menu {
  position: relative;
  inset-block-start: 0;
  inset-block-end: auto; }

.sd-page-content--split .sd-page-content__content-block--100 {
  width: calc(100vw - 4.8rem); }

.sd-page-content--split .sd-page-content__content-block--70 {
  width: calc(70vw - 4.8rem); }

.sd-page-content--split .sd-page-content__content-block--50 {
  width: calc(50vw - 4.8rem); }

.sd-page-content--split .sd-page-content__content-block--30 {
  width: calc(30vw - 4.8rem); }

.sd-page-content--slide-in {
  display: flex;
  flex-direction: row; }

.sd-page-content--slide-in .sd-sidebar-menu {
  position: relative;
  inset-block-start: 0;
  inset-block-end: auto; }

.sd-page-content--slide-in .sd-page-content__content-block--main {
  width: calc(100vw - 4.8rem); }

.sd-page-content--slide-in .sd-page-content__content-block--30-slide {
  width: 0; }

.sd-page-content--slide-in .sd-page-content__content-block--30-slide .side-panel {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  transition-delay: 0s; }

.sd-page-content--slide-in--open .sd-page-content__content-block--main {
  width: calc(100vw - 57.8rem); }

.sd-page-content--slide-in--open .sd-page-content__content-block--30-slide {
  width: 53rem; }

.sd-page-content--slide-in--open .sd-page-content__content-block--30-slide .side-panel {
  opacity: 1;
  transition-delay: 0.2s; }

.sd-page-content--split.edit-closed #leftContent.sd-page-content__content-block {
  width: calc(100vw - 4.8rem); }

.sd-page-content--split.edit-closed #editPane.sd-page-content__content-block {
  width: 0;
  opacity: 0; }

.sd-page-content--split.edit-closed .open-preview .sd-preview-panel {
  width: 50rem; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block {
  width: 0;
  opacity: 0; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block .sd-list-item-group {
  opacity: 0;
  transition-delay: 0s; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block .sd-column-box--3 {
  opacity: 0;
  transition-delay: 0s; }

.sd-page-content--split.sd-page-content--split-left #leftContent.sd-page-content__content-block .sd-list-header {
  opacity: 0;
  transition-delay: 0s; }

.sd-page-content--split.sd-page-content__content-block.shift-to-left #editPane.sd-page-content__content-block {
  width: calc(100vw - 4.8rem); }

.sd-page-content--split.sd-page-content__content-block.shift-to-left #leftContent.sd-page-content__content-block {
  width: 0; }

.sd-sidebar-menu__btn--closed .sd-sidebar-menu__helper-icon {
  transform: rotate(180deg); }

.sd-filters-panel,
.sd-preview-panel,
.sd-publish-panel {
  width: 0;
  transition: all .2s ease-out;
  display: flex;
  flex-direction: column;
  overflow-x: hidden; }

.sd-filters-panel .side-panel,
.sd-preview-panel .side-panel,
.sd-publish-panel .side-panel {
  opacity: 0;
  transition: all 0.1s ease-out;
  transition-delay: 0; }

.sd-filters-panel {
  background-color: var(--sd-colour-panel-bg--100);
  border-inline-end: 0px solid rgba(0, 0, 0, 0); }

.sd-preview-panel {
  background-color: var(--sd-colour-panel-bg--100);
  border-inline-start: 0px solid rgba(0, 0, 0, 0); }

.open-filters .sd-filters-panel {
  width: 36rem;
  border-inline-end: 2px solid var(--sd-colour__side-panel-border); }

.open-filters .sd-filters-panel .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .2s; }

.open-filters .sd-filters-panel--border-left {
  border-inline-end: none;
  border-inline-start: 2px solid var(--sd-colour__side-panel-border); }

.open-preview .sd-preview-panel {
  width: 36rem;
  border-inline-start: 1px solid rgba(0, 0, 0, 0.25);
  flex-shrink: 0; }

.open-preview .sd-preview-panel .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .2s; }

.open-preview .sd-preview-panel--dark-ui {
  border-left-color: rgba(0, 0, 0, 0.4); }

.authoring .open-preview .sd-preview-panel {
  width: auto;
  max-width: 32rem; }

.sd-filters-panel .side-panel,
.sd-preview-panel .side-panel {
  opacity: 0; }

.text-label {
  display: inline-block;
  min-width: 4rem;
  color: var(--color-text-light);
  font-weight: 300; }

.text-label--auto {
  min-width: auto; }

.sd-content-navigation-panel {
  width: 20rem;
  background-color: var(--sd-colour-background__left-nav);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  border-right-color: var(--sd-colour-line--light);
  border-right-style: solid;
  border-right-width: 0;
  transition: all .2s ease-out .1s; }

.sd-content-navigation-panel .subnav {
  flex-shrink: 0; }

.content-nav-closed .sd-content-navigation-panel {
  width: 0; }

.content-nav-closed .sd-content-navigation-panel .sd-content-nav {
  opacity: 0;
  transition: all .1s ease-out; }

.content-nav-closed .sd-content-navigation-panel.sd-content-navigation-panel--border-right {
  border-right-width: 0; }

.sd-content-navigation-panel--border-right {
  border-right-width: 2px; }

.open-publish .sd-publish-panel {
  width: 40rem;
  flex-shrink: 0; }

.open-publish .sd-publish-panel .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .2s; }

.authoring .open-publish .sd-publish-panel {
  width: auto;
  max-width: 32rem;
  flex-grow: 1;
  flex-shrink: 1; }

.sd-main-content-grid {
  margin: 0;
  display: grid;
  grid-template-columns: [slideInLeft] auto [mainContent] 1fr [slideInRight] auto [overlayContainer] 0;
  grid-template-rows: [headerToolbar] auto [contentBlock] 1fr;
  overflow: auto; }

.sd-main-content-grid.sd-main-content-grid--full-height {
  height: 100%; }

.sd-main-content-grid__header {
  grid-column: 1/4;
  grid-row: headerToolbar;
  display: flex;
  flex-direction: column; }

.sd-main-content-grid__content {
  grid-column: mainContent;
  grid-row: contentBlock;
  overflow-y: auto;
  background-color: var(--sd-colour-panel-bg--100); }

.sd-main-content-grid__content.sd-main-content-grid__content--with-filters {
  display: grid;
  grid-template-rows: [filterBar] auto [innerContent] 1fr; }

.sd-main-content-grid__content.sd-main-content-grid__content--with-filters {
  display: grid;
  grid-template-rows: [filterBar] auto [innerContent] 1fr; }

.sd-main-content-grid__content-filter-bar {
  grid-row: filterBar; }

.sd-main-content-grid__content-inner {
  grid-row: innerContent;
  overflow-y: auto; }

.sd-main-content-grid__filter {
  grid-column: slideInLeft;
  grid-row: contentBlock;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.sd-main-content-grid__preview {
  grid-column: slideInRight;
  grid-row: contentBlock;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.sd-main-content-grid__overlay {
  grid-column: overlayContainer;
  grid-row: 1/-1;
  overflow: visible;
  width: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative; }

.side-panel__container {
  grid-column: 1/2;
  width: 0;
  overflow: hidden;
  transition: all ease-in-out 0.1s; }

.side-panel__container .side-panel {
  opacity: 0;
  transition: opacity ease-in-out 0.4s; }

.sd-main-content-grid__preview.open-preview .side-panel__container {
  width: var(--width__container--medium);
  overflow-y: auto; }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xxx-small {
  width: var(--width__container--xxx-small); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xx-small {
  width: var(--width__container--xx-small); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--x-small {
  width: var(--width__container--x-small); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--small {
  width: var(--width__container--small); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--large {
  width: var(--width__container--large); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--x-large {
  width: var(--width__container--x-large); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xx-large {
  width: var(--width__container--xx-large); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xxx-large {
  width: var(--width__container--xxx-large); }

.sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--full {
  width: var(--width__container--full); }

.sd-main-content-grid__preview.open-preview .side-panel__container .side-panel {
  opacity: 1; }

.open-filters .side-panel__container {
  width: var(--width__container--x-small);
  overflow-y: auto; }

.open-filters .side-panel__container .side-panel {
  opacity: 1; }

.open-filters .side-panel__container.side-panel__container--small {
  width: var(--width__container--x-small); }

.sd-content-wrapper {
  margin: 0;
  display: grid;
  grid-template-columns: [sideTabsLeft] auto [contentArea] 1fr [contentSplitter] auto [authoringArea] auto;
  grid-template-rows: 1fr; }

.sd-content-wrapper .sd-main-content-grid {
  grid-column: contentArea; }

.sd-content-wrapper--editor-full {
  grid-template-columns: [sideTabsLeft] auto [contentArea] auto [contentSplitter] auto [authoringArea] 1fr; }

.sd-content-wrapper__left-tabs {
  grid-column: sideTabsLeft; }

.sd-content-wrapper__left-tabs.sd-sidebar-menu {
  position: static;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08), 1px 0 4px rgba(0, 0, 0, 0.16); }

.sd-content-wrapper__main-content-area {
  overflow: auto; }

.content-splitter--visible.sd-content-wrapper__content-splitter {
  display: block;
  grid-column: contentSplitter;
  width: 3px;
  background-color: #596473;
  cursor: col-resize; }

.content-splitter--disabled.sd-content-wrapper__content-splitter {
  pointer-events: none; }

.sd-content-wrapper__content-splitter {
  display: none; }

.sd-content-wrapper__authoring-content-area {
  grid-column: authoringArea;
  display: grid;
  display: grid;
  grid-template-rows: 1fr;
  grid-auto-columns: auto;
  overflow-y: auto; }

.sd-page-grid,
.sd-page-grid--test {
  margin: 0;
  display: grid;
  grid-template-columns: [slideInNavigation] auto [contentContainer] 1fr [notificationPanel] 0;
  grid-template-rows: [mainToolbar] 4.8rem [contentContainer] 1fr [footerBar] auto;
  grid-gap: 0;
  height: 100vh;
  position: relative; }

.sd-page-grid .sd-main-menu,
.sd-page-grid--test .sd-main-menu {
  grid-column: slideInNavigation;
  grid-row: 1/-1;
  background-color: #23282e;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.sd-page-grid .sd-main-menu .sd-main-menu__inner,
.sd-page-grid--test .sd-main-menu .sd-main-menu__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 0;
  overflow: hidden;
  transition: opacity ease-in-out 0.2s, width ease-in-out 0.1s;
  opacity: 0; }

.sd-page-grid .sd-main-menu .sd-main-menu__navigation,
.sd-page-grid--test .sd-main-menu .sd-main-menu__navigation {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: [mainMenuHeader] 48px [mainMenuContent] 1fr [mainMenuFooter] auto;
  width: 0;
  overflow: hidden;
  transition: opacity ease-in-out 0.2s, width ease-in-out 0.1s;
  opacity: 0;
  box-shadow: inset -8px 0px 12px -4px rgba(0, 0, 0, 0.4), inset -1px 0px 0 0 rgba(226, 229, 233, 0.24); }

.sd-page-grid .sd-main-menu .sd-main-menu__header,
.sd-page-grid--test .sd-main-menu .sd-main-menu__header {
  display: flex;
  align-items: center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-block-end: 1px solid rgba(140, 151, 166, 0.08); }

.sd-page-grid .sd-main-menu .sd-main-menu__title,
.sd-page-grid--test .sd-main-menu .sd-main-menu__title {
  font-size: 1.6rem;
  font-weight: 300;
  opacity: 0.65;
  padding-inline-start: 2.4rem; }

.sd-page-grid .sd-main-menu .sd-main-menu__content,
.sd-page-grid--test .sd-main-menu .sd-main-menu__content {
  overflow-y: auto; }

.sd-page-grid .sd-main-menu .sd-main-menu__footer,
.sd-page-grid--test .sd-main-menu .sd-main-menu__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.24);
  border-block-start: 1px solid rgba(140, 151, 166, 0.08); }

.sd-page-grid .sd-main-menu .sd-main-menu__footer .sd-main-menu__footer-logo,
.sd-page-grid--test .sd-main-menu .sd-main-menu__footer .sd-main-menu__footer-logo {
  display: flex;
  align-items: center;
  border-block-start: 1px solid rgba(140, 151, 166, 0.08);
  background: url(6494665ba33bdf4948db3814dc336e8d.svg) no-repeat center;
  height: 7.6rem; }

.sd-page-grid .sd-main-menu .sd-main-menu__footer .sd-main-menu__footer-info,
.sd-page-grid--test .sd-main-menu .sd-main-menu__footer .sd-main-menu__footer-info {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.05em;
  padding: 6px 0 6px;
  opacity: 0.5; }

.sd-page-grid .sd-main-menu .sd-main-menu__footer .sd-main-menu__footer-content,
.sd-page-grid--test .sd-main-menu .sd-main-menu__footer .sd-main-menu__footer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  padding: 8px 0 8px;
  opacity: 0.85;
  height: 3.2rem;
  border-block-start: 1px solid rgba(140, 151, 166, 0.08);
  background-color: rgba(13, 15, 17, 0.24); }

.sd-page-grid .sd-main-menu.sd-main-menu--open .sd-main-menu__inner,
.sd-page-grid .sd-main-menu.sd-main-menu--open .sd-main-menu__navigation,
.sd-page-grid--test .sd-main-menu.sd-main-menu--open .sd-main-menu__inner,
.sd-page-grid--test .sd-main-menu.sd-main-menu--open .sd-main-menu__navigation {
  width: 30rem;
  opacity: 1; }

.sd-page-grid .sd-main-menu .sd-left-nav,
.sd-page-grid--test .sd-main-menu .sd-left-nav {
  width: 100%; }

.sd-page-grid .sd-top-menu,
.sd-page-grid--test .sd-top-menu {
  grid-column: contentContainer;
  grid-row: mainToolbar;
  z-index: 2;
  position: static; }

.sd-page-grid .sd-content,
.sd-page-grid--test .sd-content {
  grid-column: contentContainer;
  grid-row: contentContainer;
  z-index: 1;
  overflow: auto;
  background-color: var(--sd-colour-panel-bg--100); }

.sd-page-grid .sd-notifications-slot,
.sd-page-grid--test .sd-notifications-slot {
  grid-column: notificationPanel;
  grid-row: contentContainer;
  z-index: 2;
  position: relative;
  width: 0; }

.sd-page-grid .bottom-bar,
.sd-page-grid .sd-bottom-bar,
.sd-page-grid--test .bottom-bar,
.sd-page-grid--test .sd-bottom-bar {
  grid-column: contentContainer;
  grid-row: footerBar; }

.sd-authoring-page {
  display: grid;
  grid-template-columns: [authoringMain] 1fr [authoringSideTabs] auto [publishContainer] 0px;
  grid-template-rows: [authoringHeader] auto [authoringMainRow] 1fr; }

.sd-authoring-page__header {
  grid-column: 1/3;
  grid-row: authoringHeader;
  display: flex;
  flex-direction: column; }

.sd-authoring-page__main-container {
  grid-column: authoringMain;
  grid-row: authoringMainRow;
  display: flex;
  position: relative;
  flex-direction: column;
  position: relative;
  min-width: 60rem; }

.sd-authoring-page__side-tabs {
  grid-column: authoringSideTabs;
  grid-row: authoringMainRow; }

.sd-authoring-page__publish-container {
  grid-column: publishContainer;
  grid-row: 1/-1;
  position: relative;
  overflow: visible;
  width: 0 !important; }

.sd-overlay-panel-2 {
  z-index: 2;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  width: 0;
  background: var(--sd-colour-panel-bg--100);
  color: var(--color-text);
  overflow: hidden;
  transition: all 0.1s ease-out; }

.sd-overlay-panel-2 .side-panel {
  opacity: 0;
  transition: all 0s ease-out;
  transition-delay: 0; }

.sd-overlay-panel-2--left {
  box-shadow: 2px 0px 0px 0px #666666, 2px 0px 12px 0px rgba(0, 0, 0, 0.3);
  inset-inline-start: 0; }

.sd-overlay-panel-2--right {
  box-shadow: -2px 0px 0px 0px #666666, -2px 0px 12px 0px rgba(0, 0, 0, 0.3);
  inset-inline-end: 0; }

.sd-overlay-panel-2--open {
  width: 32.8rem;
  overflow: auto; }

.sd-overlay-panel-2--open .side-panel {
  opacity: 1;
  transition: all 0.2s ease-out;
  transition-delay: .1s; }

.sd-overlay-panel-2--open.sd-overlay-panel--medium {
  width: 40rem; }

.sd-overlay-panel-2--open.sd-overlay-panel--large {
  width: 68rem; }

.sd-authoring-page__publish-container .sd-overlay-panel,
.sd-main-content-grid__overlay .sd-overlay-panel {
  inset-block-start: 0;
  inset-block-end: 0;
  z-index: 100; }

.sd-main-content-grid > .sd-nav-tabs__content {
  display: contents; }

.sd-main-content-grid > .sd-nav-tabs__content .sd-nav-tabs__pane {
  display: contents; }

.sd-kanban-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1rem;
  padding-block-end: 0;
  height: 100%; }

.sd-kanban-list ::-webkit-scrollbar {
  border-inline-start: 4px solid transparent !important;
  border-inline-end: 1px solid transparent !important;
  width: 6px !important;
  background: transparent !important; }

.sd-kanban-list ::-webkit-scrollbar-track {
  background: transparent !important;
  border-inline-start: 3px solid transparent !important; }

.sd-kanban-list ::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, 0.05) !important; }

.sd-kanban-list ::-webkit-scrollbar-thumb {
  border-inline-start: 3px solid transparent !important; }

.sd-kanban-list__board {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  margin: 0 1rem;
  height: 100%;
  min-width: 20rem; }

.sd-kanban-list__board .sd-list-item-group {
  margin: 0; }

.sd-kanban-list__board--wide {
  min-width: 36rem; }

.sd-kanban-list__board-header {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
  position: relative;
  min-height: 2.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-block-end: 4px solid var(--sd-colour-bg--09);
  padding: 0 0 0.4rem 0;
  margin: 0 0.1rem; }

.sd-kanban-list__board-header .sd-list-header {
  margin: 0 !important;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%; }

.sd-kanban-list__board-header .sd-list-header__name {
  flex-grow: 1; }

.sd-kanban-list__board-content {
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 1;
  overflow: auto;
  padding: 0.6rem 0.3rem 0.6rem 0.3rem; }

[class^="--dark-ui"] .sd-kanban-list__board-header,
[class*="--dark-ui"] .sd-kanban-list__board-header,
.dark-ui .sd-kanban-list__board-header {
  border-block-end: 4px solid #566e77 !important; }

.button-stack {
  height: 4.8rem !important;
  position: relative;
  margin: 0 20px 0 0;
  float: inline-start; }

.button-stack > .btn {
  margin-inline-start: 20px;
  margin-block-start: 10px; }

.button-stack.right-stack,
.button-stack--right {
  float: inline-end;
  margin: 0 0 0 5px; }

.button-stack.right-stack .navbtn,
.button-stack--right .navbtn {
  border-inline-start: 1px solid var(--sd-colour-line--x-light) !important;
  border-inline-end: 0 !important; }

.button-stack.right-stack > .btn,
.button-stack--right > .btn {
  margin-inline-end: 12px;
  margin-inline-start: 0; }

a.text-link {
  text-decoration: none;
  color: var(--sd-colour-interactive--darken-10);
  transition: all 0.1s ease-in;
  display: inline-block;
  cursor: pointer; }

a.text-link:hover {
  text-decoration: underline; }

a.text-link [class^="icon-"],
a.text-link [class*=" icon-"] {
  color: currentColor;
  vertical-align: middle;
  margin-inline-end: 0.3rem;
  position: relative;
  inset-block-start: -0.2rem; }

a.text-link.text-link--white {
  color: rgba(255, 255, 255, 0.4); }

a.text-link.text-link--white:hover {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none; }

a.text-link.text-link--white:active {
  color: white; }

.text-link__group > a.text-link {
  margin: 0.4rem 0.4rem 0.4rem 0;
  font-size: 1.4rem;
  padding: 0 .6rem 0 0;
  border-inline-end: 1px dotted var(--sd-colour-line--medium); }

.text-link__group > a.text-link:last-child {
  padding-inline-end: 0;
  border-inline-end: none; }

.text-link__group .text-link__item {
  display: inline-block;
  padding: 0 .8rem 0 0;
  margin: 0.6rem 0.8rem 0.6rem 0;
  font-size: 1.4rem;
  border-inline-end: 1px dotted var(--sd-colour-line--medium); }

.text-link__group .text-link__item:last-child {
  padding-inline-end: 0;
  border-inline-end: none; }

.sd-page {
  position: absolute;
  inset-block-start: 48px;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background: #fff;
  overflow: hidden; }

.sd-page__sidebar {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0; }

.sd-page__main-content {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: var(--sd-colour-panel-bg--100);
  display: flex;
  flex-direction: column; }

.sd-page__main-content--double-left-nav {
  inset-inline-start: 400px; }

.sd-page__sidebar + .sd-page__main-content {
  inset-inline-start: 240px; }

.sd-page__sidebar + .sd-content-navigation-panel {
  inset-inline-start: 240px;
  inset-block-start: 0;
  inset-block-end: 0;
  position: absolute; }

.sd-page__header {
  height: 48px;
  flex-shrink: 0;
  border-block-end: 1px solid var(--sd-colour-line--light);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  z-index: 3; }

.sd-page__header--justify-space-between {
  justify-content: space-between; }

.sd-page__element-grow {
  flex-grow: 1;
  display: inline-block; }

.sd-page__element-grow--x-padding {
  padding: 0 20px; }

.sd-page__page-heading {
  font-size: 1.6rem;
  color: var(--color-text);
  font-weight: 500; }

.sd-page__content {
  flex-grow: 1;
  padding: 20px;
  overflow: auto;
  background-color: var(--sd-colour-panel-bg--100); }

.sd-page__content--centered-dashboard {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-content: center; }

.sd-page__content--centered-dashboard .sd-grid-list {
  width: 60%;
  margin: 0 auto; }

.sd-page__flex-helper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0; }

.sd-overlay-panel {
  z-index: 2;
  position: absolute;
  inset-block-start: 4.8rem;
  inset-inline-end: 0;
  inset-block-end: 3rem;
  width: 0;
  background-color: white;
  color: var(--color-text);
  box-shadow: -2px 0 12px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
  transition: all 0.1s ease-out; }

.sd-overlay-panel .side-panel {
  opacity: 0;
  transition: all 0.2s ease-out;
  transition-delay: .1s; }

.sd-overlay-panel--open {
  width: 40rem;
  overflow: auto; }

.sd-overlay-panel--open .side-panel {
  opacity: 1; }

.sd-overlay-panel--open.sd-overlay-panel--large {
  width: 68rem; }

[data-theme="dark-ui"] .sd-overlay-panel .side-panel .side-panel__header {
  background-color: var(--sd-colour-bg--01); }

.sd-editor-grid {
  display: grid;
  grid-template-columns: [sideBarLeft] auto [editorContent] 1fr [sideTabPinned] auto [sideTabOverlay] auto [sideTabsBar] auto [editorOverlay] 0 [editorOverlay-end];
  grid-template-rows: [editorSubnav] auto [editorContent] 1fr [editorContent-end];
  height: 100%; }

.sd-editor-grid__editor-subnav {
  grid-column: 1 / 6;
  grid-row: editorSubnav;
  height: 48px; }

.sd-editor-grid__sidebar-left {
  grid-column: sideBarLeft;
  grid-row: editorContent;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  width: 4.8rem;
  overflow-y: auto; }

.sd-editor-grid__editor-content {
  grid-column: editorContent;
  grid-row: editorContent;
  background-color: #D4CED0;
  position: relative;
  overflow-y: auto; }

.sd-editor-grid__sidetabs-content-pinned {
  grid-column: sideTabPinned;
  grid-row: editorContent;
  position: relative;
  overflow-x: visible;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 0;
  z-index: 1;
  transition: all 0.2s ease; }

.sd-editor-grid__sidetabs-content-pinned.sidetab-content-pinned--pinned {
  overflow-y: auto;
  overflow-x: hidden;
  width: auto;
  max-height: 100%; }

.sd-editor-grid__sidetabs-content-pinned.sidetab-content-pinned--open {
  overflow-y: auto;
  overflow-x: hidden;
  width: auto;
  max-height: 100%; }

.sd-editor-grid__sidetabs-content-overlay {
  grid-column: sideTabOverlay;
  grid-row: editorContent;
  position: relative;
  overflow-x: visible;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 0;
  background-color: var(--sd-colour-panel-bg--000);
  z-index: 10; }

.sd-editor-grid__sidetabs-content-overlay .sidetabs-content-overlay__inner {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  inset-block-start: 0;
  width: 0;
  inset-block-end: 0;
  inset-inline-end: -320px;
  transition: width 0.2s ease-in-out, opacity 0.2s ease;
  box-shadow: -2px 0 12px rgba(0, 0, 0, 0), -3px 0 0 0px rgba(140, 151, 166, 0);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  z-index: 10; }

.sd-editor-grid__sidetabs-content-overlay.sidetab-content-overlay--open {
  overflow: visible; }

.sd-editor-grid__sidetabs-content-overlay.sidetab-content-overlay--open .sidetabs-content-overlay__inner {
  opacity: 1;
  width: auto;
  position: absolute;
  overflow: hidden;
  inset-inline-end: 0;
  box-shadow: -2px 0 12px rgba(0, 0, 0, 0.4), -3px 0 0 0px #8c97a6; }

.sd-editor-grid__sidetabs-bar {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-column: sideTabsBar;
  grid-row: editorContent;
  width: 4.8rem;
  overflow-y: auto;
  z-index: 11; }

.sd-editor-grid__editor-overlay {
  grid-column: editorOverlay;
  grid-row-start: editorSubnav;
  grid-row-end: editorContent-end;
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  z-index: 100; }

.sd-editor-content {
  display: grid;
  grid-template-columns: [editorMain] 1fr;
  grid-template-rows: [editorToolbar] auto [editorMainContainer] 1fr;
  position: relative;
  height: 100%; }

.sd-editor-content__toolbar {
  grid-column: editorMain;
  grid-row: editorToolbar;
  height: 48px;
  position: relative;
  padding: 4px 20px;
  background-color: var(--sd-colour-panel-bg--000);
  z-index: 3;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); }

.sd-editor-content__toolbar--custom {
  height: auto;
  flex-direction: column;
  align-items: stretch;
  padding: 0; }

.sd-editor-content__save-bar {
  height: 48px;
  position: relative;
  padding: 4px 20px;
  background-color: var(--sd-colour-interactive);
  z-index: 3;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); }

.sd-editor-content__save-bar--custom {
  height: auto;
  flex-direction: column;
  align-items: stretch;
  padding: 0; }

.sd-editor-content__toolbar-inner {
  height: 48px;
  position: relative;
  padding: 4px 20px;
  background-color: var(--sd-colour-panel-bg--000);
  z-index: 3;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); }

.sd-editor-content__main-container {
  grid-column: editorMain;
  grid-row: editorMainContainer;
  display: grid;
  display: grid;
  grid-template-rows: [authoringHeader] auto [authoringBody] 1fr;
  grid-template-columns: [bookmarkBar] auto [mainContent] 1fr;
  flex-direction: column;
  overflow-y: auto; }

.sd-editor-content__main-container p {
  font-size: 16px;
  line-height: 1.5;
  margin-block-end: 24px; }

.sd-editor-content__authoring-header {
  grid-column: 1 / 3;
  grid-row: authoringHeader;
  display: flex;
  flex-direction: column;
  background-color: var(--sd-colour-panel-bg--100);
  position: relative;
  margin: 0;
  padding: 2.4rem 1.2rem;
  z-index: 2;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.25);
  max-height: 1400px;
  transition: max-height 0.12s ease-in; }

.sd-editor-content__authoring-header > .authoring-header__holder {
  height: auto;
  opacity: 1;
  overflow: visible;
  transition: opacity 0.4s 0.1s;
  margin: 0 auto;
  width: 100%;
  max-width: var(--width__container--xxx-large); }

.sd-editor-content__authoring-header.authoring-header--collapsed {
  max-height: 0;
  padding: 0 1.2rem !important; }

.sd-editor-content__authoring-header.authoring-header--collapsed .authoring-header__toggle i {
  transform: rotate(180deg); }

.sd-editor-content__authoring-header.authoring-header--collapsed > .authoring-header__holder {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.4s 0.1s; }

.sd-editor-content__authoring-header.authoring-header--collapsed.authoring-header--padding-small, .sd-editor-content__authoring-header.authoring-header--collapsed.authoring-header--padding-medium, .sd-editor-content__authoring-header.authoring-header--collapsed.authoring-header--padding-large {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important; }

.sd-editor-content__authoring-header.authoring-header--padding-small {
  padding: 2.4rem 1.2rem; }

.sd-editor-content__authoring-header.authoring-header--padding-medium {
  padding: 2.4rem 2.4rem; }

.sd-editor-content__authoring-header.authoring-header--padding-large {
  padding: 2.4rem 3.2rem; }

.authoring-header__toggle {
  position: absolute;
  width: 37px;
  height: 25px;
  border: 0;
  padding: 0 0 4px;
  inset-inline-start: 50%;
  margin-inline-start: -18.5px;
  margin-block-start: -18.5px;
  inset-block-end: -25px;
  background-color: var(--sd-colour-panel-bg--100);
  z-index: 3;
  line-height: 0;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 -2px 0 0 var(--sd-colour-panel-bg--100), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.12s; }

.authoring-header__toggle:hover {
  height: 32px;
  inset-block-end: -32px;
  padding-block-start: 2px; }

.authoring-header__toggle:hover i {
  opacity: 1; }

.authoring-header__toggle i {
  height: 15px;
  transition: all 0.5s;
  opacity: 0.75; }

.sd-editor-content__authoring-body {
  grid-column: mainContent;
  grid-row: authoringBody;
  background-color: var(--sd-colour-panel-bg--000); }

.sd-editor-content__authoring-body-padding {
  padding: 3.2rem 4rem 5.2rem 4rem; }

.sd-editor-content__authoring-bookmark-bar {
  grid-column: bookmarkBar;
  grid-row: authoringBody;
  width: 4.8rem;
  background-color: var(--sd-colour-panel-bg--000);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr; }

.sd-editor-toolbar__content {
  display: inline-flex;
  gap: 8px; }

.sd-editor-toolbar__content dl {
  display: flex;
  gap: 4px;
  font-size: 1.2rem; }

.sd-editor-toolbar__content dl:not(:first-child) {
  border-inline-start: 1px solid var(--sd-colour-line--light);
  padding-inline-start: 8px; }

.sd-editor-toolbar__content dt {
  font-weight: 500; }

.sd-editor-toolbar__content dd,
.sd-editor-toolbar__content dd time {
  font-weight: 400;
  color: var(--color-text-light); }

.sd-editor-grid__sidetabs-bar,
.sd-editor-grid__sidebar-left {
  position: relative; }

.sd-editor-grid__sidetabs-bar ::-webkit-scrollbar,
.sd-editor-grid__sidebar-left ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin: -1px 0;
  position: absolute;
  inset-block-end: 0; }

.sd-editor-grid__sidetabs-bar ::-webkit-scrollbar:hover,
.sd-editor-grid__sidebar-left ::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  background-color: transparent;
  cursor: pointer; }

.sd-editor-grid__sidetabs-bar ::-webkit-scrollbar-thumb,
.sd-editor-grid__sidebar-left ::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

.sd-editor-grid__sidetabs-bar ::-webkit-scrollbar-thumb:hover,
.sd-editor-grid__sidebar-left ::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

.sd-editor__container-wrapper {
  grid-column: 1 / 2;
  display: grid;
  grid-template-rows: 1fr;
  grid-auto-columns: auto;
  width: 0;
  min-width: 0;
  max-width: 0;
  transition: all ease-in-out 0.2s; }

.sd-editor__container {
  overflow-y: auto;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in-out 0.2s;
  transition-delay: 0.2s; }

.sd-editor__container .sd-content-wrapper__main-content-area.sd-main-content-grid {
  grid-column: 1 / 2 !important; }

.open-editor .sd-editor__container-wrapper {
  width: auto;
  min-width: 45vw;
  max-width: 45vw; }

.open-editor .sd-editor__container {
  opacity: 1;
  overflow-y: auto; }

.open-editor .sd-editor__container.sd-editor__container--large {
  min-width: 52vw; }

.sd-content-wrapper--editor-full .open-editor .sd-editor__container-wrapper {
  min-width: auto;
  max-width: none; }

.sd-editor__input--title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border: 2px solid var(--color-input-border);
  font-size: 3.2rem;
  font-weight: 500;
  background-color: transparent;
  transition: all ease 0.3s;
  padding: 0 1.6rem;
  min-height: 5.6rem;
  border-radius: var(--b-radius--large);
  display: block; }

.sd-editor__input--title:hover {
  border-color: var(--color-input-border-hover); }

.sd-editor__input--title:focus {
  outline: none;
  border-color: var(--sd-colour-interactive--alpha-50);
  box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20); }

.sd-container {
  display: flex;
  align-items: center;
  align-self: stretch; }

.sd-container--inline-flex {
  display: inline-flex; }

.sd-container--block {
  display: block; }

.sd-container--direction-row {
  flex-direction: row; }

.sd-container--direction-column {
  flex-direction: column;
  align-items: flex-start; }

.sd-container--gap-none {
  gap: 0; }

.sd-container--gap-x-small {
  gap: 0.4rem; }

.sd-container--gap-small {
  gap: 0.8rem; }

.sd-container--gap-medium {
  gap: 1.2rem; }

.sd-container--gap-large {
  gap: 1.6rem; }

.sd-list-item {
  display: flex;
  position: relative;
  min-height: 4rem;
  flex-direction: row;
  background-color: var(--sd-item__main-Bg);
  transition: background-color 0.2s linear;
  flex-shrink: 0;
  color: var(--color-text); }

.sd-list-item:hover {
  background-color: var(--sd-item__main-Bg--hover);
  cursor: pointer; }

.sd-list-item.actioning:hover {
  cursor: progress; }

.sd-list-item.actioning:hover .sd-list-item__action-menu {
  padding: 0;
  width: 0;
  overflow: hidden;
  opacity: 0; }

.sd-list-item.actioning::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 3;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 45px;
  background-color: var(--sd-colour-overlay-actioning);
  border-radius: var(--b-radius--small); }

.sd-list-item.locked .sd-list-item__border {
  background: #e41b21; }

.sd-list-item.archived:after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 20%;
  width: 10rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 6rem;
  background-position: center center;
  opacity: 0.16; }

.sd-list-item .avatar {
  flex-shrink: 0; }

.sd-list-item--active, .sd-list-item.active {
  background-color: var(--sd-item__main-Bg--activated); }

.sd-list-item--selected, .sd-list-item--selected:hover, .sd-list-item.selected, .sd-list-item.selected:hover {
  background-color: var(--sd-item__main-Bg--selected);
  outline: 1px solid var(--sd-colour-interactive--alpha-50); }

.sd-list-item--activated, .sd-list-item--activated:hover {
  background-color: var(--sd-item__main-Bg--activated); }

.sd-list-item--no-bg {
  background-color: transparent; }

.sd-list-item--no-hover:hover {
  background-color: var(--sd-item__main-Bg);
  cursor: default; }

.sd-list-item--inactive {
  background-color: transparent;
  color: rgba(123, 123, 123, 0.75); }

.sd-list-item--draggable:hover {
  cursor: move;
  /* fallback if grab is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.sd-list-item--draggable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.sd-list-item__border {
  width: 0.4rem;
  flex-grow: 0;
  flex-shrink: 0;
  background: transparent; }

.sd-list-item__border--locked, .sd-list-item__border--error {
  background: #e41b21; }

.sd-list-item__border--success, .sd-list-item__border--active {
  background: #46a446; }

.sd-list-item__border--idle {
  background: #db8000; }

.sd-list-item__border--dark-blue {
  background: #4d646f; }

.sd-list-item__dot {
  content: '';
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: 6px;
  width: 6px;
  height: 6px;
  border-radius: var(--b-radius--full);
  background-color: transparent; }

.sd-list-item__dot--locked, .sd-list-item__dot--error {
  background: #e41b21; }

.sd-list-item__dot--success, .sd-list-item__dot--active {
  background: #46a446; }

.sd-list-item__dot--idle {
  background: #db8000; }

.sd-list-item__dot--dark-blue {
  background: #4d646f; }

.sd-list-item__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-inline-end: 1px solid var(--sd-colour-line--x-light);
  padding: 0 1.2rem;
  overflow: hidden;
  flex-shrink: 0; }

.sd-list-item__column:last-child, .sd-list-item__column:last-of-type, .sd-list-item__column:only-child {
  border: none; }

.sd-list-item__column--no-border {
  border: none; }

.sd-list-item__column--large-padding {
  padding: 0.8rem 1.6rem; }

.sd-list-item__column--no-right-padding {
  padding-inline-end: 0; }

.sd-list-item__column--grow {
  flex-grow: 1;
  flex-shrink: 1; }

.sd-list-item__column--shrink {
  flex-shrink: 1; }

.sd-list-item__column--has-check {
  position: relative; }

.sd-list-item__column--has-check .sd-list-item__item-type {
  opacity: 1;
  margin-block-start: -0.2rem;
  transition: opacity 0.1s linear; }

.sd-list-item__column--has-check .sd-list-item__checkbox-container {
  position: absolute;
  padding: 0 0.8rem;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s linear; }

.sd-list-item__column--has-check .sd-list-item__checkbox-container .sd-check__wrapper {
  height: 1.6rem;
  width: 1.6rem; }

.sd-list-item__column--has-check .sd-list-item__checkbox-container .sd-check__wrapper .sd-checkbox, .sd-list-item__column--has-check .sd-list-item__checkbox-container .sd-check__wrapper .p-checkbox {
  display: block; }

.sd-list-item__column--has-check:hover .sd-list-item__item-type {
  opacity: 0; }

.sd-list-item__column--has-check:hover .sd-list-item__checkbox-container {
  opacity: 1; }

.sd-list-item__column--has-check.sd-list-item__column--checked .sd-list-item__item-type, .sd-list-item__column--has-check.sd-list-item__column--checked:hover .sd-list-item__item-type {
  opacity: 0; }

.sd-list-item__column--has-check.sd-list-item__column--checked .sd-list-item__checkbox-container, .sd-list-item__column--has-check.sd-list-item__column--checked:hover .sd-list-item__checkbox-container {
  opacity: 1; }

.sd-list-item__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  gap: var(--gap--small); }

.sd-list-item__row:first-child {
  margin: 0.8rem 0 0.2rem; }

.sd-list-item__row:last-child {
  margin: 0.2rem 0 0.8rem; }

.sd-list-item__row:only-child {
  margin: 0.2rem 0; }

.sd-list-item__row.sd-list-item__row--overflow-visible {
  overflow: visible !important; }

.sd-list-item__row--only-child {
  margin: 0.2rem 0 !important; }

.sd-list-item__row--wrap {
  flex-wrap: wrap; }

.sd-list-item__action-menu {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  justify-content: center;
  padding: 0 0.6rem;
  width: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in 0.1s;
  align-items: center; }

.sd-list-item__action-menu > .dropdown__toggle {
  line-height: 0; }

.sd-list-item__action-menu--direction-row {
  flex-direction: row; }

.sd-list-item__thumbnail, figure.sd-list-item__thumbnail {
  width: 6.4rem;
  height: 4.2rem;
  margin: auto 0.8rem;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(128, 128, 128, 0.2); }

.sd-list-item__thumbnail img, figure.sd-list-item__thumbnail img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto;
  display: block; }

.sd-list-item__serial-number {
  font-size: 2rem;
  font-weight: 300;
  color: #8c97a6; }

.sd-list-item:hover .sd-list-item__action-menu, .sd-list-item--activated .sd-list-item__action-menu {
  padding: 0 0.6rem;
  width: auto;
  overflow: visible;
  opacity: 1; }

.sd-list-item--element-grow {
  flex-grow: 1; }

.sd-list-item .badge {
  margin: 0.2rem; }

.sd-list-item time [class^="icon-"],
.sd-list-item time [class*=" icon-"] {
  vertical-align: top;
  margin-inline-end: 0.2rem; }

.sd-list-item time {
  color: var(--color-text-light);
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  flex-shrink: 0; }

.sd-list-item .sd-list-item__slugline {
  color: var(--sd-slugline-color);
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  flex-shrink: 0; }

.sd-list-item .sd-list-item__headline {
  color: var(--color-text);
  font-weight: 500;
  font-size: 1.3rem; }

.sd-list-item .sd-list-item__normal {
  color: var(--color-text);
  font-weight: 300; }

.sd-list-item .sd-list-item__strong {
  color: var(--color-text);
  font-weight: 500; }

.sd-list-item .sd-list-item__text-label {
  color: var(--color-text-light);
  font-weight: 400;
  font-style: italic; }

.sd-list-item .sd-list-item__text-label--normal {
  font-style: normal; }

.sd-list-item .sd-list-item__compound-text {
  display: flex;
  flex-direction: row;
  gap: var(--gap--x-small); }

.sd-list-item .sd-list-item__inline-icon,
.sd-list-item .sd-list-item__inline-text {
  margin-inline-end: 0.6rem; }

.sd-list-item .sd-list-item__icon-group {
  display: flex;
  align-items: flex-start;
  gap: var(--gap--small);
  min-height: 2rem;
  margin-inline-end: 4px; }

.sd-list-item .sd-list-item__icon-group .sd-list-item__inline-icon {
  margin: 0; }

.sd-list-item .sd-list-item__text-strong {
  font-weight: 500;
  color: var(--color-text); }

.sd-list-item .sd-list-item__element-rm-10 {
  margin-inline-end: 1rem; }

.sd-list-item .sd-list-item__element-lm-10 {
  margin-inline-start: 1rem; }

.sd-list-item .sd-list-item__location {
  padding-inline-start: 1.6rem;
  position: relative; }

.sd-list-item .sd-list-item__location::before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.1rem;
  font-family: 'sd_icons';
  content: "\E602";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: rgba(140, 151, 166, 0.8); }

.avatar {
  display: inline-block;
  height: 3rem;
  width: 3rem;
  background-color: #69b0a2;
  border-radius: var(--b-radius--full);
  margin-inline-end: 0.6rem;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 3.2rem;
  letter-spacing: -0.03em;
  vertical-align: middle; }

.avatar--small {
  height: 2.4rem;
  width: 2.4rem;
  font-size: 1rem;
  line-height: 2.5rem; }

.avatar--large {
  height: 4.8rem;
  width: 4.8rem;
  font-size: 1.8rem;
  line-height: 5rem; }

.avatar--no-margin {
  margin: 0; }

.avatar--empty {
  background-color: rgba(123, 123, 123, 0.05);
  color: transparent;
  border: 1px dashed rgba(123, 123, 123, 0.6); }

.avatar--on-right {
  margin-inline-end: 0;
  margin-inline-start: 0.6rem; }

.dropdown__toggle:hover [class^="icon-"],
.dropdown__toggle:hover [class*=" icon-"] {
  opacity: 1; }

.dropdown__toggle:active [class^="icon-"],
.dropdown__toggle:active [class*=" icon-"] {
  opacity: 1;
  color: var(--sd-colour-interactive); }

.sd-list-item--activated .dropdown__toggle [class^="icon-"],
.sd-list-item--activated .dropdown__toggle [class*=" icon-"] {
  opacity: 1;
  color: var(--sd-colour-interactive); }

.sd-list-item-nested {
  --parent-item-height: 58px;
  display: grid;
  grid-template-rows: var(--parent-item-height) 0fr;
  transition: grid-template-rows 0.3s ease-out; }

.sd-list-item-nested > .sd-list-item {
  max-height: var(--parent-item-height);
  height: var(--parent-item-height); }

.sd-list-item-nested .sd-list-item {
  overflow: hidden; }

.sd-list-item-nested__childs {
  position: relative;
  z-index: 0;
  overflow: hidden !important;
  display: grid;
  grid-template-rows: 1fr;
  margin-inline-start: 1rem;
  transition: all 0.3s ease-out; }

.sd-list-item-nested__childs .sd-list-item {
  margin-block-start: 0;
  border-block-start: 1px solid var(--sd-colour-line--x-light);
  overflow: hidden; }

.sd-list-item-nested__childs .sd-list-item-nested__childs-inner {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-out; }

.sd-list-item-nested__parent {
  position: relative;
  z-index: 1; }

.sd-list-item-nested--collapsed .sd-list-item-nested__childs {
  opacity: 0; }

.sd-list-item-nested--expanded {
  grid-template-rows: var(--parent-item-height) 1fr; }

.sd-list-item-nested--expanded .sd-list-item-nested__childs {
  grid-template-rows: 1fr;
  opacity: 1; }

.sd-list-item-nested--expanded .sd-list-item-nested__childs .sd-list-item-nested__childs-inner {
  opacity: 1; }

.sd-list-item-group {
  display: flex;
  flex-direction: column; }

.sd-list-item-group .sd-list-item + .sd-list-item {
  border-block-start: 1px solid var(--sd-colour-line--x-light); }

.sd-list-item-group .sd-list-item-nested + .sd-list-item {
  border-block-start: 1px solid var(--sd-colour-line--x-light); }

.sd-list-item-group--space-between-items {
  gap: var(--gap--small); }

.sd-list-item-group--space-between-items .sd-list-item {
  border-radius: var(--b-radius--small); }

.sd-list-item-group--space-between-items .sd-list-item + .sd-list-item {
  border-block-start: none; }

.sd-list-item-group--space-between-items .sd-list-item .sd-list-item__border {
  border-radius: var(--b-radius--small) 0 0 var(--b-radius--small); }

.sd-list-item-group--space-between-items .sd-list-item-nested + .sd-list-item {
  border-block-start: none; }

.sd-list-item-group--margin {
  margin: 2rem; }

.sd-list-header {
  display: flex;
  height: 2.4rem;
  margin-block-end: 0.8rem;
  align-items: center; }

.sd-list-header .sd-list-header__name {
  font-size: 1.1rem;
  letter-spacing: .08em;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-text-light); }

.sd-list-header .sd-list-header__name a {
  color: var(--sd-colour-interactive);
  text-decoration: none;
  display: inline-block;
  line-height: 1; }

.sd-list-header .sd-list-header__name a:hover {
  color: var(--sd-colour-interactive--darken-20);
  border-block-end: 1px dotted currentColor; }

.sd-list-header .sd-list-header__number {
  margin-inline-start: 1rem; }

.sd-list-header .sd-list-header__stretch-bar {
  flex-grow: 1;
  height: 1px;
  background: transparent;
  margin: auto 0; }

.sd-list-header--m-top {
  margin-block-start: 2.4rem; }

.sd-card {
  position: relative;
  border-radius: var(--b-radius--medium);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  background-color: var(--sd-item__main-Bg);
  color: var(--color-text);
  min-height: 12rem;
  display: flex;
  flex-direction: column; }

.sd-card .sd-card__actions {
  margin: 0.4rem 0.4rem 0 0;
  visibility: hidden; }

.sd-card:hover .sd-card__actions {
  visibility: visible; }

.sd-card .sd-card__actions-group {
  display: flex;
  align-items: center;
  margin-inline-end: var(--gap--x-small);
  gap: var(--gap--x-small); }

.sd-card .sd-card__header {
  position: relative;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--sd-card-header-bg-color--normal);
  padding: 0;
  min-height: 4.4rem;
  color: white;
  border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }

.sd-card .sd-card__header::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 0.4rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }

.sd-card .sd-card__header--empty {
  height: 8px; }

.sd-card .sd-card__header--light,
.sd-card .sd-card__header--white {
  background-color: var(--sd-item__main-Bg);
  color: var(--color-text);
  box-shadow: 0 1px 0 var(--sd-colour-line--light); }

.sd-card .sd-card__header--light::before,
.sd-card .sd-card__header--white::before {
  background-color: rgba(111, 125, 144, 0.5); }

.sd-card .sd-card__header--light {
  background-color: var(--sd-card-header-bg-color--light); }

.sd-card .sd-card__header--light .sd-card__thumbnail {
  background-color: var(--sd-item__thumb-Bg--light); }

.sd-card .sd-card__header--gradient-1 {
  background: var(--sd-card-header-bg-color--gradient-1); }

.sd-card .sd-card__header--gradient-1 .sd-card__thumbnail {
  background-color: transparent; }

.sd-card .sd-card__header--blank {
  background-color: transparent; }

.sd-card .sd-card__header--blank::before {
  background-color: transparent; }

.sd-card .sd-card__header--blank .sd-card__thumbnail {
  background-color: transparent; }

.sd-card .sd-card__header--with-thumb {
  position: relative;
  flex-direction: column; }

.sd-card .sd-card__header--with-thumb .sd-card__actions {
  position: absolute;
  inset-block-start: 0.4rem;
  inset-inline-end: 0;
  z-index: 2; }

.sd-card .sd-card__header--padding {
  padding: 1rem 0; }

.sd-card .sd-card__header--secondary-color {
  background-color: var(--sd-card-header-bg-color--secondary); }

.sd-card .sd-card__heading {
  padding-inline: var(--space--1-5);
  padding-block-start: 0.4rem;
  flex-grow: 1;
  font-size: 1.2rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit; }

.sd-card .sd-card__heading--editable {
  padding: var(--gap--small) var(--gap--small) var(--gap--small);
  text-transform: initial !important; }

.sd-card .sd-card__heading--editable .sd-card__heading-dummy-input {
  display: flex;
  align-items: center;
  height: 3.2rem;
  border: 2px solid transparent;
  border-radius: var(--b-radius--medium);
  padding: 0 0.8rem;
  transition: all 0.2s ease;
  text-transform: initial !important;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1; }

.sd-card .sd-card__heading--editable .sd-card__heading-dummy-input:hover {
  border-color: var(--color-input-border);
  cursor: text; }

.sd-card .sd-card__sub-header {
  padding-inline: var(--space--1-5);
  background-color: #9eafb7;
  display: flex;
  align-items: center;
  color: white;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  min-height: 2.4rem; }

.sd-card .sd-card__sub-header--success {
  background-color: #46a446; }

.sd-card .sd-card__btn-group {
  margin: 14px 6px 0 0; }

.sd-card .sd-card__btn-group .btn {
  background: transparent;
  padding: 10px 2px;
  color: white;
  opacity: 0.4; }

.sd-card .sd-card__btn-group .btn:focus, .sd-card .sd-card__btn-group .btn:hover {
  box-shadow: none;
  opacity: 1; }

.sd-card .sd-card__btn-group .btn [class^="icon-"],
.sd-card .sd-card__btn-group .btn [class*=" icon-"] {
  color: white; }

.sd-card .sd-card__btn-group--right {
  float: inline-end; }

.sd-card .sd-card__thumbnail {
  margin-block-start: 0.4rem;
  line-height: 0;
  background-color: var(--sd-item__thumb-Bg); }

.sd-card .sd-card__thumbnail + .sd-card__heading {
  background-color: var(--sd-item__main-Bg);
  font-weight: 500;
  text-align: center;
  color: var(--color-text);
  padding: 1rem 1.6rem;
  width: 100%;
  box-shadow: 0 1px 0 var(--sd-colour-line--light); }

.sd-card .sd-card__content {
  padding: var(--space--2);
  flex-grow: 1; }

.sd-card .sd-card__content h4 {
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.04em;
  margin-block-end: 4px; }

.sd-card .sd-card__content h4.with-value {
  margin-block-end: 0; }

.sd-card .sd-card__content h4 .label {
  float: inline-end;
  height: 15px;
  margin: auto 0;
  padding: 3px 5px 0;
  border-radius: 8px;
  color: white;
  background: rgba(0, 0, 0, 0.25);
  font-size: 10px;
  line-height: 100%;
  letter-spacing: .06em;
  font-weight: 400; }

.sd-card .sd-card__content h4 .value-label {
  float: inline-end;
  font-size: 13px;
  color: var(--color-text);
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em; }

.sd-card .sd-card__content h4.sd-card__h4--normal-case {
  font-size: 12px;
  text-transform: initial; }

.sd-card .sd-card__content--scrollable {
  min-height: 20vh;
  max-height: 34vh;
  overflow-y: auto; }

.sd-card .sd-card__content--padd-10 {
  padding: 1rem; }

.sd-card .sd-card__content-heading, .sd-card h4.sd-card__content-heading {
  text-transform: none;
  color: inherit;
  font-size: 1.6rem;
  letter-spacing: initial;
  padding-block-end: 0.8rem; }

.sd-card .sd-card__placeholder {
  padding: 16px;
  flex-grow: 1;
  height: calc(100% - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8c97a6;
  font-weight: 300;
  font-size: 1.2rem; }

.sd-card .sd-card__placeholder--cursorPointer {
  cursor: pointer; }

.sd-card .sd-card__content-list {
  margin: -16px;
  padding: 0;
  list-style: none; }

.sd-card .sd-card__content-list li,
.sd-card .sd-card__content-list .sd-card__content-list-item {
  padding: var(--gap--medium);
  border-block-end: 1px solid var(--sd-colour-line--light); }

.sd-card .sd-card__content-list li .sd-card__content-list-inline-span,
.sd-card .sd-card__content-list .sd-card__content-list-item .sd-card__content-list-inline-span {
  display: inline-block; }

.sd-card .sd-card__content-list li:last-child,
.sd-card .sd-card__content-list .sd-card__content-list-item:last-child {
  border: none; }

.sd-card .sd-card__content-list .sd-card__content-list-item--inline {
  display: flex; }

.sd-card .sd-card__content-list .sd-card__content-list-item--inline h4 {
  flex: 1 1; }

.sd-card .sd-card__content-list .sd-card__content-list-item--inline span {
  flex: 1 1;
  text-align: end; }

.sd-card .sd-card__content-list .sd-card__content-list-item--border-bottom:last-child {
  border-block-end: 1px solid var(--sd-colour-line--light); }

.sd-card .sd-card__content-list .sd-card__content-list-item--small {
  padding: var(--gap--small) var(--gap--small) var(--gap--small) var(--gap--medium); }

.sd-card .sd-card__content-list .sd-card__content-list-item--small h4 {
  margin: 0; }

.sd-card .sd-card__content-list .sd-card__content-list-item--no-padding {
  padding: 0; }

.sd-card .sd-card__content-list .creation-time {
  display: block;
  font-size: 12px;
  color: var(--color-text-light); }

.sd-card .sd-card__content-list .creation-time i {
  display: inline-block;
  opacity: 0.5;
  margin-block-start: -2px; }

.sd-card .sd-card__content-list .button__view-all {
  border-block-end: 1px dotted var(--sd-colour-interactive);
  color: var(--sd-colour-interactive);
  cursor: pointer; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link {
  display: block;
  padding: .8rem 1.6rem;
  color: var(--color-text);
  text-decoration: none; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link:hover {
  color: var(--color-text); }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover {
  display: flex;
  justify-content: space-between; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover i {
  display: none; }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover:hover {
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover:hover i {
  display: inline-flex; }

.sd-card .sd-card__article-header {
  padding: 16px; }

.sd-card .sd-card__time-date {
  font-size: 11px;
  color: var(--color-text-light);
  font-weight: 300; }

.sd-card .sd-card__time-date--reverse-color {
  color: rgba(255, 255, 255, 0.7); }

.sd-card .sd-card__footer {
  padding-inline: var(--space--1-5);
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 4.8rem;
  background-color: var(--sd-item__main-Bg);
  border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium);
  box-shadow: 0 -1px 0 0 var(--sd-colour-line--light);
  gap: 0.8rem; }

.sd-card .sd-card__footer--right-align {
  justify-content: flex-end; }

.sd-card .sd-card__footer--spread {
  justify-content: space-between; }

.sd-card .sd-card__full-click {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  z-index: 2; }

.sd-card .sd-card__thumbnail {
  width: 100%;
  position: relative;
  height: 0;
  padding-block-end: 75%;
  overflow: hidden;
  text-align: center; }

.sd-card .sd-card__thumbnail img {
  width: 100%;
  height: auto; }

.sd-card .sd-card__thumbnail--size-xs {
  padding-block-end: 35%; }

.sd-card .sd-card__thumbnail--size-xs .sd-card__thumbnail-heading {
  font-size: 18px; }

.sd-card .sd-card__thumbnail--size-xxs {
  padding-block-end: 16%; }

.sd-card .sd-card__thumbnail--size-xxs .sd-card__thumbnail-heading {
  font-size: 18px; }

.sd-card .sd-card__thumbnail--size-s {
  padding-block-end: 50%; }

.sd-card .sd-card__thumbnail--size-m {
  padding-block-end: 75%; }

.sd-card .sd-card__thumbnail--size-l {
  padding-block-end: 100%; }

.sd-card .sd-card__thumbnail--size-xl {
  padding-block-end: 125%; }

.sd-card .sd-card__file-type-icn {
  color: white;
  font-size: 5.2rem;
  height: 5.2rem;
  width: 5.2rem;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  margin: -2.6rem 0 0 -2.6rem;
  line-height: 5.2rem;
  opacity: 0.5; }

.sd-card .sd-card__thumbnail-heading {
  font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
  font-weight: 700;
  font-size: 2.1rem;
  z-index: 2;
  text-align: center;
  color: white;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0;
  inset-block-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 120%; }

.sd-card--with-click {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  cursor: pointer;
  text-decoration: none; }

.sd-card--with-click:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 2px 12px rgba(0, 0, 0, 0.36);
  transform: translate(0, -2px); }

.sd-card--with-click:active {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.16); }

.sd-card--rounded {
  border-radius: var(--b-radius--large); }

.sd-card--rounded .sd-card__header {
  border-radius: var(--b-radius--large) var(--b-radius--large) 0 0; }

.sd-card--rounded .sd-card__header::before {
  border-radius: var(--b-radius--large) var(--b-radius--large) 0 0; }

.sd-card--flex-grow {
  flex-grow: 1; }

.sd-card--auto-height {
  min-height: 0; }

.sd-card--blank {
  background-color: transparent;
  box-shadow: none; }

.sd-card--blank:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 12px rgba(31, 17, 17, 0.16); }

.sd-card--active .sd-card__header {
  background-color: var(--sd-card-header-bg-color--active); }

.sd-card--inactive .sd-card__header {
  background-color: var(--sd-card-header-bg-color--inactive); }

.sd-grid-item {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  position: relative;
  border-radius: var(--b-radius--medium);
  box-shadow: 0 0 0 1px var(--sd-shadow-outline), 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  background-color: var(--sd-item__main-Bg);
  color: var(--color-text);
  display: flex;
  flex-direction: column; }

.sd-grid-item.actioning {
  pointer-events: none; }

.sd-grid-item.actioning::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 3;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: var(--sd-colour-overlay-actioning);
  pointer-events: none;
  border-radius: var(--b-radius--medium); }

.sd-grid-item .sd-grid-item__actions {
  margin: 0;
  visibility: hidden; }

.sd-grid-item .sd-grid-item__actions--top {
  position: absolute;
  inset-block-start: 0.8rem;
  inset-inline-end: 0.5rem;
  z-index: 2; }

.sd-grid-item .sd-grid-item__footer-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-inline-start: 0.8rem;
  justify-content: flex-end;
  visibility: hidden;
  max-width: 0;
  opacity: 0;
  padding-inline-end: 0;
  transition: all 0.2s ease; }

.sd-grid-item .sd-grid-item__footer-actions--visible {
  visibility: visible;
  opacity: 0.5; }

.sd-grid-item .sd-grid-item__top-actions {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  visibility: hidden;
  color: white;
  padding-block-start: 4px;
  padding-inline-end: 4px; }

.sd-grid-item .sd-grid-item__top-actions * {
  opacity: 0.75;
  transition: opacity 0.2s ease-in-out; }

.sd-grid-item .sd-grid-item__top-actions *:hover {
  opacity: 1; }

.sd-grid-item .sd-grid-item__remove {
  margin: 0;
  position: absolute;
  inset-block-start: 0.3rem;
  inset-inline-end: 0.3rem;
  z-index: 2;
  opacity: 0;
  height: 2.8rem;
  width: 2.8rem;
  border-radius: var(--b-radius--full);
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity ease-in-out 0.2; }

.sd-grid-item .sd-grid-item__checkbox {
  visibility: hidden;
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 0.2rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: var(--b-radius--x-small);
  z-index: 2;
  height: 1.6rem;
  width: 1.6rem;
  border: 2px solid rgba(255, 255, 255, 0.4);
  outline: 2px solid rgba(0, 0, 0, 0.25); }

.sd-grid-item .sd-grid-item__checkbox .sd-check__wrapper {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: -4px;
  inset-inline-start: -2px; }

.sd-grid-item .sd-grid-item__checkbox > .sd-checkbox, .sd-grid-item .sd-grid-item__checkbox > .p-checkbox {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: -2px;
  inset-inline-start: -2px; }

.sd-grid-item .sd-grid-item__checkbox .sd-check-new__wrapper {
  visibility: hidden;
  padding: 0;
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: -2px;
  inset-inline-start: -2px; }

.sd-grid-item .sd-grid-item__checkbox .sd-check-new__wrapper .sd-check-new {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0; }

.sd-grid-item .sd-grid-item__checkbox-wrapper {
  position: absolute;
  margin: 4px auto 0 4px;
  padding: 0.2rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: var(--b-radius--x-small);
  z-index: 3;
  height: 1.6rem;
  width: 1.6rem;
  border: 2px solid rgba(255, 255, 255, 0.4);
  outline: 2px solid rgba(0, 0, 0, 0.25); }

.sd-grid-item .sd-grid-item__checkbox-wrapper .sd-check__wrapper {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: -4px;
  inset-inline-start: -2px; }

.sd-grid-item .sd-grid-item__checkbox-wrapper > .sd-checkbox, .sd-grid-item .sd-grid-item__checkbox-wrapper > .p-checkbox {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: -2px;
  inset-inline-start: -2px; }

.sd-grid-item .sd-grid-item__checkbox-wrapper .sd-check-new__wrapper {
  padding: 0;
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: -2px;
  inset-inline-start: -2px; }

.sd-grid-item .sd-grid-item__checkbox-wrapper .sd-check-new__wrapper .sd-check-new {
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0; }

.sd-grid-item:hover .sd-grid-item__actions {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__remove {
  opacity: 0.5; }

.sd-grid-item:hover .sd-grid-item__remove:hover {
  opacity: 1; }

.sd-grid-item:hover .sd-grid-item__checkbox {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__checkbox .sd-check-new__wrapper {
  visibility: visible; }

.sd-grid-item:hover .sd-grid-item__footer-actions {
  visibility: visible;
  padding-inline-end: 0.4rem;
  max-width: 32px;
  margin-inline-start: auto;
  opacity: 1; }

.sd-grid-item:hover .sd-grid-item__footer-actions--visible {
  opacity: 1; }

.sd-grid-item:hover .sd-grid-item__top-actions {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected .sd-grid-item__checkbox, .sd-grid-item.selected .sd-grid-item__checkbox {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected .sd-grid-item__checkbox .sd-check-new__wrapper, .sd-grid-item.selected .sd-grid-item__checkbox .sd-check-new__wrapper {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected:hover .sd-grid-item__checkbox, .sd-grid-item.selected:hover .sd-grid-item__checkbox {
  visibility: visible; }

.sd-grid-item.sd-grid-item--selected .sd-grid-item__footer-actions, .sd-grid-item.selected .sd-grid-item__footer-actions {
  visibility: visible;
  padding-inline-end: 0.4rem;
  max-width: 32px;
  margin-inline-start: auto;
  opacity: 1; }

.sd-grid-item.sd-grid-item--selected .sd-grid-item__footer-actions--visible, .sd-grid-item.selected .sd-grid-item__footer-actions--visible {
  opacity: 1; }

.sd-grid-item.sd-grid-item--overflow-v {
  overflow: visible; }

.sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__thumb,
.sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__media {
  overflow: visible; }

.sd-grid-item .sd-grid-item__thumb,
.sd-grid-item .sd-grid-item__media {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--sd-item__thumb-Bg);
  padding: 0;
  min-height: 4rem;
  color: white;
  border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0;
  width: 100%;
  height: 14rem;
  overflow: hidden;
  text-align: center; }

.sd-grid-item .sd-grid-item__thumb img,
.sd-grid-item .sd-grid-item__media img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto;
  pointer-events: none;
  border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0;
  transition: filter ease-in-out 0.3s; }

.sd-grid-item .sd-grid-item__thumb .sd-grid-item__type-icon,
.sd-grid-item .sd-grid-item__media .sd-grid-item__type-icon {
  margin: auto;
  height: 4.8rem;
  width: 4.8rem;
  font-size: 4.8rem;
  line-height: 4.8rem;
  color: currentColor;
  opacity: 0.25; }

.sd-grid-item .sd-grid-item__thumb:hover img,
.sd-grid-item .sd-grid-item__media:hover img {
  filter: brightness(40%); }

.sd-grid-item .sd-grid-item__thumb--white,
.sd-grid-item .sd-grid-item__media--white {
  background-color: white;
  color: var(--color-text);
  box-shadow: 0 1px 0 rgba(136, 136, 136, 0.25); }

.sd-grid-item .sd-grid-item__thumb--uploading img,
.sd-grid-item .sd-grid-item__media--uploading img {
  filter: brightness(40%); }

.sd-grid-item .sd-grid-item__progress {
  z-index: 2;
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 0.4rem;
  background-color: rgba(0, 0, 0, 0.4); }

.sd-grid-item .sd-grid-item__progress-circle {
  z-index: 2;
  position: absolute;
  height: 5.6rem;
  width: 5.6rem;
  inset-block-start: 50%;
  margin-block-start: -2.8rem;
  border-radius: var(--b-radius--full);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.2rem; }

.sd-grid-item .sd-grid-item__progress-bar {
  display: block;
  height: 0.4rem;
  width: 0%;
  background-color: #46a446;
  inset-block-start: 50; }

.sd-grid-item .sd-grid-item--element-grow {
  flex-grow: 1; }

.sd-grid-item .sd-grid-item__content-block {
  flex-grow: 0; }

.sd-grid-item .sd-grid-item__content {
  padding: 1.2rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative; }

.sd-grid-item .sd-grid-item__content--scrollable {
  max-height: 20vh;
  overflow-y: auto; }

.sd-grid-item .sd-grid-item__placeholder {
  padding: 16px;
  flex-grow: 1;
  height: calc(100% - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8c97a6;
  font-weight: 300;
  font-size: 1.2rem; }

.sd-grid-item .sd-grid-item__placeholder--cursorPointer {
  cursor: pointer; }

.sd-grid-item .sd-grid-item__article-header {
  padding: 1.6rem; }

.sd-grid-item .sd-grid-item__time-date {
  font-size: 11px;
  color: #ababab;
  font-weight: 300; }

.sd-grid-item .sd-grid-item__time-date--reverse-color {
  color: rgba(255, 255, 255, 0.6); }

.sd-grid-item .sd-grid-item__footer {
  padding: 0.4rem 0.2rem;
  border-block-start: 1px solid var(--sd-colour-line--x-light);
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 3.7rem;
  flex-shrink: 0;
  border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block {
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-l,
.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-l {
  justify-content: flex-start; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
  justify-content: flex-end; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--single-r {
  flex-grow: 0; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left,
.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right {
  gap: 0.8rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left {
  margin-inline-end: auto;
  justify-content: flex-start;
  padding-inline-start: 0.8rem; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right {
  margin-inline-start: auto;
  justify-content: flex-end; }

.sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block-item {
  flex-shrink: 0; }

.sd-grid-item .sd-grid-item__footer time {
  display: inline-block; }

.sd-grid-item .sd-grid-item__footer--light {
  background-color: white; }

.sd-grid-item .sd-grid-item__footer--right-align {
  justify-content: flex-end; }

.sd-grid-item .sd-grid-item__footer--spread {
  justify-content: space-between; }

.sd-grid-item .sd-grid-item__footer--padded {
  padding: 0.4rem 1.2rem; }

.sd-grid-item .sd-grid-item__full-click {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  z-index: 2; }

.sd-grid-item .sd-grid-item__file-type-icn {
  color: white;
  font-size: 5.2rem;
  height: 5.2rem;
  width: 5.2rem;
  padding-block-start: 8.5rem;
  opacity: 0.5; }

.sd-grid-item .sd-grid-item__type-icn {
  opacity: 0.75;
  color: inherit; }

.sd-grid-item .sd-grid-item__slugline {
  color: var(--sd-slugline-color);
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-inline-end: 1em; }

.sd-grid-item .sd-grid-item__title {
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 1.4rem;
  margin-block-end: 1rem;
  word-break: break-word; }

.sd-grid-item .sd-grid-item__text-light {
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  opacity: 0.7; }

.sd-grid-item time {
  display: block;
  color: var(--color-text-light);
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  flex-shrink: 0; }

.sd-grid-item p {
  margin-block-end: 1rem; }

.sd-grid-item p.error {
  margin: auto;
  padding: 1.2rem;
  opacity: 0.75;
  color: #e41b21; }

.sd-grid-item .sd-grid-item__state-border {
  height: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  background: none;
  border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }

.sd-grid-item .sd-grid-item__media::before {
  font-family: 'sd_icons';
  content: "\E605";
  position: absolute;
  inset-block-start: 50%;
  margin: auto;
  margin-block-start: -2.4rem;
  font-size: 4.8rem;
  line-height: 4.8rem;
  color: currentColor;
  opacity: 0.25;
  z-index: 0; }

.sd-grid-item .sd-grid-item__media img {
  position: relative;
  z-index: 1; }

.sd-grid-item.sd-grid-item__type--file .sd-grid-item__media::before {
  content: "\E605"; }

.sd-grid-item.sd-grid-item__type--audio .sd-grid-item__media::before {
  content: "\E608"; }

.sd-grid-item.sd-grid-item__type--composite .sd-grid-item__media::before {
  content: "\E607"; }

.sd-grid-item.sd-grid-item__type--graphic .sd-grid-item__media::before {
  content: "\E66D"; }

.sd-grid-item.sd-grid-item__type--photo .sd-grid-item__media::before {
  content: "\E600"; }

.sd-grid-item.sd-grid-item__type--slideshow .sd-grid-item__media::before {
  content: "\E603"; }

.sd-grid-item.sd-grid-item__type--text .sd-grid-item__media::before {
  content: "\E604"; }

.sd-grid-item.sd-grid-item__type--video .sd-grid-item__media::before {
  content: "\E601"; }

.sd-grid-item.locked .sd-grid-item__state-border,
.sd-grid-item--locked .sd-grid-item__state-border {
  background: #e41b21; }

.sd-grid-item.archived .sd-grid-item__content:after,
.sd-grid-item--archived .sd-grid-item__content:after,
.sd-grid-item.fetched .sd-grid-item__content:after,
.sd-grid-item--fetched .sd-grid-item__content:after {
  content: "";
  width: 8.2rem;
  height: 9.2rem;
  position: absolute;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 9.6rem;
  background-position: 0 0;
  inset-block-end: 0;
  inset-inline-end: 0rem;
  opacity: 0.14; }

.sd-grid-item--small .sd-grid-item__thumb,
.sd-grid-item--small .sd-grid-item__media {
  height: 10rem; }

.sd-grid-item--with-click {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  cursor: pointer; }

.sd-grid-item--with-click:hover {
  box-shadow: 0 0 0 1px var(--sd-shadow-outline), 0 1px 6px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.26); }

.sd-grid-item--with-click:active {
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-50); }

.sd-grid-item--activated,
.sd-grid-item--active,
.sd-grid-item.active,
.sd-grid-item.activated {
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-50); }

.sd-grid-item--selected,
.sd-grid-item.selected {
  box-shadow: var(--sd-shadow__item--selected);
  background-color: var(--sd-colour-bg__grid-item--selected); }

.sd-grid-item--selected:hover,
.sd-grid-item.selected:hover {
  box-shadow: var(--sd-shadow__item--selected);
  background-color: var(--sd-colour-bg__grid-item--selected); }

.sd-grid-item__text-label {
  font-weight: 300;
  font-style: italic;
  margin-inline-end: 0.3rem;
  opacity: 0.7; }

.sd-grid-item__text-strong {
  font-weight: 400; }

.sd-grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 2.4rem;
  margin: 2.4rem; }

.sd-grid-list--xx-small {
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); }

.sd-grid-list--x-small {
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }

.sd-grid-list--small {
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); }

.sd-grid-list--medium {
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); }

.sd-grid-list--large {
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); }

.sd-grid-list--small-margin {
  margin: 1rem; }

.sd-grid-list--no-margin {
  margin: 0; }

.sd-grid-list--gap-s,
.sd-grid-list--gap-small {
  grid-gap: 1.6rem; }

.sd-grid-list--gap-m,
.sd-grid-list--gap-medium {
  grid-gap: 2.4rem; }

.sd-grid-list--gap-l,
.sd-grid-list--gap-large {
  grid-gap: 3.2rem; }

.sd-grid-list--gap-xl,
.sd-grid-list--gap-x-large {
  grid-gap: 4rem; }

.sd-grid-list--auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); }

.sd-grid-item-wrapper {
  display: flex;
  flex-direction: column; }

.sd-grid-item-header {
  padding: 4px 0;
  margin-block-end: 6px;
  border-block-end: 5px solid var(--sd-colour-neutral);
  display: flex; }

.sd-grid-item-header__heading {
  color: var(--color-text);
  font-size: 15px;
  font-weight: 500;
  flex-grow: 1;
  min-height: 32px; }

.sd-grid-item-header__heading + div {
  margin-inline-start: 8px; }

.sd-grid-item-header__heading a {
  text-decoration: none;
  color: inherit; }

.sd-grid-item-header__heading a span {
  border-block-end: 1px dotted var(--sd-colour-interactive); }

.sd-grid-item-header__heading a [class^="icon-"],
.sd-grid-item-header__heading a [class*=" icon-"] {
  color: var(--sd-colour-interactive);
  margin-inline-start: 8px; }

.sd-grid-item-header__heading a:hover span {
  border-bottom-style: solid; }

.dark-ui .sd-grid-item .sd-grid-item__text-label,
[data-theme="dark-ui"] .sd-grid-item .sd-grid-item__text-label {
  opacity: 0.4; }

.dark-ui .sd-grid-item .sd-grid-item__text-strong,
[data-theme="dark-ui"] .sd-grid-item .sd-grid-item__text-strong {
  opacity: 0.5; }

.sd-searchbar {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  position: relative;
  background-color: transparent;
  transition: all 0.2s ease-out;
  height: 100%;
  max-height: 4.8rem; }

.sd-searchbar--focused {
  background-color: var(--sd-colour-bg__searchbar);
  box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20); }

.sd-searchbar--border-r {
  border-inline-end: 1px solid var(--sd-colour-line--x-light); }

.sd-searchbar--border-l {
  border-inline-start: 1px solid var(--sd-colour-line--x-light); }

.sd-searchbar--border-l-r {
  border-inline-end: 1px solid var(--sd-colour-line--x-light);
  border-inline-start: 1px solid var(--sd-colour-line--x-light); }

.sd-searchbar--border-bottom {
  border-block-end: 1px solid var(--sd-colour-line--light); }

.sd-searchbar--small {
  height: 3.6rem; }

.sd-searchbar--boxed {
  height: 4rem;
  border-radius: var(--b-radius--medium);
  border: 1px solid var(--color-border-line--medium);
  background-color: var(--sd-colour-bg__searchbar);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.14);
  transition: box-shadow 0.2s ease-out; }

.sd-searchbar--boxed:hover {
  border-color: rgba(123, 123, 123, 0.6); }

.sd-searchbar--boxed.sd-searchbar--focused, .sd-searchbar--boxed:focus-within {
  transition: box-shadow 0.2s ease-out;
  border-color: var(--sd-colour-interactive--alpha-70);
  box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 4px var(--sd-colour-interactive--alpha-20); }

.sd-searchbar--boxed.sd-searchbar--invalid {
  border-color: rgba(229, 28, 35, 0.75);
  box-shadow: inset 0 0 0 1px rgba(229, 28, 35, 0.1), inset 0 0 0 4px rgba(229, 28, 35, 0.1); }

.sd-searchbar--boxed.sd-searchbar--disabled {
  opacity: 0.5;
  cursor: not-allowed !important; }

.sd-searchbar--boxed.sd-searchbar--disabled .sd-searchbar__input {
  cursor: not-allowed !important; }

.sd-searchbar--boxed.sd-searchbar--disabled:hover {
  border-color: rgba(123, 123, 123, 0.4); }

.sd-searchbar--boxed .dropdown {
  background-color: var(--sd-colour-bg__searchbar);
  border-radius: var(--b-radius--medium) 0 0 var(--b-radius--medium);
  border-inline-end: 1px solid var(--color-border-line--medium);
  margin-inline-end: 1px;
  transition: box-shadow 0.2s ease-out; }

.sd-searchbar--boxed .dropdown .dropdown__toggle {
  height: 100%;
  padding-inline: var(--space--1-5); }

.sd-searchbar--boxed .sd-input {
  height: 100%;
  border-inline-end: 1px solid var(--color-border-line--medium);
  z-index: 1;
  position: relative;
  background-color: var(--sd-colour-bg__searchbar);
  border-radius: var(--b-radius--medium) 0 0 var(--b-radius--medium);
  transition: box-shadow 0.2s ease-out; }

.sd-searchbar--boxed .sd-input .sd-input__input {
  background-color: transparent;
  border: none; }

.sd-searchbar--boxed.sd-searchbar--focused .dropdown,
.sd-searchbar--boxed.sd-searchbar--focused .sd-input, .sd-searchbar--boxed:focus-within .dropdown,
.sd-searchbar--boxed:focus-within .sd-input {
  border-inline-end-color: var(--sd-colour-interactive--alpha-50);
  box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), 3px 0 0 var(--sd-colour-interactive--alpha-10); }

.sd-searchbar__input, input[type="text"].sd-searchbar__input, input[type="search"].sd-searchbar__input {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.4rem;
  padding: 0;
  color: var(--color-text);
  align-self: auto;
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  padding-inline-end: 1rem;
  height: auto; }

.sd-searchbar__input::placeholder, input[type="text"].sd-searchbar__input::placeholder, input[type="search"].sd-searchbar__input::placeholder {
  color: var(--color-text-light);
  font-weight: 300;
  letter-spacing: 0.03rem; }

.sd-searchbar__icon {
  flex-grow: 0;
  flex-shrink: 1;
  align-self: auto;
  width: 4.8rem;
  position: relative;
  opacity: 0.4;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-searchbar__icon::after {
  content: "\E618";
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: 'sd_icons';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sd-searchbar--boxed .sd-searchbar__icon {
  width: 4rem;
  margin-inline-end: 0; }

.sd-searchbar__search-btn {
  height: 2.8rem;
  width: 2.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  margin: 0;
  margin-inline-end: 0.8rem;
  padding: 0;
  opacity: 0.8;
  transition: all 0.2s ease-out;
  background-color: var(--sd-colour-interactive--alpha-30);
  border-radius: var(--b-radius--full);
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-searchbar__search-btn i {
  transition: color 0.2s ease-out;
  color: var(--sd-colour-interactive); }

.sd-searchbar__search-btn:hover {
  background-color: var(--sd-colour-interactive--alpha-80); }

.sd-searchbar__search-btn:hover i {
  color: white; }

.sd-searchbar__search-btn:active {
  background-color: var(--sd-colour-interactive);
  opacity: 1; }

.sd-searchbar__search-btn:active i {
  color: white; }

.sd-searchbar__search-btn--active {
  background-color: var(--sd-colour-interactive);
  opacity: 1; }

.sd-searchbar__search-btn--active i {
  color: white; }

[dir="rtl"] .sd-searchbar__search-btn i.icon-chevron-right-thin {
  transform: rotate(180deg); }

.sd-searchbar__cancel {
  height: 1.6rem;
  width: 1.6rem;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  margin-inline-end: 1rem;
  padding: 0;
  opacity: 0.35;
  transition: opacity 0.2s ease-out;
  color: currentColor; }

.sd-searchbar__cancel i {
  color: var(--color-text); }

.sd-searchbar__cancel:hover {
  opacity: 0.7; }

.sd-searchbar__cancel:active {
  opacity: 1; }

.sd-searchbar__message-box {
  font-size: 1.3rem;
  line-height: 1.4rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: var(--color-text-light);
  font-weight: 300;
  margin: 0.5rem 0;
  letter-spacing: 0.03em;
  display: block;
  margin-block-start: 8px; }

.sd-searchbar__message-box .sd-searchbar__message {
  color: #e41b21; }

[data-theme="dark-ui"] .sd-searchbar--boxed {
  background-color: rgba(0, 0, 0, 0.2); }

[data-theme="dark-ui"] .sd-searchbar--boxed.sd-searchbar--focused {
  background-color: rgba(0, 0, 0, 0.25) !important; }

.sd-collapse-box {
  display: flex;
  flex-direction: column;
  border-radius: var(--b-radius--small);
  position: relative;
  margin-block-end: 1rem;
  border: 1px solid var(--sd-colour--shadow-line--m); }

.sd-collapse-box .sd-collapse-box__header {
  display: block;
  flex-grow: 0;
  position: relative;
  min-height: 3.8rem;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box .sd-collapse-box__tools {
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 0.8rem;
  z-index: 2;
  color: var(--color-icon-default); }

.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn {
  flex-grow: 1;
  color: var(--color-icon-default); }

.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .icn-btn, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .sd-thumb-carousel__btn--prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .sd-thumb-carousel__btn--next,
.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .p-carousel-prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .p-carousel-next {
  background-color: rgba(140, 151, 166, 0.25);
  color: white;
  opacity: 1; }

.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .icn-btn, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .sd-thumb-carousel__btn--prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .sd-thumb-carousel__btn--next,
.sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .p-carousel-prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .p-carousel-next {
  background-color: rgba(169, 177, 188, 0.25);
  color: var(--sd-colour-interactive);
  opacity: 1; }

.sd-collapse-box .sd-collapse-box__tools--flex {
  position: relative;
  inset-inline-end: 0;
  inset-block-start: 0;
  display: flex;
  flex-direction: row;
  margin: -1.4rem -1rem; }

.sd-collapse-box .sd-collapse-box__content-wraper {
  flex-grow: 1;
  position: relative;
  transition: all ease-in-out .4s;
  max-height: 0; }

.sd-collapse-box .sd-collapse-box__content {
  padding: 2rem;
  display: none;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box .sd-collapse-box__content--border-locked {
  border-inline-start: 4px solid #e41b21; }

.sd-collapse-box .sd-collapse-box__content--border-success {
  border-inline-start: 4px solid #46a446; }

.sd-collapse-box .sd-collapse-box__content-block {
  padding: 1rem;
  margin: 0 -2rem 3rem -2rem; }

.sd-collapse-box .sd-collapse-box__content-block--top {
  margin-block-start: 2.2rem; }

.sd-collapse-box--open .sd-collapse-box__content-wraper {
  max-height: 80rem; }

.sd-collapse-box--open .sd-collapse-box__content {
  display: block;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box--open .sd-collapse-box__header {
  display: none;
  animation: fadeIn 0.3s ease-in 0s 1; }

.sd-collapse-box--margin-small {
  margin-block-end: 0.5rem; }

.sd-collapse-box__content .form__row:last-of-type, .sd-collapse-box__content-block .form__row:last-of-type {
  padding-block-end: 0; }

.sd-collapse-box__sliding-toolbar-wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 4.6rem;
  overflow: hidden;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0; }

.sd-collapse-box__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  height: 4.2rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 16px;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar); }

.sd-collapse-box__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center; }

.new-collapse-box {
  --collapse-box-clor-bg: var(--sd-colour-panel-bg--100);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 0fr auto;
  border-radius: var(--b-radius--small);
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
  outline: 1px solid var(--sd-colour-line--x-light); }

.new-collapse-box__header {
  grid-row: 1 / 2;
  height: auto;
  padding: 0;
  overflow: hidden;
  transition: all 0.2s ease; }

.new-collapse-box__header .hide-on-open {
  display: none; }

.new-collapse-box__content {
  grid-row: 2 / 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
  padding-block: 0;
  background-color: var(--sd-colour-panel-bg--100);
  transition: grid-template-rows 0.2s ease; }

.new-collapse-box.new-collapse-box--open {
  grid-template-rows: auto 1fr auto; }

.new-collapse-box.new-collapse-box--open .new-collapse-box__content > .new-collapse-box__content-inner {
  overflow-y: auto; }

.new-collapse-box.new-collapse-box--open .new-collapse-box__content > .new-collapse-box__content-inner .new-collapse-box.new-collapse-box--open .new-collapse-box__content .new-collapse-box__content-inner {
  animation: fadeIn2 0.3s ease-in 0s 1; }

.new-collapse-box.new-collapse-box--open:focus-within {
  outline-color: var(--sd-colour-interactive); }

.new-collapse-box .sd-list-item {
  border-radius: var(--b-radius--small) var(--b-radius--small) 0 0; }

.new-collapse-box .sd-list-item + .sd-list-item {
  border-block-start: none; }

.new-collapse-box .sd-list-item .sd-list-item__border {
  border-radius: var(--b-radius--small) 0 0 0; }

.new-collapse-box__divider {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  background: linear-gradient(to bottom, transparent 50%, var(--collapse-box-clor-bg) 50%);
  padding-inline: 0;
  margin-inline: 0;
  margin-block-start: -9px;
  margin-block-end: 8px;
  border-block-start: 0;
  border-block-end: 0;
  border-inline-start: 0;
  border-inline-end: 0;
  border-block-start-color: var(--sd-colour-line--light);
  border-style: solid; }

.new-collapse-box__divider::before, .new-collapse-box__divider::after {
  content: "";
  position: relative;
  inset-block-start: 50%;
  width: 50%;
  border-block-start: 1px solid transparent;
  border-top-color: transparent;
  border-top-color: inherit;
  border-block-end: 0;
  border-inline-start: 0;
  border-inline-end: 0;
  transform: translateY(50%);
  border-style: inherit; }

.new-collapse-box__divider .new-collapse-box__divider-label {
  background-color: var(--collapse-box-button-color-bg-default);
  color: var(--collapse-box-button-color-fg-default);
  transition: all 0.2s ease; }

.new-collapse-box__divider:hover {
  border-block-start-color: var(--sd-colour-line--medium); }

.new-collapse-box__divider:hover .new-collapse-box__divider-label {
  background-color: var(--collapse-box-button-color-bg-hover);
  color: var(--collapse-box-button-color-fg-hover);
  transition: all 0.2s ease; }

.new-collapse-box > .new-collapse-box__header .new-collapse-box__header-inner {
  transition: all .2s ease;
  min-height: auto; }

.new-collapse-box > .new-collapse-box__header .new-collapse-box__header-inner .hide-on-open {
  animation: appear .2s;
  display: flex;
  opacity: 1; }

.new-collapse-box.new-collapse-box--open > .new-collapse-box__header .new-collapse-box__header-inner {
  min-height: var(--space--4);
  background-color: var(--sd-item__main-Bg); }

.new-collapse-box.new-collapse-box--open > .new-collapse-box__header .new-collapse-box__header-inner .hide-on-open {
  display: none;
  opacity: 0;
  animation: vanish .2s; }

.sd-photo-preview {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-gap: 0;
  height: calc(100vh - 53px);
  position: relative;
  overflow: hidden; }

.sd-photo-preview--grid-only {
  grid-template-rows: 0 1fr; }

.sd-photo-preview--grid-only .sd-photo-preview__image {
  height: 0;
  overflow: hidden; }

.sd-photo-preview--grid-only .sd-photo-preview__thumb-strip {
  overflow-y: auto; }

.sd-photo-preview--grid-only .sd-photo-preview__thumb-strip--with-controls {
  padding-block-start: 4.8rem; }

.sd-photo-preview__thumb-controls {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  min-height: 4.8rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(32, 32, 32, 0.9);
  padding: 0 2rem; }

.sd-photo-preview__image, .sd-photo-preview__video {
  position: relative;
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: center;
  background-color: var(--sd-colour-bg__photo-preview);
  max-height: 100%; }

.sd-photo-preview__image.actioning::before, .sd-photo-preview__video.actioning::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 999;
  background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: var(--sd-colour-overlay-actioning); }

.sd-photo-preview__video {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  max-height: none;
  background-color: #232323; }

.sd-photo-preview__video .sd-photo-preview__video-inner {
  grid-row: 1/2;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 100%;
  min-width: 48rem; }

.sd-photo-preview__video .sd-photo-preview__video-container {
  grid-row: 1/2;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.sd-photo-preview__video .sd-photo-preview__video-container video {
  max-width: 110vh;
  width: auto;
  height: auto;
  max-height: 100vh;
  margin-block-start: 2rem; }

.sd-photo-preview__video .sd-photo-preview__video-tools {
  grid-row: 2/3;
  margin: 0.8rem auto 3.2rem;
  padding: 1.2rem;
  border-radius: 0.8rem;
  background-color: rgba(0, 0, 0, 0.3);
  height: 6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%; }

.sd-photo-preview__video .sd-photo-preview__video-tools--blank {
  background-color: rgba(0, 0, 0, 0);
  padding: 0.6rem; }

.sd-photo-preview__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.25);
  color: inherit;
  padding: 0.8rem 2rem;
  margin: 1rem auto;
  line-height: 100%;
  border-radius: var(--b-radius--x-small);
  font-weight: 300;
  min-width: 16rem; }

.sd-photo-preview__image {
  max-height: calc(100vh - 53px);
  max-width: calc(100vw - 40rem);
  transition: max-width 0.2s ease-in-out;
  padding: 1.6rem; }

.sd-photo-preview__image img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

.sd-column-box__main-column.sd-column-box__main-column--expanded .sd-photo-preview__image {
  max-width: 100vw; }

.sd-photo-preview__thumb-strip {
  grid-column: 1/2;
  grid-row: 2/3;
  min-height: 16rem;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow-y: auto; }

.sd-photo-preview__thumb-strip--video {
  min-height: 10rem;
  display: flex;
  flex-direction: row;
  overflow: visible; }

.sd-photo-preview__thumbnail-edit {
  position: relative;
  height: 16rem;
  flex-grow: 0; }

.sd-photo-preview__thumbnail-edit img {
  max-width: 100%;
  height: auto;
  max-height: 16rem;
  display: block; }

.sd-photo-preview__thumbnail-edit .sd-photo-preview__thumbnail-edit-label {
  position: absolute;
  inset-block-start: -2.2rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 2rem;
  text-align: center;
  opacity: 0.5; }

.image-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  z-index: 1;
  opacity: 0;
  color: white; }

.image-overlay:hover {
  opacity: 1; }

.image-overlay__button-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.image-overlay__button {
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;
  width: 4.8rem;
  height: 4.8rem;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: var(--b-radius--full);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.2); }

.image-overlay__button i {
  color: inherit;
  line-height: 1;
  opacity: 0.6;
  transition: 0.2s linear all; }

.image-overlay__button:hover {
  border-color: white;
  background-color: rgba(0, 0, 0, 0.6);
  text-decoration: none; }

.image-overlay__button:hover i {
  opacity: 1; }

.image-overlay__button:active {
  border-color: var(--sd-colour-interactive);
  background-color: rgba(0, 0, 0, 0.8); }

.image-overlay__button:active i {
  color: var(--sd-colour-interactive); }

.image-overlay__button + .image-overlay__button {
  margin-inline-start: 0.8rem; }

.sd-photo-preview__video-frames {
  position: relative;
  flex-grow: 1; }

.sd-photo-preview--view-video .sd-photo-preview__video .sd-photo-preview__video-inner {
  max-height: calc(100vh - 53px); }

.sd-photo-preview--edit-video .sd-photo-preview__video .sd-photo-preview__video-inner {
  max-height: calc(100vh - 53px - 160px);
  max-width: 100vw; }

.sd-photo-preview--edit-video .sd-photo-preview__video .sd-photo-preview__video-inner .sd-photo-preview__video-container video {
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 53px - 160px - 100px); }

.sd-photo-preview--view-video .sd-photo-preview__video .sd-photo-preview__video-inner {
  max-height: calc(100vh - 53px);
  max-width: calc(100vw - 44rem); }

.sd-photo-preview--view-video .sd-photo-preview__video .sd-photo-preview__video-inner .sd-photo-preview__video-container video {
  max-width: calc(100vw - 44rem);
  max-height: calc(100vh - 53px - 90px); }

.sd-photo-preview__slide-in-button {
  position: absolute !important;
  inset-block-start: 2.4rem;
  inset-inline-end: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.1);
  height: 4.8rem;
  width: 4.8rem;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0 0 1.6rem;
  border-radius: 6px 0 0 6px;
  opacity: 0.5;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease-out; }

.sd-photo-preview__slide-in-button [class^="icon-"],
.sd-photo-preview__slide-in-button [class*=" icon-"] {
  color: white;
  flex-shrink: 0; }

.sd-photo-preview__slide-in-button:hover {
  opacity: 1; }

.sd-photo-preview__slide-in-button:active {
  background-color: var(--sd-colour-interactive);
  opacity: 1; }

.sd-photo-preview__nav-button {
  border-radius: var(--b-radius--full);
  cursor: pointer;
  height: 5.6rem;
  line-height: 5.6rem;
  position: absolute;
  inset-block-start: calc(50% - 2.8rem);
  width: 5.6rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
  color: white;
  transition: all 0.2s ease-out;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0.3; }

.sd-photo-preview__nav-button:hover {
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.9); }

.sd-photo-preview__nav-button:active {
  opacity: 0.8;
  background-color: var(--sd-colour-interactive); }

.sd-photo-preview__nav-button::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  text-align: center;
  z-index: 2;
  color: white;
  width: 5.6rem;
  font-size: 3.2rem; }

.sd-photo-preview__nav-button--next {
  inset-inline-end: 0.8rem;
  color: inherit; }

.sd-photo-preview__nav-button--next::after {
  content: "\E643"; }

.sd-photo-preview__nav-button--prev {
  inset-inline-start: 0.8rem;
  color: inherit; }

.sd-photo-preview__nav-button--prev::after {
  content: "\E642"; }

.upload__target {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 0;
  border: 2px dashed var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-10); }

.upload__info {
  margin: 0 auto;
  max-width: 40rem;
  position: relative;
  inset-block-start: 50%;
  margin-block-start: -10.6rem;
  z-index: 1; }

.upload__info-icon {
  margin: 0 auto;
  height: 7.4rem;
  width: 9rem;
  background-image: url(269567460c8f69d08fb089f576d381eb.svg);
  opacity: 0.25;
  text-align: center; }

.upload__info-heading {
  margin: 0 auto;
  opacity: 0.5;
  text-align: center;
  padding-block-start: 3rem;
  text-align: center;
  color: var(--color-text-light);
  font-size: 2.4rem;
  font-weight: 300; }

.upload__info-label {
  position: relative;
  text-align: center;
  font-style: italic;
  margin: 2.2rem auto;
  color: var(--color-text-lighter);
  opacity: 0.85; }

.upload__info-label::after, .upload__info-label::before {
  content: "___________";
  position: absolute;
  inset-block-start: -0.5rem;
  color: inherit;
  opacity: 0.25; }

.upload__info-label::after {
  margin-inline-start: 1.5rem; }

.upload__info-label::before {
  margin-inline-start: -7.8rem; }

.upload__info-button {
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 0.75; }

.sd-photo-preview__thumb-strip:hover .upload-target {
  display: block; }

.sd-media-carousel {
  position: relative;
  align-items: center;
  flex-direction: row;
  display: flex; }

.sd-media-carousel__dialog {
  display: flex;
  max-height: 100%;
  flex: 0 1 auto;
  flex-direction: column;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
  position: relative; }

.sd-media-carousel__content {
  background-clip: padding-box;
  outline: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  position: relative; }

.sd-media-carousel__page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center; }

.sd-media-carousel__page img, .sd-media-carousel__page video {
  max-height: 40em;
  width: auto !important;
  margin: 0 auto !important; }

.sd-media-carousel__page-media {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center; }

.sd-media-carousel__page-media img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

.sd-media-carousel__nav-button {
  border-radius: var(--b-radius--full);
  cursor: pointer;
  height: 3.6rem;
  line-height: 3.6rem;
  position: absolute;
  inset-block-start: calc(50% - 6.5rem);
  width: 3.6rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.12);
  color: var(--color-text);
  transition: all 0.2s ease-out, color 0.1s ease-out;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 3;
  transition: opacity 0.2s ease-out;
  opacity: 0; }

.sd-media-carousel__nav-button:hover {
  background-color: rgba(255, 255, 255, 0.65); }

.sd-media-carousel__nav-button:active {
  background-color: white; }

.sd-media-carousel__nav-button::after {
  content: " ";
  font-family: 'sd_icons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  inset-block-start: 0;
  text-align: center;
  z-index: 2;
  color: inherit;
  width: 3.6rem;
  font-size: 2.4rem; }

.sd-media-carousel__nav-button--next {
  inset-inline-end: -18px;
  color: inherit; }

.sd-media-carousel__nav-button--next::after {
  content: "\E643"; }

.sd-media-carousel__nav-button--prev {
  inset-inline-start: -18px;
  color: inherit; }

.sd-media-carousel__nav-button--prev::after {
  content: "\E642"; }

.sd-media-carousel__nav-button--next-inner {
  inset-inline-end: 0;
  color: var(--color-text);
  border-radius: var(--b-radius--full) 0 0 var(--b-radius--full);
  box-shadow: none; }

.sd-media-carousel__nav-button--next-inner::after {
  content: "\E643"; }

.sd-media-carousel__nav-button--prev-inner {
  inset-inline-start: 0;
  color: var(--color-text);
  border-radius: 0 var(--b-radius--full) var(--b-radius--full) 0;
  box-shadow: none; }

.sd-media-carousel__nav-button--prev-inner::after {
  content: "\E642"; }

.sd-media-carousel__nav-button--next-inner::after, .sd-media-carousel__nav-button--prev-inner::after {
  opacity: 0.5;
  transition: opacity 0.2s ease-out; }

.sd-media-carousel__nav-button--next-inner:hover::after, .sd-media-carousel__nav-button--prev-inner:hover::after {
  opacity: 1;
  color: var(--color-text); }

.sd-media-carousel__nav-button--next-inner:active::after, .sd-media-carousel__nav-button--prev-inner:active::after {
  color: var(--sd-colour-interactive); }

.sd-media-carousel__nav-button--disabled {
  background-color: rgba(255, 255, 255, 0.4) !important;
  cursor: default;
  opacity: 0.2; }

.sd-media-carousel__nav-button--disabled::after {
  opacity: 0.75;
  color: var(--color-text) !important; }

.sd-media-carousel__dialog:hover .sd-media-carousel__nav-button {
  opacity: 1; }

.sd-media-carousel__page-indication-bar {
  inset-block-end: -3.6rem;
  height: 2.6rem;
  position: absolute;
  text-align: center;
  width: 100%; }

.sd-media-carousel__page-indicator {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: var(--b-radius--full);
  cursor: pointer;
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  margin: 0.6rem;
  transition: all 0.2s ease-out, color 0.1s ease-out; }

.sd-media-carousel__page-indicator--selected {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.6); }

.sd-media-carousel__thumb-strip {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  grid-gap: 1rem;
  margin: 1.4rem 0; }

.sd-media-carousel__thumb-strip i {
  margin: auto;
  color: inherit; }

.sd-media-carousel__thumb-strip-item {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: inherit;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all ease-in 0.2s; }

.sd-media-carousel__thumb-strip-item:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4); }

.sd-media-carousel__thumb-strip-item--active {
  outline: 1px solid var(--sd-colour-interactive);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.4);
  cursor: default; }

.sd-media-carousel__thumb-strip-item--active .sd-media-carousel__thumb img {
  filter: brightness(1) grayscale(100%); }

.sd-media-carousel__thumb {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  height: 6rem;
  padding: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #2b2b2b; }

.sd-media-carousel__thumb img {
  max-width: 100%;
  max-height: 6rem;
  object-fit: cover;
  object-position: 50% 50%; }

.sd-media-carousel__thumb i {
  font-size: 3.2rem;
  line-height: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  color: white;
  opacity: .35; }

.sd-media-carousel__thumb--add {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all ease-in 0.2s; }

.sd-media-carousel__thumb--add:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border: 1px solid white; }

.sd-media-carousel__media-caption, .sd-media-carousel__media-title {
  color: inherit;
  position: relative;
  padding: 1.2rem;
  width: 100%;
  font-size: 1.4rem;
  text-align: start;
  font-weight: 300;
  line-height: 140%;
  border: 1px solid transparent;
  transition: all ease-in-out 0.2s;
  background-color: transparent; }

.sd-media-carousel__media-caption[contenteditable="true"]:hover, .sd-media-carousel__media-captiontextarea:not(disabled):hover, .sd-media-carousel__media-title[contenteditable="true"]:hover, .sd-media-carousel__media-titletextarea:not(disabled):hover {
  border-color: var(--sd-colour-interactive--alpha-60); }

.sd-media-carousel__media-caption[contenteditable="true"]:focus, .sd-media-carousel__media-captiontextarea:not(disabled):focus, .sd-media-carousel__media-title[contenteditable="true"]:focus, .sd-media-carousel__media-titletextarea:not(disabled):focus {
  border-color: var(--sd-colour-interactive);
  box-shadow: inset 0 -1px 0 0 var(--sd-colour-interactive); }

.sd-media-carousel__media-caption[contenteditable="true"]:empty:before, .sd-media-carousel__media-captiontextarea:not(disabled):empty:before, .sd-media-carousel__media-title[contenteditable="true"]:empty:before, .sd-media-carousel__media-titletextarea:not(disabled):empty:before {
  position: absolute;
  content: attr(sd-placeholder) " ";
  opacity: 0.55;
  color: inherit;
  font-weight: 300;
  cursor: text; }

textarea.sd-media-carousel__media-caption,
textarea.sd-media-carousel__media-title {
  color: inherit;
  position: relative;
  padding: 1.2rem;
  width: 100%;
  font-size: 1.4rem;
  text-align: start;
  font-weight: 300;
  line-height: 140%;
  border: 1px solid transparent;
  transition: all ease-in-out 0.2s;
  background-color: transparent; }

textarea.sd-media-carousel__media-caption:not(disabled):hover,
textarea.sd-media-carousel__media-title:not(disabled):hover {
  border-color: var(--sd-colour-interactive--alpha-60); }

textarea.sd-media-carousel__media-caption:not(disabled):focus,
textarea.sd-media-carousel__media-title:not(disabled):focus {
  border-color: var(--sd-colour-interactive);
  box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-30); }

textarea.sd-media-carousel__media-caption:not(disabled):empty:before,
textarea.sd-media-carousel__media-title:not(disabled):empty:before {
  position: absolute;
  content: attr(sd-placeholder) " ";
  opacity: 0.55;
  color: inherit;
  font-weight: 300;
  cursor: text; }

.sd-media-carousel__media-caption {
  min-height: 4rem; }

.sd-media-carousel__media-title {
  font-size: 1.5rem;
  font-weight: 500; }

.sd-editor--theme-blue .sd-media-carousel__content, .sd-editor--theme-dark .sd-media-carousel__content {
  outline: 1px solid rgba(255, 255, 255, 0.2); }

.editor-popup {
  display: none;
  position: fixed; }

.editor-popup--open {
  display: inline-block;
  z-index: 1040; }

.editor-popup--annotation {
  border-block-start: 3px solid #a2df58; }

.editor-popup--comment {
  border-block-start: 3px solid #fff170; }

.editor-popup__main {
  display: flex;
  color: var(--color-text);
  width: 32rem;
  max-height: 100%; }

.editor-popup__main.editor-popup__main--floating {
  background-color: var(--color-dropdown-menu-Bg);
  z-index: 2;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.editor-popup__header {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 1.6rem;
  padding-block-end: 1rem; }

.editor-popup__author-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  margin: 0 0 0.2rem;
  font-weight: 500;
  line-height: 100%; }

.editor-popup__time {
  font-size: 1.1rem;
  font-weight: 400; }

.editor-popup__header-text {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden; }

.editor-popup__header-tools {
  margin: -2rem -1rem 0 0.4rem; }

.editor-popup__header-tools .icn-btn, .editor-popup__header-tools .sd-thumb-carousel__btn--prev, .editor-popup__header-tools .sd-thumb-carousel__btn--next,
.editor-popup__header-tools .p-carousel-prev, .editor-popup__header-tools .p-carousel-next {
  opacity: 0.2; }

.editor-popup__header-tools:hover .icn-btn, .editor-popup__header-tools:hover .sd-thumb-carousel__btn--prev, .editor-popup__header-tools:hover .sd-thumb-carousel__btn--next,
.editor-popup__header-tools:hover .p-carousel-prev, .editor-popup__header-tools:hover .p-carousel-next {
  opacity: 1; }

.editor-popup__content-block {
  padding: 1.6rem;
  position: relative; }

.editor-popup__content-block p + p {
  margin-block-start: 1rem; }

.editor-popup__content-block--scrollable {
  max-height: 20rem; }

.editor-popup__info-bar {
  margin-block-end: 0.4rem; }

.editor-popup__header + .editor-popup__content-block {
  padding-block-start: 0; }

.editor-popup__secondary-content {
  background-color: rgba(106, 120, 138, 0.05);
  border-block-start: 1px solid var(--sd-colour-line--light); }

.comment-box__reply-item {
  border-block-end: 1px solid var(--sd-colour-line--light); }

.comment-box__input {
  padding: 0.4rem;
  border-radius: var(--b-radius--small);
  border: 1px solid var(--sd-colour-line--light);
  height: 2.8rem;
  resize: none; }

.comment-box__reply-toolbar {
  display: none;
  padding-block-start: 1rem; }

.comment-box__reply-toolbar--active {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap--small); }

.comment-box__button-toolbar {
  margin-block-start: 1.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap--small); }

.comment-box__button-toolbar--right {
  justify-content: flex-end; }

.comment-box__button-toolbar--small {
  margin-block-start: 0.6rem; }

.sd-slider__range, input[type="range"] {
  width: 100%;
  position: relative;
  height: 0.2rem;
  margin-block-start: 1.25rem;
  margin-block-end: 1.25rem;
  background-color: rgba(123, 123, 123, 0.5);
  cursor: pointer;
  user-select: none;
  touch-action: none;
  border: 0;
  padding: 0;
  min-height: 0;
  -webkit-appearance: none; }

.sd-slider__range::-webkit-slider-thumb, input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1.6rem;
  height: 1.6rem;
  transform: scale(1);
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour-interactive);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  touch-action: manipulation;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab; }

.sd-slider__range::-webkit-slider-thumb:hover, input[type="range"]::-webkit-slider-thumb:hover {
  background-color: var(--sd-colour-interactive--darken-10); }

.sd-slider__range::-webkit-slider-thumb:active, input[type="range"]::-webkit-slider-thumb:active {
  transform: scale(1.4);
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.sd-slider__range:focus, input[type="range"]:focus {
  box-shadow: 0 0 0 1px rgba(123, 123, 123, 0.3); }

.sd-slider__range:focus::-webkit-slider-thumb, input[type="range"]:focus::-webkit-slider-thumb {
  background-color: var(--sd-colour-interactive--darken-10); }

.sd-slider {
  position: relative;
  height: 0.2rem;
  margin-block-start: 1.25rem;
  margin-block-end: 2.25rem;
  background-color: rgba(123, 123, 123, 0.5);
  cursor: pointer;
  user-select: none;
  touch-action: none;
  -webkit-appearance: none; }

.sd-slider__handle {
  position: absolute;
  inset-block-start: -0.7rem;
  inset-inline-start: 0;
  z-index: 1;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  transform: scale(1);
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour-interactive);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  touch-action: manipulation;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab; }

.sd-slider__handle:hover {
  background-color: var(--sd-colour-interactive--darken-10); }

.sd-slider__handle:active, .sd-slider__handle--active {
  transform: scale(1.4);
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.sd-slider__focus-ring {
  position: absolute;
  inset-block-start: -1.4rem;
  inset-inline-start: 0;
  z-index: 0;
  margin-inline-start: -0.7rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  transform: scale(0);
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour-interactive--alpha-30);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

.sd-slider__focus-ring:focus {
  transform: scale(1);
  opacity: 1;
  background-color: var(--sd-colour-interactive--darken-10); }

.sd-slider__fill {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.2rem;
  background-color: var(--sd-colour-interactive);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

.sd-loader--inline, .sd-loader {
  display: inline-flex;
  width: 100%;
  min-width: 90px;
  height: 100%;
  min-height: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTIwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM3YjdiN2IiPjxjaXJjbGUgY3g9IjE1IiBjeT0iMTUiIHI9IjE1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSIxNSIgdG89IjE1IiBiZWdpbj0iMHMiIGR1cj0iMC44cyIgdmFsdWVzPSIxNTs5OzE1IiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjEiIHRvPSIxIiBiZWdpbj0iMHMiIGR1cj0iMC44cyIgdmFsdWVzPSIxOy41OzEiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjYwIiBjeT0iMTUiIHI9IjkiIGZpbGwtb3BhY2l0eT0iMC4zIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSI5IiB0bz0iOSIgYmVnaW49IjBzIiBkdXI9IjAuOHMiIHZhbHVlcz0iOTsxNTs5IiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjAuNSIgdG89IjAuNSIgYmVnaW49IjBzIiBkdXI9IjAuOHMiIHZhbHVlcz0iLjU7MTsuNSIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA1IiBjeT0iMTUiIHI9IjE1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSIxNSIgdG89IjE1IiBiZWdpbj0iMHMiIGR1cj0iMC44cyIgdmFsdWVzPSIxNTs5OzE1IiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjEiIHRvPSIxIiBiZWdpbj0iMHMiIGR1cj0iMC44cyIgdmFsdWVzPSIxOy41OzEiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
  background-color: var(--sd-colour-overlay-actioning); }

.sd-loader {
  content: '';
  display: block;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 99999; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.progress-bar-container {
  display: inline-block;
  position: relative; }

.progress-bar-container .progress-text {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  font-size: 1.8rem;
  font-family: arial;
  color: #666;
  z-index: 1;
  line-height: 1; }

.progress-bar-container .progress-text em {
  font-size: 1rem;
  font-style: normal; }

.progress-svg {
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  display: block; }

.progress-svg circle {
  stroke: rgba(123, 123, 123, 0.4);
  stroke-width: 2;
  fill: transparent; }

.progress-svg .progressbar {
  stroke: #46a446;
  fill: transparent; }

.error .progress-svg .progressbar {
  stroke: transparent !important; }

.progress-done {
  display: flex;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  color: #46a446;
  border-radius: var(--b-radius--full);
  box-shadow: inset 0 0 0 0 currentColor;
  transition: box-shadow 0.3s ease-in-out;
  z-index: 2; }

.progress-done i {
  color: white;
  text-align: center;
  margin: auto;
  align-content: center;
  transform: scale(0);
  opacity: 0;
  transition: all .14s ease-in;
  transition-delay: .2s; }

.progress-done.progress-done--completed {
  box-shadow: inset 0 0 0 50px currentColor; }

.progress-done.progress-done--completed i {
  transform: scale(1);
  opacity: 1; }

.progress-done.progress-done--error {
  color: #e41b21;
  box-shadow: inset 0 0 0 50px currentColor; }

.progress-done.progress-done--error i {
  transform: scale(1);
  opacity: 1; }

.sd-circular-progress--xs .progress-svg {
  width: 20px;
  height: 20px; }

.sd-circular-progress--xs .progress-svg circle {
  stroke-width: 2; }

.sd-circular-progress--xs .progress-text {
  display: none; }

.sd-circular-progress--xs .progress-done {
  margin: 1px; }

.sd-circular-progress--xs .progress-done i {
  transition-duration: .12s; }

.sd-circular-progress--xs .progress-done.progress-done--completed, .sd-circular-progress--xs .progress-done.progress-done--error {
  box-shadow: inset 0 0 0 10px currentColor; }

.sd-circular-progress--xs .progress-done.progress-done--completed i, .sd-circular-progress--xs .progress-done.progress-done--error i {
  transform: scale(0.8); }

.sd-circular-progress--s .progress-svg {
  width: 28px;
  height: 28px; }

.sd-circular-progress--s .progress-svg circle {
  stroke-width: 2; }

.sd-circular-progress--s .progress-text {
  display: none; }

.sd-circular-progress--s .progress-done {
  margin: 1px; }

.sd-circular-progress--s .progress-done i {
  transition-duration: .12s; }

.sd-circular-progress--s .progress-done.progress-done--completed, .sd-circular-progress--s .progress-done.progress-done--error {
  box-shadow: inset 0 0 0 16px currentColor; }

.sd-circular-progress--m .progress-svg {
  width: 52px;
  height: 52px; }

.sd-circular-progress--m .progress-svg circle {
  stroke-width: 4; }

.sd-circular-progress--m .progress-done {
  margin: 3px; }

.sd-circular-progress--m .progress-done.progress-done--completed, .sd-circular-progress--m .progress-done.progress-done--error {
  box-shadow: inset 0 0 0 26px currentColor; }

.sd-circular-progress--m .progress-done.progress-done--completed i, .sd-circular-progress--m .progress-done.progress-done--error i {
  transform: scale(1.4); }

.sd-circular-progress--l .progress-svg {
  width: 68px;
  height: 68px; }

.sd-circular-progress--l .progress-svg circle {
  stroke-width: 4; }

.sd-circular-progress--l .progress-done {
  margin: 3px; }

.sd-circular-progress--l .progress-done.progress-done--completed i, .sd-circular-progress--l .progress-done.progress-done--error i {
  transform: scale(2); }

.sd-circular-progress--xl .progress-svg {
  width: 102px;
  height: 102px; }

.sd-circular-progress--xl .progress-svg circle {
  stroke-width: 6; }

.sd-circular-progress--xl .progress-done {
  margin: 5px; }

.sd-circular-progress--xl .progress-done.progress-done--completed i, .sd-circular-progress--xl .progress-done.progress-done--error i {
  transform: scale(2.4); }

.sd-toast__container {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  position: fixed;
  inset-inline-end: 0;
  inset-inline-start: 0;
  z-index: 9999;
  overflow: hidden;
  padding: 0 20px 20px;
  pointer-events: none; }

.sd-toast__container.sd-toast__container--top {
  inset-block-start: 5.6rem;
  inset-block-end: auto; }

.sd-toast__container.sd-toast__container--top-left {
  inset-block-start: 5.6rem;
  inset-block-end: auto;
  align-items: flex-start; }

.sd-toast__container.sd-toast__container--top-right {
  inset-block-start: 5.6rem;
  inset-block-end: auto;
  align-items: flex-end; }

.sd-toast__container.sd-toast__container--bottom {
  flex-direction: column-reverse;
  inset-block-start: auto;
  inset-block-end: 0; }

.sd-toast__container.sd-toast__container--bottom-left {
  flex-direction: column-reverse;
  inset-block-start: auto;
  inset-block-end: 0;
  align-items: flex-start; }

.sd-toast__container.sd-toast__container--bottom-right {
  flex-direction: column-reverse;
  inset-block-start: auto;
  inset-block-end: 0;
  align-items: flex-end; }

.sd-toast {
  padding: var(--space--1-5);
  display: flex;
  align-items: flex-start;
  position: relative !important;
  margin: 2rem 0 0;
  border-radius: var(--b-radius--medium);
  overflow: hidden;
  box-shadow: var(--sd-shadow__toast);
  background-color: var(--sd-colour-panel-bg--000);
  min-width: 32rem;
  max-width: 56rem;
  pointer-events: all; }

.sd-toast.sd-toast--appear ~ .sd-toast,
.sd-toast.sd-toast--enter ~ .sd-toast {
  transform: translateY(-40px); }

.sd-toast .sd-toast__icon [class^="icon-"] {
  color: inherit;
  display: block;
  margin: 0.6rem 0.4rem 0.6rem 0.6rem; }

.sd-toast.sd-toast--exit ~ .sd-toast {
  transform: translateY(0); }

.sd-toast.sd-toast--exit-active ~ .sd-toast {
  transform: translateY(-40px);
  transition-property: transform;
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-delay: 50ms; }

.sd-toast.sd-toast--default::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #8c97a6; }

.sd-toast.sd-toast--default .sd-toast__icon {
  color: #8c97a6; }

.sd-toast.sd-toast--primary::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #5fa9c8; }

.sd-toast.sd-toast--primary .sd-toast__icon {
  color: #5fa9c8; }

.sd-toast.sd-toast--success::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #46a446; }

.sd-toast.sd-toast--success .sd-toast__icon {
  color: #46a446; }

.sd-toast.sd-toast--warning::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #db8000; }

.sd-toast.sd-toast--warning .sd-toast__icon {
  color: #db8000; }

.sd-toast.sd-toast--alert::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #e41b21; }

.sd-toast.sd-toast--alert .sd-toast__icon {
  color: #e41b21; }

.sd-toast.sd-toast--highlight::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #9b27b0; }

.sd-toast.sd-toast--highlight .sd-toast__icon {
  color: #9b27b0; }

.sd-toast.sd-toast--sd-green::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  background-color: #1eae6b; }

.sd-toast.sd-toast--sd-green .sd-toast__icon {
  color: #1eae6b; }

.sd-toast.sd-toast--fixed-s {
  width: 32rem; }

.sd-toast.sd-toast--fixed-m {
  width: 40rem; }

.sd-toast.sd-toast--fixed-l {
  width: 48rem; }

.sd-toast.sd-toast--fixed-xl {
  width: 56rem; }

.sd-toast--appear,
.sd-toast--enter {
  transform: translateY(-40px);
  height: 0px; }

.sd-toast--appear-active,
.sd-toast--enter-active {
  transform: translateY(0);
  transition-property: transform, height;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
  transition-delay: 0;
  -webkit-transition-delay: 0; }

.sd-toast--exit {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0); }

.sd-toast--exit-active {
  opacity: 0;
  filter: blur(10px);
  transition-property: opacity, filter;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  transition-delay: 0; }

.sd-toast__message {
  flex: 1 1 auto;
  padding: 0.4rem 1.2rem 0.4rem 1.2rem;
  font-size: 1.4rem;
  line-height: 150%;
  color: var(--color-text-light); }

.sd-toast__message p + p {
  margin-block-start: 0.8rem; }

.sd-toast__message-header {
  display: flex;
  flex-direction: row;
  margin-block-end: 0.2rem;
  color: var(--color-text); }

.sd-toast__message-header time {
  font-size: 1.2rem;
  color: var(--color-text-light);
  margin-inline-end: 0.2rem; }

.sd-toast__message-header .sd-toast__heading {
  flex-grow: 1; }

.sd-toast__heading, h4 {
  font-size: inherit;
  font-weight: 600; }

.sd-toast__actions {
  flex: 0 0 auto;
  opacity: 0.4;
  margin: -0.2rem -0.4rem 0 0; }

.sd-toast__icon {
  flex: 0 0 auto; }

.sd-toast__avatar {
  flex: 0 0 auto;
  margin: 0.6rem 0.4rem 0.6rem 0.6rem; }

.sd-toast__container--bottom .sd-toast.sd-toast--enter:not(.sd-toast--enter-active),
.sd-toast__container--bottom .sd-toast.sd-toast--enter:not(.sd-toast--enter-active) ~ .sd-toast,
.sd-toast__container--bottom .sd-toast.sd-toast--leave-active ~ .sd-toast, .sd-toast__container--bottom-left .sd-toast.sd-toast--enter:not(.sd-toast--enter-active),
.sd-toast__container--bottom-left .sd-toast.sd-toast--enter:not(.sd-toast--enter-active) ~ .sd-toast,
.sd-toast__container--bottom-left .sd-toast.sd-toast--leave-active ~ .sd-toast, .sd-toast__container--bottom-right .sd-toast.sd-toast--enter:not(.sd-toast--enter-active),
.sd-toast__container--bottom-right .sd-toast.sd-toast--enter:not(.sd-toast--enter-active) ~ .sd-toast,
.sd-toast__container--bottom-right .sd-toast.sd-toast--leave-active ~ .sd-toast {
  transform: translateY(6rem); }

.subnav {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  height: 4.8rem;
  background: var(--sd-colour-panel-bg--100);
  border-block-end: 0px;
  box-shadow: var(--sd-shadow__subnav);
  z-index: 3;
  align-items: center;
  color: var(--color-text);
  flex-shrink: 0; }

.subnav .sd-check__group {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center; }

.subnav--padded {
  padding: 10px 20px; }

.subnav--darker {
  background: var(--sd-colour-panel-bg--200) !important; }

.subnav--dark-blue-grey, .subnav--blueGreyDarker {
  background: var(--color-subnav-bg--blueGrey-10) !important;
  color: white; }

.subnav--dark-blue-grey .navbtn:hover, .subnav--blueGreyDarker .navbtn:hover {
  background: rgba(255, 255, 255, 0.2); }

.subnav--mid-blue-grey, .subnav--blueGrey {
  background: var(--color-subnav-bg--blueGrey-00) !important;
  color: white; }

.subnav--absolute {
  position: absolute;
  inset-block-start: 48px;
  inset-inline-start: 0;
  inset-inline-end: 0; }

.subnav + .subnav,
.subnav--lower-z-index {
  z-index: 2; }

.subnav__element-grow {
  flex-grow: 1; }

.subnav__page-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  padding: 0 1.6rem;
  color: inherit;
  font-size: 1.8rem;
  line-height: 2.8rem;
  flex-grow: 1; }

.subnav__page-title--no-grow {
  flex-grow: 0; }

.subnav__desk-stage {
  flex-grow: 1; }

.subnav__divider {
  display: inline-flex;
  height: 100%; }

.subnav__divider--small {
  width: 1.2rem; }

.subnav__divider--medium {
  width: 1.6rem; }

.subnav__divider--large {
  width: 2.4rem; }

.subnav__divider--x-large {
  width: 3.2rem; }

.subnav.subnav--level2 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2;
  box-shadow: none; }

.subnav .sd-nav-tabs {
  box-shadow: none; }

.subnav__sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 48px; }

.subnav__sliding-toolbar--right {
  text-align: end;
  justify-content: flex-end; }

.subnav__sliding-toolbar .sliding-toolbar__inner {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem; }

.subnav__sliding-toolbar .sliding-toolbar__inner--right {
  text-align: end; }

.subnav__sliding-toolbar .sliding-toolbar__info-text {
  font-weight: 400;
  opacity: 0.75;
  font-size: 1.4rem; }

.sd-navbtn {
  position: relative;
  height: 4.8rem;
  width: 4.8rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
  border: 0;
  border: 0px solid var(--sd-colour-line--x-light);
  border-inline-width: 1px 0;
  cursor: pointer;
  transition: all 0.2s ease-out, color 0.1s ease-out; }

.sd-navbtn i {
  opacity: 0.75;
  vertical-align: baseline !important;
  transition: opacity 0.2s ease-out; }

.sd-navbtn [class^="big-icon--"], .sd-navbtn [class*=" big-icon--"],
.sd-navbtn [class^="icon-"], .sd-navbtn [class*=" icon-"] {
  color: currentColor; }

.sd-navbtn:hover {
  background: var(--color-navbutton-bg-hover); }

.sd-navbtn:hover > i {
  opacity: 1; }

.sd-navbtn:active {
  background: transparent;
  box-shadow: inset 0 0 0 4px var(--color-navbutton-shadow-active); }

.sd-navbtn:active > i {
  opacity: 1; }

.sd-navbtn:focus-visible {
  box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-70), inset 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.sd-navbtn:focus-visible > i {
  opacity: 1; }

.sd-navbtn.sd-navbtn--highlight {
  background: var(--sd-colour-highlight);
  border-color: var(--sd-colour-highlight);
  color: white; }

.sd-navbtn.sd-navbtn--highlight:hover {
  background-color: var(--sd-colour-highlight--hover);
  border-color: var(--sd-colour-highlight--hover); }

.sd-navbtn.sd-navbtn--highlight:active {
  background: var(--sd-colour-highlight);
  border-color: var(--sd-colour-highlight); }

.sd-navbtn.sd-navbtn--darker {
  background: var(--color-navbutton-bg-100); }

.sd-navbtn.sd-navbtn--darker:hover {
  background-color: var(--color-navbutton-bg-100-hover); }

.sd-navbtn.sd-navbtn--darker:active {
  background: var(--color-navbutton-bg-100); }

.sd-navbtn.sd-navbtn--dark {
  background: var(--color-navbutton-bg-dark);
  color: white; }

.sd-navbtn.sd-navbtn--dark:hover {
  background-color: var(--color-navbutton-bg-dark-hover); }

.sd-navbtn.sd-navbtn--dark:active {
  background: var(--color-navbutton-bg-dark); }

.sd-navbtn.sd-navbtn--primary, .sd-navbtn.sd-navbtn--active {
  background: var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  color: white; }

.sd-navbtn.sd-navbtn--primary:hover, .sd-navbtn.sd-navbtn--active:hover {
  background-color: var(--sd-colour-interactive--hover);
  border-color: var(--sd-colour-interactive--hover); }

.sd-navbtn.sd-navbtn--primary:active, .sd-navbtn.sd-navbtn--active:active {
  background: var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive); }

.sd-navbtn .badge {
  position: absolute;
  inset-block-start: 0.4rem;
  inset-inline-end: 0.4rem;
  z-index: 1; }

.sd-navbtn--left {
  border-width: 0 1px 0 0; }

.sd-navbtn--textual {
  padding-inline: var(--space--1);
  width: auto; }

.sd-navbtn--textual .sd-navbtn__text {
  margin-inline: var(--space--0-5);
  display: inline-flex;
  font-size: 1.4rem;
  position: relative;
  margin-inline-end: 0.4rem;
  margin-inline-start: 0.8rem; }

.sd-navbtn--textual i {
  margin-inline-start: 0.4rem; }

.dropdown .sd-navbtn.sd-navbtn--textual .sd-navbtn__text {
  color: currentColor;
  padding-inline-end: 16px; }

.dropdown .sd-navbtn.sd-navbtn--textual .sd-navbtn__text::after {
  content: '';
  display: inline-flex;
  width: 0;
  height: 0;
  position: absolute;
  inset-block-start: calc(50% - 2px);
  inset-inline-end: 0;
  vertical-align: middle;
  margin-inline-start: 8px;
  border-inline-start: 4px solid transparent;
  border-inline-end: 4px solid transparent;
  border-block-start: 4px solid currentColor;
  opacity: .75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }

.dropdown.open .sd-navbtn {
  background-color: var(--color-dropdown-menu-Bg);
  position: relative;
  box-shadow: 0 8px 0 0px var(--color-dropdown-menu-Bg), -2px -1px 8px -2px rgba(0, 0, 0, 0.24), 3px -1px 8px -2px rgba(0, 0, 0, 0.24);
  border-color: transparent !important;
  z-index: 2001; }

.dropdown.open .sd-navbtn i {
  opacity: 1;
  color: var(--sd-colour-interactive); }

.dropdown.open .sd-navbtn.sd-navbtn--textual .sd-navbtn__text {
  color: var(--sd-colour-interactive); }

.dropdown.open .sd-navbtn.sd-navbtn--textual .sd-navbtn__text::after {
  opacity: 1; }

.dropdown.open .sd-create-btn {
  background-color: var(--color-dropdown-menu-Bg);
  position: relative;
  box-shadow: 0 8px 0 0px var(--color-dropdown-menu-Bg), -2px -1px 8px -2px rgba(0, 0, 0, 0.24), 3px -1px 8px -2px rgba(0, 0, 0, 0.24);
  border-color: transparent !important;
  z-index: 1001; }

.navbtn {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
  width: 4.8rem;
  padding: 0;
  background: transparent;
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
  border: 0px solid transparent;
  border-color: var(--sd-colour-line--x-light);
  border-inline-width: 1px 0;
  cursor: pointer;
  background: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.navbtn i {
  opacity: 0.75;
  vertical-align: baseline !important;
  transition: opacity 0.2s ease-out; }

.navbtn [class^="big-icon--"],
.navbtn [class*=" big-icon--"] {
  line-height: 1;
  color: var(--color-text);
  display: block; }

.navbtn .big-icon--send-to {
  margin-inline-start: 0.3rem; }

.navbtn [class^="icon-"],
.navbtn [class*=" icon-"] {
  color: var(--color-text); }

.navbtn:hover {
  background: var(--color-navbutton-bg-hover); }

.navbtn:hover > i {
  opacity: 1; }

.navbtn.navbtn--left {
  border-inline-width: 0 1px; }

.navbtn.navbtn--blue {
  background: var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive--lighten-10);
  color: white; }

.navbtn.navbtn--blue.disabled {
  background: var(--sd-colour-interactive--lighten-30); }

.navbtn.navbtn--text-only {
  width: auto;
  line-height: 4.8rem;
  padding: 0 20px;
  border-inline-width: 0 1px;
  font-size: 1.5rem; }

.navbtn.navbtn--border-r {
  border-inline-end: 1px !important; }

.navbtn.navbtn--highlighted {
  background-color: #9b27b0 !important;
  transition: all 0.3s;
  padding: 0 0 0 9px;
  color: white; }

.navbtn.navbtn--highlighted:hover {
  background-color: #761d86; }

.navbtn.navbtn--darker {
  background-color: rgba(0, 0, 0, 0.05); }

.navbtn.navbtn--active {
  background-color: var(--sd-colour-interactive); }

.navbtn.navbtn--active > i {
  opacity: 1;
  color: white; }

.navbtn.navbtn--publish {
  background-color: rgba(0, 0, 0, 0.05); }

.dropdown.open .navbtn {
  background: var(--color-dropdown-menu-Bg);
  color: var(--sd-colour-interactive);
  box-shadow: -2px -1px 5px -2px rgba(0, 0, 0, 0.2), 3px -1px 5px -2px rgba(0, 0, 0, 0.2);
  z-index: 2001; }

.dropdown.open .navbtn > i {
  opacity: 1;
  color: var(--sd-colour-interactive); }

.dropdown.open .sd-create-btn i {
  color: white; }

.subnav__stretch-bar {
  margin-inline: var(--space--1-5);
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center; }

.subnav__stretch-bar.subnav__stretch-bar--right {
  text-align: end;
  justify-content: flex-end; }

.subnav__content-bar {
  margin-inline: var(--space--1-5);
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center; }

.subnav__content-bar.subnav__content-bar--right {
  text-align: end;
  justify-content: flex-end; }

.subnav__spacer {
  width: 1px;
  height: 4.8rem;
  flex-grow: 0;
  border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
  margin: auto 2rem; }

.subnav__spacer--dotted {
  border-inline-start: 1px dotted rgba(0, 0, 0, 0.3);
  height: 2.4rem; }

.subnav__spacer--no-r-margin {
  margin-inline-end: -0.1rem; }

.subnav__spacer--no-l-margin {
  margin-inline-start: 0; }

.subnav__spacer--no-margin {
  margin-inline-start: 0;
  margin-inline-end: 0; }

.subnav__button-stack {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center; }

.subnav__button-stack--square-buttons {
  height: 48px;
  margin: 0 0 0 16px;
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  max-width: 100%; }

.subnav__button-stack--custom-buttons {
  margin: 0 auto;
  padding: 10px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px;
  box-sizing: border-box;
  display: flex;
  max-width: 100%; }

.subnav__button-stack--custom-buttons .btn {
  flex-grow: 0;
  margin: 0 4px; }

.subnav__button-stack--custom-buttons .btn__text--short {
  display: none; }

.subnav__button-stack--custom-buttons .btn__text {
  display: inline; }

.subnav__button-stack--right {
  text-align: end;
  padding-inline-end: 2rem; }

.subnav__button-stack--padded {
  padding: 0 1rem;
  flex-shrink: 0; }

.subnav__button-stack--custom-buttons .btn__text--short {
  display: none; }

.subnav__button-stack--custom-buttons .btn__text {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text--short {
  display: inline; }

.compact .subnav__button-stack--custom-buttons .btn__text {
  display: none; }

.subnav__button-stack--default {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 10px 0; }

.subnav__button-stack--default .btn {
  flex-grow: 0;
  margin: 0 4px; }

.subnav__button-stack--default .btn--close .btn__text--alt-icon {
  display: none; }

.subnav__button-stack--default .btn--close .btn__text {
  display: inline; }

.subnav__button-stack--default.compact .btn--close {
  padding: 0 3px 0 6px; }

.subnav__button-stack--default.compact .btn--close .btn__text--alt-icon {
  display: inline;
  opacity: 0.7; }

.subnav__button-stack--default.compact .btn--close .btn__text {
  display: none; }

.subnav--responsive .navbtn.navbtn--text-only {
  font-size: 1.4rem; }

.subnav--responsive .subnav__stretch-bar {
  margin-inline-end: 0; }

.subnav--responsive .subnav__spacer {
  margin-inline-start: 1.2rem; }

.subnav--responsive #planning-dropdown {
  display: none;
  margin-inline-start: -1.2rem; }

.subnav--responsive .dropdown__toggle {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline-end: 2.6rem !important; }

.subnav--responsive .dropdown__toggle .dropdown__caret {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 1rem; }

.subnav--responsive .navbtn {
  flex-shrink: 0; }

.subnav--responsive .navbtn.navbtn--text-only {
  flex-shrink: 1;
  padding: 0 1.2rem; }

.sd-page-content--slide-in--open .subnav--responsive .sd-check__wrapper + .sd-check__wrapper {
  margin-inline-start: 0.4rem; }

.sd-page-content--slide-in--open .subnav--responsive .subnav__stretch-bar {
  margin: 0 1.2rem;
  margin-inline-end: 0; }

.sd-page-content--slide-in--open .subnav--responsive .subnav__button-stack--padded {
  padding: 0 0.6rem; }

.sd-page-content--slide-in--open .subnav--responsive .navbtn.navbtn--text-only {
  font-size: 1.3rem; }

@media only screen and (max-width: 1366px) {
  .sd-page-content--slide-in--open .sd-page-content__content-block--30-slide {
    width: 50rem; }
  .sd-page-content--slide-in--open .sd-page-content__content-block--main {
    width: calc(100vw - 54.8rem); } }

@media only screen and (max-width: 800px) {
  .subnav--responsive #planning-dropdown {
    display: block; }
  .subnav--responsive #planning-buttons {
    display: none; }
  .subnav--responsive .dropdown__toggle {
    max-width: 160px; }
  .subnav--responsive.compact--level-1 .dropdown__toggle {
    max-width: 160px; } }

@media only screen and (max-width: 1024px) {
  .subnav--responsive.compact--level-1 #planning-dropdown {
    display: block; }
  .subnav--responsive.compact--level-1 #planning-buttons {
    display: none; } }

@media only screen and (max-width: 1480px) {
  .sd-page-content--slide-in--open .subnav--responsive.compact--level-1 #planning-dropdown {
    display: block; }
  .sd-page-content--slide-in--open .subnav--responsive.compact--level-1 #planning-buttons {
    display: none; } }

@media only screen and (max-width: 1250px) {
  .sd-page-content--slide-in--open .subnav--responsive #planning-dropdown {
    display: block; }
  .sd-page-content--slide-in--open .subnav--responsive #planning-buttons {
    display: none; }
  .sd-page-content--slide-in--open .subnav--responsive .dropdown__toggle {
    max-width: 160px; } }

.sd-theme-selector__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 1.6rem;
  flex-grow: 1;
  align-self: stretch; }

.sd-theme-selector__list--small {
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }

.sd-theme-selector__list--medium {
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); }

.sd-theme-selector__list--large {
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
  gap: 2.4rem; }

.sd-theme-selector__item {
  display: flex;
  flex-direction: column;
  border-radius: var(--b-radius--medium);
  background-color: var(--sd-item__main-Bg);
  position: relative;
  overflow: visible;
  transition: all 0.3s ease; }

.sd-theme-selector__item:disabled {
  opacity: 0.75;
  cursor: not-allowed; }

.sd-theme-selector__item-thumb {
  display: flex;
  aspect-ratio: 1.66;
  border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0;
  overflow: hidden; }

.sd-theme-selector__item-thumb svg {
  width: 100%;
  height: auto; }

.sd-theme-selector__item-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
  height: 4rem;
  border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium);
  overflow: hidden;
  color: var(--color-text);
  padding: 0 1.2rem;
  box-shadow: 0 -3px 6px -2px rgba(0, 0, 0, 0.12); }

.sd-theme-selector__input {
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  opacity: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  padding: 0px;
  border-width: 0px;
  overflow: hidden;
  outline: none !important; }

.sd-theme-selector__input:hover {
  cursor: pointer; }

.sd-theme-selector__label {
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  border-radius: var(--b-radius--medium);
  border: 1px solid var(--sd-colour-line--medium);
  transition: all 0.3s ease;
  font-size: 1px;
  color: transparent;
  user-select: none; }

.sd-theme-selector__label-text {
  font-size: 1.4rem;
  color: var(--color-text); }

.sd-theme-selector__item input:hover ~ .sd-check-new,
.sd-theme-selector__item input:hover ~ .sd-radio-new {
  border-color: var(--color-checkbox-border-hover); }

.sd-theme-selector__item input:hover:not(:checked) ~ label {
  box-shadow: var(--sd-shadow--z1);
  border-color: var(--sd-colour-line--strong); }

.sd-theme-selector__item input:checked ~ .sd-radio-new {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-theme-selector__item input:checked ~ .sd-radio-new::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-theme-selector__item input:checked ~ .sd-radio-new {
  background: transparent; }

.sd-theme-selector__item input:checked ~ label {
  box-shadow: 0 0 0 1px var(--sd-colour-interactive), inset 0 0 0 2px var(--sd-colour-interactive--alpha-30); }

.sd-theme-selector__item input:checked ~ .sd-theme-selector__label-text {
  color: var(--sd-colour-interactive); }

.sd-theme-selector__item input:focus-visible ~ label {
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-30); }

.sd-theme-selector__item input:disabled {
  z-index: 1;
  cursor: not-allowed;
  pointer-events: none; }

.sd-theme-selector__item input:disabled ~ label {
  z-index: 2;
  cursor: not-allowed;
  box-shadow: none !important;
  border-color: var(--sd-colour-line--light) !important; }

.sd-theme-selector__item input:disabled ~ .sd-theme-selector__label-text {
  opacity: 0.4; }

.sd-theme-selector__item input:disabled ~ .sd-radio-new {
  opacity: 0.4;
  border-color: var(--color-checkbox-border) !important; }

[data-theme="dark-ui"] input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1); }

[data-theme="dark-ui"] figure[data-theme="dark-ui"] {
  --color-text: hsla(0, 0%, 96%, 1);
  --color-text-light: hsla(214, 13%, 96%, 0.75);
  --color-text-lighter: hsla(214, 13%, 96%, 0.55);
  --color-icon-default: hsla(214, 13%, 96%, 0.65);
  --sd-colour-panel-bg--100: hsla(214, 13%, 16%, 1);
  --sd-colour-interactive: hsla(160, 50%, 50%, 1);
  --sd-colour-btn-bg-neutral: hsla(214, 13%, 50%, 0.4);
  --sd-colour-sidebar-menu--00: hsla(214, 13%, 25%, 1);
  --color-icon-default: hsla(214, 13%, 96%, 0.65);
  --sd-colour--shadow-line: hsla(214, 13%, 74%, 0.2);
  --sd-colour-line--medium: hsla(214, 13%, 70%, 0.2); }

[data-theme="dark-ui"] figure[data-theme="light-ui"] {
  --color-text: hsla(0, 0%, 20%, 1);
  --color-text-light: hsla(214, 13%, 20%, 0.75);
  --color-text-lighter: hsla(214, 13%, 20%, 0.55);
  --color-icon-default: hsla(214, 13%, 30%, 1);
  --sd-colour-panel-bg--100: hsla(214, 13%, 96%, 1);
  --sd-colour-interactive: hsla(198, 50%, 50%, 1);
  --sd-colour-btn-bg-neutral: hsla(214, 13%, 50%, 0.4);
  --sd-colour-sidebar-menu--00: hsla(214, 13%, 85%, 1);
  --sd-colour--shadow-line: hsla(214, 13%, 70%, 0);
  --sd-colour-line--medium: hsla(214, 13%, 20%, 0.2); }

[data-theme="dark-ui"] figure[data-theme="contrast-light-ui"] {
  --color-text: hsla(0, 0%, 0%, 1);
  --color-text-light: hsla(214, 13%, 10%, 0.85);
  --color-text-lighter: hsla(214, 13%, 10%, 0.65);
  --color-icon-default: hsla(214, 13%, 20%, 1);
  --sd-colour-panel-bg--100: hsla(214, 13%, 96%, 1);
  --sd-colour-sidebar-menu--00: hsla(214, 13%, 90%, 1);
  --sd-colour--shadow-line: hsla(214, 13%, 60%, 0);
  --sd-colour-line--medium: hsla(214, 13%, 20%, 0.4); }

.sd-dropzone__drop-target {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--b-radius--medium);
  min-height: 7.2rem;
  width: 100%;
  padding: 2.4rem;
  gap: 0.8rem;
  transition: all 0.2s ease;
  background-color: var(--sd-colour-bg-translucent--10); }

.sd-dropzone__drop-target.sd-dropzone__drop-target--ondragover {
  background-color: var(--sd-colour-interactive--alpha-10); }

.sd-dropzone__drop-target.sd-dropzone__drop-target--ondragover .sd-dropzone__target-border {
  inset: 4px;
  border-color: var(--sd-colour-interactive); }

.sd-dropzone__drop-target.sd-dropzone__drop-target--ondragover .sd-dropzone__icon {
  opacity: 1;
  color: var(--sd-colour-interactive); }

.sd-dropzone__drop-target:hover {
  background-color: var(--sd-colour-interactive--alpha-10);
  cursor: pointer; }

.sd-dropzone__drop-target:hover .sd-dropzone__target-border {
  border-color: var(--sd-colour-interactive--alpha-30); }

.sd-dropzone__drop-target:active {
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-dropzone__drop-target:active .sd-dropzone__target-border {
  border-color: var(--sd-colour-interactive); }

.sd-dropzone__drop-target--height-l {
  min-height: var(--width__container--xx-small); }

.sd-dropzone__target-border {
  position: absolute;
  inset: 2px;
  border: 2px dashed var(--sd-colour-line--medium);
  border-radius: var(--b-radius--medium);
  transition: all 0.3s ease;
  z-index: 0; }

.sd-dropzone__icon {
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: var(--b-radius--full); }

.sd-dropzone__icon [class^="big-icon--"],
.sd-dropzone__icon [class*=" big-icon--"] {
  margin-block-start: -4px;
  width: 3.6rem;
  height: 3.6rem;
  font-size: 3.6rem;
  line-height: 3.6rem;
  opacity: 0.5; }

.sd-dropzone__icon--small {
  width: 4rem;
  height: 4rem; }

.sd-dropzone__icon--small [class^="big-icon--"],
.sd-dropzone__icon--small [class*=" big-icon--"] {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  line-height: 2.4rem;
  opacity: 0.5; }

.sd-dropzone__action {
  margin: 0 auto; }

.sd-dropzone__heading {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  color: var(--color-text-light); }

.sd-dropzone__description {
  opacity: 0.7;
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
  font-size: 1.4rem;
  position: relative;
  z-index: 0;
  pointer-events: none; }

.sd-dropzone__input {
  opacity: 0;
  position: absolute;
  inset: 2px;
  z-index: 1; }

.sd-dropzone__input:hover {
  cursor: pointer; }

.sd-notification-panel {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  position: fixed;
  color: var(--color-text);
  inset-block-start: 48px;
  inset-block-end: 3.2rem;
  inset-inline-end: -336px;
  width: 32rem;
  background: rgba(27, 30, 35, 0.82);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.32), 0 1px 4px rgba(0, 0, 0, 0.32), 0 0 0 1px var(--sd-colour-line--light);
  z-index: 100;
  transition: inset-inline-end 0.2s ease;
  border-radius: var(--b-radius--x-large);
  margin: 12px 0; }

.sd-notification-panel.sd-notification-panel--open {
  inset-inline-end: 12px; }

.sd-notification-panel__header {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  height: 48px;
  border-block-end: 1px solid var(--sd-colour-line--light);
  padding-inline: 1.6rem 0.8rem;
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-notification-panel__title {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 300;
  margin-inline-end: auto;
  padding-inline-end: 0.8rem; }

.sd-notification-panel__content {
  grid-row: 2 / 2;
  grid-column: 1 / 2;
  overflow-y: auto;
  position: relative;
  padding: 1.6rem; }

.sd-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap--small); }

.sd-pagination--align-start {
  justify-content: flex-start; }

.sd-pagination--align-end {
  justify-content: flex-end; }

.sd-pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  min-width: 3.2rem;
  border-radius: var(--b-radius--full);
  transition: all 0.2s ease;
  border: 1px solid transparent; }

.sd-pagination__item:hover {
  border: 1px solid var(--sd-colour-interactive--alpha-30); }

.sd-pagination__item:active {
  background-color: var(--sd-colour-interactive--alpha-10);
  border: 1px solid var(--sd-colour-interactive); }

.sd-pagination__item--active {
  background-color: var(--sd-colour-interactive--alpha-10);
  color: var(--sd-colour-interactive); }

.sd-pagination__item:disabled,
.sd-pagination__item--disabled {
  opacity: 0.5;
  pointer-events: none; }

.sd-pagination__item--more {
  pointer-events: none; }

.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.dropdown a {
  color: var(--color-dropdown-menu-text); }

.dropdown a:hover {
  text-decoration: none; }

.dropdown button {
  -webkit-appearance: none; }

.dropdown__toggle {
  cursor: pointer; }

.dropdown__toggle i {
  vertical-align: sub; }

.dropdown__toggle:focus-visible {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.dropdown.dropdown--hover:hover .dropdown__menu {
  display: block; }

.dropdown__toggle:active,
.dropdown.open .dropdown__toggle {
  outline: 0;
  color: var(--sd-colour-interactive); }

.dropdown.open .dropdown .dropdown__toggle {
  color: #2c323a; }

.dropdown__more-actions .dropdown__toggle > i {
  opacity: 0.3; }

.dropdown__more-actions .dropdown__toggle:hover > i,
.dropdown__more-actions.open .dropdown__toggle > i {
  opacity: 1; }

.dropdown__caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-block-start: -2px;
  margin-inline-start: 6px;
  border-inline-start: 4px solid transparent;
  border-inline-end: 4px solid transparent;
  border-block-start: 4px solid var(--color-text);
  opacity: .3;
  content: "";
  transition: all 0.1s ease-in; }

.dropdown__caret.dropdown__caret--white, .dropdown__caret.white {
  border-top-color: white; }

.dropdown:hover .dropdown__caret,
.dropdown.open .dropdown__caret {
  opacity: 1; }

.dropdown.open .dropdown__caret {
  border-top-color: var(--sd-colour-interactive); }

.dropdown__menu {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  z-index: 2000;
  display: none;
  min-width: 200px;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  text-align: start; }

.dropdown__menu .dropdown {
  width: 100%; }

.dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
  display: block;
  font-weight: normal;
  line-height: 140%;
  white-space: nowrap;
  width: 100%;
  min-width: 200px;
  position: relative;
  color: var(--color-dropdown-menu-text);
  background-color: transparent;
  padding: .6rem 1.6rem;
  margin-block-end: .2rem;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: start;
  transition: background-color ease 0.1s; }

.dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
  margin-inline-end: 1rem;
  margin-block-start: -0.3rem;
  min-width: 1.9rem;
  vertical-align: middle;
  color: var(--color-text-light); }

.dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
  margin-inline-end: 1rem;
  margin-block-start: -0.3rem;
  min-width: 1.9rem;
  vertical-align: middle;
  color: var(--color-icon-default); }

.dropdown__menu li a:not(.btn).disabled, .dropdown__menu li a:not(.btn)[disabled], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled], .dropdown__menu .dropdown__menu-item a:not(.btn).disabled, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled] {
  opacity: .5; }

.dropdown__menu li a:not(.btn):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover {
  background-color: var(--sd-colour-interactive--alpha-20);
  text-decoration: none;
  cursor: pointer; }

.dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
  background-color: transparent;
  box-shadow: var(--sd-shadow__menu-item--focus-inner);
  text-decoration: none;
  outline: none; }

.dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
  background-color: var(--sd-colour-interactive--alpha-30); }

.dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
  background-color: none;
  cursor: default; }

.dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
  background-color: var(--sd-colour-interactive--lighten-30) !important; }

.dropdown__menu.dropdown__menu--plain li, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item {
  padding: .5rem .7rem; }

.dropdown__menu.dropdown__menu--plain li:hover, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item:hover {
  background: #eff7fa;
  cursor: pointer; }

.dropdown__menu .dropdown-filter, .dropdown__menu .dropdown__filter {
  height: 3.2rem;
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  padding-inline-end: 5px;
  padding-inline-start: 5px;
  transition: all 0.2s ease;
  color: var(--color-text);
  background-color: var(--sd-colour-bg__searchbar); }

.dropdown__menu .dropdown-filter:hover, .dropdown__menu .dropdown__filter:hover {
  border: 1px solid var(--sd-colour-line--strong); }

.dropdown__menu .dropdown-filter:focus, .dropdown__menu .dropdown__filter:focus {
  border: 1px solid var(--sd-colour-interactive--alpha-70);
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }

.dropdown__menu .dropdown-filter[disabled], .dropdown__menu .dropdown__filter[disabled] {
  border-color: var(--sd-colour-line--x-light);
  background-color: var(--sd-colour-bg__searchbar); }

.dropdown__menu--has-head-foot {
  padding: 0; }

.dropdown__menu--has-head-foot .dropdown__menu-label {
  margin: 0.4rem 0; }

.dropdown__menu--has-head-foot .dropdown__menu-header {
  flex: 0 0;
  padding: 0.6rem 0;
  margin: 0; }

.dropdown__menu--has-head-foot .dropdown__menu-header .dropdown__menu-label {
  margin: 0.6rem 0 0.4rem; }

.dropdown__menu--has-head-foot .dropdown__menu-body {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 0 1;
  padding: 0.6rem 0;
  max-height: 320px; }

.dropdown__menu--has-head-foot .dropdown__menu-body:first-child .dropdown__menu-label {
  margin: 0.6rem 0 0.4rem; }

.dropdown__menu--has-head-foot .dropdown__menu-footer {
  flex: 0 0;
  padding: 0.6rem 0;
  margin: 0; }

.dropdown__menu--has-head-foot.open {
  display: flex; }

.dropdown__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: var(--color-border-line--light); }

.dropdown__menu .dropdown__menu-item--active button, .dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: var(--sd-colour-interactive--lighten-10) !important;
  color: white !important; }

.dropdown__menu .dropdown__menu-item--active button [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" icon-"],
.dropdown__menu .dropdown__menu-item--active button [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" icon-"],
.dropdown__menu .dropdown__menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" filetype-icon-"] {
  color: white !important; }

.dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: var(--sd-colour-interactive) !important; }

.dropdown__menu .dropdown__menu-item--highlighted {
  background-color: #c247ff; }

.dropdown__menu .dropdown__menu-item--no-link {
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
  color: #747474;
  padding: .6rem 1.6rem;
  margin-block-end: .2rem;
  font-size: 1.3rem;
  text-align: start; }

.dropdown__menu label {
  display: inline-block;
  margin: 0; }

.dropdown__menu label + .dropdown__menu-info {
  margin-inline-start: 4px; }

.dropdown__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: var(--color-text-lighter);
  font-weight: 500;
  padding-inline-start: 1.6rem;
  margin-block-end: .6rem; }

.dropdown__menu-label .dropdown__menu-close {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  opacity: .3;
  background-color: transparent;
  cursor: pointer; }

.dropdown__menu-label .dropdown__menu-close i {
  margin-inline-end: 0 !important; }

.dropdown__menu-label .dropdown__menu-close:hover, .dropdown__menu-label .dropdown__menu-close:focus {
  background-color: transparent;
  opacity: 1; }

.dropdown__menu-header {
  border-block-end: 1px solid var(--color-border-line--light);
  margin-block-end: 0.6rem; }

.dropdown__menu-footer {
  padding: 1rem;
  margin-block-start: 0.6rem;
  border-block-start: 1px solid var(--color-border-line--light); }

.dropdown__menu-footer--align-right {
  text-align: end; }

.dropdown__menu-footer--has-list {
  padding: 0;
  padding-block-start: 0.6rem;
  margin-block-end: -0.4rem; }

.dropdown__menu-info {
  color: #8c97a6;
  font-style: italic;
  vertical-align: middle; }

.dropdown__menu-item {
  padding: 0; }

.dropdown__menu-item--left-10 {
  padding-inline-start: 1rem; }

.dropdown__menu--padded-l10 > li {
  padding-inline-start: 1rem; }

.dropdown__menu--padded-l10 .dropdown__menu-item {
  padding: 0; }

.dropdown__menu--right {
  inset-inline-end: 0;
  inset-inline-start: auto; }

.dropdown__menu .menu-item--active button, .dropdown__menu .menu-item--active button:hover {
  background-color: var(--sd-colour-interactive--lighten-10);
  color: white; }

.dropdown__menu .menu-item--active button [class^="icon-"], .dropdown__menu .menu-item--active button [class*=" icon-"],
.dropdown__menu .menu-item--active button [class^="filetype-icon-"], .dropdown__menu .menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class^="icon-"], .dropdown__menu .menu-item--active button:hover [class*=" icon-"],
.dropdown__menu .menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class*=" filetype-icon-"] {
  color: white; }

.dropdown__menu .menu-item--active button:hover {
  background-color: var(--sd-colour-interactive); }

.dropdown.open > .dropdown__menu {
  display: block; }

.dropdown.open > .dropdown__menu.dropdown__menu--scrollable {
  max-height: 36rem;
  overflow: auto;
  overflow-x: hidden; }

.dropdown.open > .dropdown__menu.dropdown__menu--has-head-foot {
  display: flex;
  flex-direction: column;
  max-height: 36rem; }

.dropdown--align-right .dropdown__menu, .dropdown--align-right.dropdown__menu {
  inset-inline-start: auto;
  inset-inline-end: 0; }

.dropdown--align-right .dropdown__menu:before, .dropdown--align-right.dropdown__menu:before {
  inset-inline-start: auto;
  inset-inline-end: 10px; }

.dropdown--dropup .dropdown__caret {
  -webkit-transition: all 0.2s eas-in;
  -moz-transition: all 0.2s eas-in;
  -ms-transition: all 0.2s eas-in;
  -o-transition: all 0.2s eas-in;
  transition: all 0.2s eas-in;
  border-block-start: 0;
  border-block-end: 4px solid black;
  content: "\2191"; }

.dropdown--dropup .dropdown__menu {
  inset-block-start: auto;
  inset-block-end: 100%;
  margin-block-end: 4px; }

.dropdown--dropup.open .dropdown__caret {
  border-bottom-color: var(--sd-colour-interactive) !important; }

.dropdown--dropleft {
  display: inline-block;
  vertical-align: middle; }

.dropdown--dropleft .dropdown__menu {
  inset-block-start: -2.3rem;
  inset-inline-start: auto;
  inset-inline-end: calc(100% + 0.3rem); }

.dropdown--dropright {
  display: inline-block;
  vertical-align: middle; }

.dropdown--dropright .dropdown__menu {
  inset-block-start: -2.3rem;
  inset-inline-start: 100%; }

.dropdown--dropright.open .dropdown__caret {
  transform: rotate(-90deg); }

.dropdown--dropleft.open .dropdown__caret {
  transform: rotate(90deg); }

.dropdown--dropright.dropdown--dropup .dropdown__menu, .dropdown--dropleft.dropdown--dropup .dropdown__menu {
  inset-block-end: -2.3rem;
  inset-block-start: auto; }

.dropdown--noarrow {
  display: inline-block; }

.dropdown--noarrow .dropdown__menu {
  margin: 0;
  max-height: 250px;
  overflow: auto; }

.dropdown--noarrow .dropdown__menu:before {
  display: none; }

.dropdown--noarrow .dropdown .dropdown__toggle {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap; }

.dropdown--noarrow.open li > .dropdown .dropdown__toggle {
  display: block;
  padding: 5px 7px;
  margin: 0;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap; }

.dropdown--noarrow.dropdown--no-scroll .dropdown__menu {
  max-height: none;
  overflow: visible; }

.dropdown--bigger .dropdown__menu {
  min-width: 238px; }

.dropdown--bigger-500 .dropdown__menu {
  min-width: 300px; }

.dropdown--more-activity .dropdown__menu {
  min-width: 0;
  padding: 5px;
  border-radius: var(--b-radius--small);
  border: 0;
  z-index: 1;
  margin-block-start: -1px; }

.dropdown--more-activity .dropdown__menu:before {
  display: none; }

.dropdown--more-activity .dropdown__menu li {
  display: inline-block;
  vertical-align: middle; }

.dropdown--more-activity .dropdown__menu li a {
  padding: 0; }

.dropdown--more-activity .dropdown__menu li a i {
  margin-inline-end: 0; }

.dropdown--more-activity .dropdown__menu li a span {
  display: none; }

.dropdown__button-label {
  display: inline-block;
  color: inherit;
  font-weight: 300;
  opacity: 0.65;
  padding-inline-end: 0.5rem;
  letter-spacing: 0.02rem; }

.dropdown.dropdown--boxed .dropdown__toggle {
  text-align: start;
  background: transparent;
  height: 3.2rem;
  padding: 0.7rem 1.5rem;
  border-radius: var(--b-radius--small);
  color: var(--color-text);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }

.dropdown.dropdown--boxed .dropdown__toggle .dropdown__caret {
  border-top-color: var(--color-text);
  margin-inline-start: 1rem; }

.dropdown.dropdown--boxed .dropdown__toggle--small {
  padding: 0.5rem 1.5rem; }

.dropdown.dropdown--boxed .dropdown__toggle--hollow {
  border: 1px solid var(--sd-colour-line--medium);
  background: none; }

.dropdown.dropdown--boxed .dropdown__toggle--hollow:hover {
  border: 1px solid var(--sd-colour-line--strong); }

.dropdown.dropdown--boxed .dropdown__toggle--line {
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border); }

.dropdown.dropdown--boxed .dropdown__toggle--line:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.dropdown.dropdown--boxed .dropdown__toggle--line:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown.dropdown--boxed.open .dropdown__toggle--hollow {
  border: 1px solid var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown.dropdown--boxed.open .dropdown__toggle--line {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown.dropdown--full-width {
  width: 100%; }

.dropdown.dropdown--full-width .dropdown__toggle .dropdown__caret {
  float: inline-end;
  margin-block-start: 6px; }

.dropdown__menu--multiedit {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }

.dropdown__menu--multiedit li {
  margin-block-end: 4px; }

.dropdown__menu--multiedit li button {
  width: 300px !important;
  padding-inline-end: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 0; }

.dropdown__menu--multiedit li button i {
  position: absolute;
  inset-inline-end: -5px;
  inset-block-start: 9px; }

.dropdown__menu--multiedit li button.disabled, .dropdown__menu--multiedit li button.disabled:hover {
  background: #f0f0f0; }

.dropdown__menu--multiedit li button.disabled i, .dropdown__menu--multiedit li button.disabled:hover i {
  opacity: .2; }

.dropdown__menu--multiedit li .msg {
  padding: 0 20px; }

.dark-ui .dropdown__caret {
  border-top-color: white; }

.dark-ui .dropdown.open .dropdown__caret {
  border-top-color: var(--sd-colour-interactive); }

.dropdown.open li .dropdown {
  display: block;
  float: none; }

.dropdown.open li .dropdown .dropdown__toggle {
  padding-inline-end: 2.4rem; }

.dropdown.open li .dropdown .dropdown__toggle::after {
  position: absolute;
  inset-inline-end: 0.8rem;
  inset-block-start: 22%;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-family: 'sd_icons';
  content: "\E643";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  opacity: .4; }

.dropdown.open li .dropdown:not(.open) .dropdown__menu {
  display: none; }

.dropdown.open li .dropdown > .dropdown__menu {
  inset-inline-start: 100%;
  inset-inline-end: auto;
  inset-block-start: 0;
  min-width: 160px;
  z-index: 10; }

.dropdown.open li .dropdown > .dropdown__menu.dropdown__menu--submenu-left {
  inset-inline-start: auto;
  inset-inline-end: 100%; }

.dropdown.open li .dropdown > .dropdown__menu.upward {
  inset-block-start: auto;
  inset-block-end: -16px; }

.dropdown.open li .dropdown > .dropdown__menu.dropdown--align-right {
  inset-inline-start: auto;
  inset-inline-end: 100%; }

.dropdown.open li .dropdown.dropdown--dropup > .dropdown__menu {
  inset-block-start: auto;
  inset-block-end: 0; }

.dropdown.open li .dropdown:hover > .dropdown__menu {
  display: block; }

.dropdown.dropdown--dropup.open li .dropdown > .dropdown__menu {
  inset-block-start: auto;
  inset-block-end: -16px; }

[dir="rtl"] .dropdown.open li .dropdown .dropdown__toggle::after {
  content: "\E642"; }

.dropdown.dropdown--input-addon {
  position: absolute;
  inset-inline-end: 12px;
  margin-block-start: -1px; }

.dropdown.dropdown--input-addon > .dropdown__toggle {
  height: 22px;
  line-height: 0;
  padding: 2px 6px;
  box-shadow: none;
  margin-block-end: 2px;
  background-color: transparent;
  box-shadow: none; }

.dropdown.dropdown--input-addon > .dropdown__toggle .dropdown__caret {
  padding: 0px;
  margin-inline-start: 0; }

.dropdown.dropdown--input-addon.open > .dropdown__toggle {
  background-color: transparent; }

.dropdown.dropdown--big > .dropdown__toggle,
.navbtn.dropdown > .dropdown__toggle {
  padding: 0 15px;
  display: block;
  color: var(--color-text);
  height: 4.8rem;
  text-align: center;
  line-height: 4.8rem;
  font-size: 15px;
  position: relative;
  z-index: 2;
  background: transparent; }

.dropdown.dropdown--big > .dropdown__toggle:hover,
.navbtn.dropdown > .dropdown__toggle:hover {
  background: rgba(255, 255, 255, 0); }

.dropdown.dropdown--big > .dropdown__toggle.condensed,
.navbtn.dropdown > .dropdown__toggle.condensed {
  padding: 0 14px; }

.dropdown.dropdown--big.open > .dropdown__toggle,
.navbtn.dropdown.open > .dropdown__toggle {
  background-color: var(--color-dropdown-menu-Bg);
  color: var(--sd-colour-interactive);
  z-index: 3; }

.dropdown.dropdown--big.open > .dropdown__toggle.sd-create-btn .circle,
.navbtn.dropdown.open > .dropdown__toggle.sd-create-btn .circle {
  width: 32px;
  height: 32px;
  margin-block-start: 8px;
  margin-inline-start: 0; }

.dropdown.dropdown--big .caret,
.navbtn.dropdown .caret {
  margin-inline-start: 15px; }

.dropdown.dropdown--big .dropdown__menu,
.navbtn.dropdown .dropdown__menu {
  border-radius: 0px;
  border: 0;
  z-index: 2;
  margin-block-start: -1px;
  min-width: 200px;
  box-shadow: var(--sd-shadow__dropdown);
  padding: 10px 0; }

.dropdown.dropdown--big .dropdown__menu:before,
.navbtn.dropdown .dropdown__menu:before {
  display: none; }

.dropdown.dropdown--big .dropdown__menu li > a, .dropdown.dropdown--big .dropdown__menu li > button, .dropdown.dropdown--big .dropdown__menu li > span,
.navbtn.dropdown .dropdown__menu li > a,
.navbtn.dropdown .dropdown__menu li > button,
.navbtn.dropdown .dropdown__menu li > span {
  margin: 0;
  min-width: 225px;
  padding: 6px 16px;
  line-height: 19px; }

.dropdown.dropdown--big .dropdown__menu li > span,
.navbtn.dropdown .dropdown__menu li > span {
  display: block; }

.dropdown.dropdown--big .dropdown__menu li > span:hover,
.navbtn.dropdown .dropdown__menu li > span:hover {
  background: none; }

.dropdown.dropdown--big .dropdown__menu li > .dropdown__menu-label,
.navbtn.dropdown .dropdown__menu li > .dropdown__menu-label {
  min-width: 205px; }

.dropdown.dropdown--big .dropdown__menu li button.full,
.navbtn.dropdown .dropdown__menu li button.full {
  width: 100%;
  margin: 0;
  height: 41px;
  padding: 10px 10px;
  border-block-start: 1px solid #e0e0e0;
  border-radius: 0px; }

.dropdown.dropdown--big .dropdown__menu li button.full i,
.navbtn.dropdown .dropdown__menu li button.full i {
  margin-inline-end: 10px; }

.dropdown.dropdown--big .dropdown__menu li button.full:hover,
.navbtn.dropdown .dropdown__menu li button.full:hover {
  background: var(--sd-colour-interactive);
  color: #fff; }

.dropdown.dropdown--big .dropdown__menu li:active > button,
.navbtn.dropdown .dropdown__menu li:active > button {
  background: var(--sd-colour-interactive);
  color: #fff; }

.dropdown.dropdown--big .dropdown__menu .fieldset button,
.navbtn.dropdown .dropdown__menu .fieldset button {
  display: inline-block;
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-inline-end: 10px;
  float: inline-end; }

.navbtn.dropdown {
  padding: 0; }

.dropdown2 {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }

.form__row {
  width: 100%;
  padding-block-end: 2rem; }

.form__row--flex {
  display: flex;
  align-items: baseline; }

.form__row--no-padding {
  padding-block-end: 0; }

.form__row--small-padding,
.form__row--s-padding {
  padding-block-end: 0.8rem; }

.form__row--l-padding {
  padding-block-end: 3rem; }

.form__row--xl-padding {
  padding-block-end: 4rem; }

.form__row--inner {
  padding-block-end: 0;
  padding-block-start: 1rem; }

.form__row--bordered {
  padding: 1rem 0;
  border-block-end: 1px solid rgba(123, 123, 123, 0.3); }

.form__row--bordered:first-child, .form__row--bordered:only-child {
  border-block-start: 1px solid rgba(123, 123, 123, 0.3); }

.form__row--flex-NEW {
  display: flex;
  align-items: baseline; }

.form__row--flex .sd-line-input {
  flex-grow: 1; }

.form__row--flex .sd-line-input + .btn {
  flex-grow: 0;
  vertical-align: bottom;
  margin: 0 0 0 1.2rem; }

.form__row--flex .sd-line-input + .sd-line-input {
  margin-inline-start: 1.2rem; }

.form__row--flex .form__row-item {
  flex-basis: 0;
  flex-grow: 1;
  margin: 0 0.6rem; }

.form__row--flex .form__row-item:first-child {
  margin-inline-start: 0; }

.form__row--flex .form__row-item:last-child {
  margin-inline-end: 0; }

.form__row--flex .form__row-item:only-child {
  margin: 0; }

.form__row--flex .form__row-item--no-grow {
  flex-basis: auto;
  flex-grow: 0; }

.form__row label,
.form__row-item label {
  vertical-align: middle;
  line-height: 1;
  margin-inline-end: 0.6rem;
  -webkit-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  -ms-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in; }

.form__row label.form__row-label.form-label,
.form__row-item label.form__row-label.form-label {
  display: block;
  width: 100%;
  margin-block-end: 1rem;
  margin-inline-end: 0; }

.label--active {
  color: var(--sd-colour-interactive--darken-10); }

.form__block {
  display: block;
  margin-block-end: 1rem;
  padding: 2rem;
  border-radius: var(--b-radius--x-small);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.form__heading {
  font-size: 1.6rem;
  padding-block-end: 1.2rem;
  line-height: 120%; }

.form__group {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  gap: 1.6rem; }

.form__group .form__item {
  margin-block-end: 1.6rem; }

.form__group--condensed {
  gap: 0.8rem; }

.form__group--relaxed {
  gap: 2.4rem; }

.form__group--mb-0 .form__item {
  margin-block-end: 0; }

.form__group--mb-1 .form__item {
  margin-block-end: 0.8rem; }

.form__group--mb-2 .form__item {
  margin-block-end: 1.6rem; }

.form__group--mb-3 .form__item {
  margin-block-end: 2.4rem; }

.form__group--mb-4 .form__item {
  margin-block-end: 3.2rem; }

.form__group--rows,
.form__group--vertical {
  flex-direction: column;
  align-items: stretch; }

.form__group--rows .form__item,
.form__group--vertical .form__item {
  margin-block-end: 0 !important; }

.form__group--rows.form__group--mb-0,
.form__group--vertical.form__group--mb-0 {
  margin-block-end: 0; }

.form__group--rows.form__group--mb-1,
.form__group--vertical.form__group--mb-1 {
  margin-block-end: 0.8rem; }

.form__group--rows.form__group--mb-2,
.form__group--vertical.form__group--mb-2 {
  margin-block-end: 1.6rem; }

.form__group--rows.form__group--mb-3,
.form__group--vertical.form__group--mb-3 {
  margin-block-end: 2.4rem; }

.form__group--rows.form__group--mb-4,
.form__group--vertical.form__group--mb-4 {
  margin-block-end: 3.2rem; }

.form__header {
  margin-block-end: 1rem;
  font-size: 1.6rem; }

.form__label {
  margin-block-end: 0.8rem; }

.form__item {
  flex: 1 1 0;
  min-width: 12rem;
  margin: 0; }

.form__item--auto-width {
  flex-grow: 0;
  min-width: 0;
  flex-basis: auto; }

.form__text-block {
  min-height: 3.2rem;
  margin-block-start: 1.6rem;
  color: inherit;
  font-size: 1.3rem;
  display: inline-flex;
  align-items: center; }

.form__item.form__item--auto-width .btn,
.form__item.form__item--auto-width .icn-btn,
.form__item.form__item--auto-width .sd-thumb-carousel__btn--prev,
.form__item.form__item--auto-width .sd-thumb-carousel__btn--next,
.form__item.form__item--auto-width .p-carousel-prev,
.form__item.form__item--auto-width .p-carousel-next {
  margin-block-start: 1.6rem; }

.form__group.form__group--inline-label .sd-input {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto; }

.form__group.form__group--inline-label .sd-input .sd-input__label {
  grid-row: 2/3;
  grid-column: 1/2;
  padding-inline-end: 1rem;
  padding-inline-start: 0;
  padding-block-start: 0.4rem;
  padding-block-end: 0;
  position: relative;
  max-width: 260px;
  min-width: 100px;
  text-align: end;
  position: relative;
  align-self: center;
  line-height: 1.2; }

.form__group.form__group--inline-label .sd-input .sd-input__label.a11y-only {
  font-size: 0.01px !important;
  height: 0;
  width: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important; }

.form__group.form__group--inline-label .form__text-block {
  margin-block-start: 0; }

.form__group.form__group--inline-label .form__item.form__item--auto-width .btn,
.form__group.form__group--inline-label .form__item.form__item--auto-width .icn-btn,
.form__group.form__group--inline-label .form__item.form__item--auto-width .sd-thumb-carousel__btn--prev,
.form__group.form__group--inline-label .form__item.form__item--auto-width .sd-thumb-carousel__btn--next,
.form__group.form__group--inline-label .form__item.form__item--auto-width .p-carousel-prev,
.form__group.form__group--inline-label .form__item.form__item--auto-width .p-carousel-next {
  margin-block-start: 0; }

.sd-form-element {
  background-color: var(--color-form-bg);
  color: var(--color-text); }

.form__group-new {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  gap: 1.6rem; }

.form__group-new .sd-input {
  flex: 1 1 0;
  min-width: 12rem;
  margin: 0;
  align-self: flex-start; }

.form__group-new .btn,
.form__group-new .icn-btn,
.form__group-new .sd-thumb-carousel__btn--prev,
.form__group-new .sd-thumb-carousel__btn--next,
.form__group-new .p-carousel-prev,
.form__group-new .p-carousel-next {
  flex: 0 0 auto;
  margin-block-start: 1.6rem; }

.form__group-new .sd-text {
  min-height: 3.2rem;
  margin-block-start: 1.6rem;
  line-height: 3.2rem; }

.form__group-new--condensed {
  gap: 0.8rem; }

.form__group-new--relaxed {
  gap: 2.4rem; }

.form__group-new--mb-0 {
  margin-block-end: 0; }

.form__group-new--mb-1 {
  margin-block-end: 0.8rem; }

.form__group-new--mb-2 {
  margin-block-end: 1.6rem; }

.form__group-new--mb-3 {
  margin-block-end: 2.4rem; }

.form__group-new--mb-4 {
  margin-block-end: 3.2rem; }

.form__group-new--inline-labels .btn,
.form__group-new--inline-labels .icn-btn,
.form__group-new--inline-labels .sd-thumb-carousel__btn--prev,
.form__group-new--inline-labels .sd-thumb-carousel__btn--next,
.form__group-new--inline-labels .p-carousel-prev,
.form__group-new--inline-labels .p-carousel-next,
.form__group-new--inline-labels .sd-text {
  margin-block-start: 0; }

.form__group-new--inline-labels .btn,
.form__group-new--inline-labels .icn-btn,
.form__group-new--inline-labels .sd-thumb-carousel__btn--prev,
.form__group-new--inline-labels .sd-thumb-carousel__btn--next,
.form__group-new--inline-labels .p-carousel-prev,
.form__group-new--inline-labels .p-carousel-next,
.form__group-new--inline-labels .sd-text {
  margin-block-start: 0; }

.form__group-new__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%; }

.form__group-new__wrapper .form__group-new__label {
  flex: 0 0 auto;
  min-height: 2rem;
  display: inline-block;
  font-size: 1.6rem;
  margin: 0;
  margin-block-end: 1.2rem;
  line-height: 1;
  color: var(--color-label-text);
  font-weight: 500;
  letter-spacing: 0.02em; }

.form-label {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 1;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em;
  min-width: 75px;
  min-height: 1.6rem; }

.form-label--light {
  color: var(--color-text-lighter);
  font-weight: 400; }

.form-label--marg-b10 {
  margin-block-end: 10px; }

.form-label--block {
  display: block; }

.form-label--required {
  position: relative; }

.form-label--required::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem;
  margin-block-start: -2px; }

.form-label--invalid {
  color: #e41b21; }

.form-label--focused {
  color: var(--sd-colour-interactive); }

.form-label--focused.form-label--invalid {
  color: #e41b21; }

.form-label--boxed {
  background-color: rgba(67, 75, 86, 0.4);
  border-radius: var(--b-radius--small);
  color: #f3f5f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  font-size: 1.1rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 2rem;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.08em;
  height: 2rem;
  transition: opacity ease 0.2s;
  justify-self: start;
  position: relative;
  margin-block-end: 0.8rem;
  transition: background-color ease 0.2s; }

.form-label--boxed.form-label--required::after {
  margin-inline-start: 0.2rem;
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem;
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -10px; }

.form-label--boxed.form-label--invalid, .form-label--boxed.form-label--invalid.form-label--focused {
  background-color: #e41b21;
  color: #f3f5f6; }

.form-label--boxed.form-label--focused {
  background-color: var(--sd-colour-interactive);
  color: #f3f5f6; }

.form-label--boxed--light {
  background-color: rgba(67, 75, 86, 0.4);
  color: #f3f5f6; }

.form-label--boxed--dark {
  background-color: rgba(67, 75, 86, 0.4);
  color: #f3f5f6; }

.form-label__container {
  display: flex;
  flex-direction: row;
  align-items: center; }

.form-label__container .form-label {
  flex-grow: 1; }

.form-label__info-block {
  color: inherit;
  font-size: 1.2rem;
  text-align: end;
  font-weight: 300; }

.sd-line-input {
  margin: 0 0 1.8em 0;
  padding-block-start: 1.8rem;
  position: relative; }

.sd-line-input input.sd-line-input__input,
.sd-line-input textarea.sd-line-input__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  display: block;
  position: relative; }

.sd-line-input input.sd-line-input__input::placeholder,
.sd-line-input textarea.sd-line-input__input::placeholder {
  color: var(--color-text-lighter);
  font-weight: 400;
  opacity: 0.75; }

.sd-line-input input.sd-line-input__input:hover,
.sd-line-input textarea.sd-line-input__input:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.sd-line-input input.sd-line-input__input:focus,
.sd-line-input textarea.sd-line-input__input:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-line-input input.sd-line-input__input:focus::placeholder,
.sd-line-input textarea.sd-line-input__input:focus::placeholder {
  opacity: 0.45; }

.sd-line-input input.sd-line-input__input--center,
.sd-line-input textarea.sd-line-input__input--center {
  text-align: center; }

.sd-line-input input.sd-line-input__color,
.sd-line-input textarea.sd-line-input__color {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  display: block;
  position: relative;
  width: 26px;
  height: 26px;
  border: none;
  outline: none; }

.sd-line-input input.sd-line-input__color::placeholder,
.sd-line-input textarea.sd-line-input__color::placeholder {
  color: var(--color-text-lighter);
  font-weight: 400;
  opacity: 0.75; }

.sd-line-input input.sd-line-input__color:hover,
.sd-line-input textarea.sd-line-input__color:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.sd-line-input input.sd-line-input__color:focus,
.sd-line-input textarea.sd-line-input__color:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-line-input input.sd-line-input__color:focus::placeholder,
.sd-line-input textarea.sd-line-input__color:focus::placeholder {
  opacity: 0.45; }

.sd-line-input input.sd-line-input__color ::-webkit-color-swatch,
.sd-line-input textarea.sd-line-input__color ::-webkit-color-swatch {
  border: none;
  outline: none;
  -webkit-appearance: none; }

.sd-line-input input.sd-line-input__color ::-webkit-color-swatch-wrapper,
.sd-line-input textarea.sd-line-input__color ::-webkit-color-swatch-wrapper {
  padding: 0; }

.sd-line-input input[type="file"].sd-line-input__input {
  height: 3rem;
  padding-block-start: 0.6rem;
  font-size: 1.3rem; }

.sd-line-input input[type="file"].sd-line-input__input:focus {
  outline: none; }

.sd-line-input select {
  cursor: pointer; }

.sd-line-input select.sd-line-input__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  display: block;
  position: relative;
  display: block;
  position: relative;
  z-index: 2; }

.sd-line-input select.sd-line-input__select::placeholder {
  color: var(--color-text-lighter);
  font-weight: 400;
  opacity: 0.75; }

.sd-line-input select.sd-line-input__select:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.sd-line-input select.sd-line-input__select:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-line-input select.sd-line-input__select:focus::placeholder {
  opacity: 0.45; }

.sd-line-input select.sd-line-input__select option {
  color: var(--color-text);
  font-size: 1.4rem;
  line-height: 2rem;
  background-color: var(--color-dropdown-menu-Bg); }

.sd-line-input textarea.sd-line-input__input {
  padding-block-start: 0.6rem;
  display: block; }

.sd-line-input .sd-line-input__info-left,
.sd-line-input .sd-line-input__info-right {
  position: absolute;
  inset-block-start: 2.5rem;
  opacity: 0.3;
  font-size: 1.5rem;
  font-weight: 300; }

.sd-line-input .sd-line-input__info-right {
  inset-inline-end: 0.8rem; }

.sd-line-input .sd-line-input__info-left {
  inset-inline-start: 0.8rem; }

.sd-line-input .sd-line-input__icon-left,
.sd-line-input .sd-line-input__icon-right {
  position: absolute;
  inset-block-start: 1.6rem;
  cursor: pointer; }

.sd-line-input .sd-line-input__icon-right {
  inset-inline-end: 0.2rem; }

.sd-line-input .sd-line-input__icon-right.icn-btn, .sd-line-input .sd-line-input__icon-right.sd-thumb-carousel__btn--prev, .sd-line-input .sd-line-input__icon-right.sd-thumb-carousel__btn--next,
.sd-line-input .sd-line-input__icon-right.p-carousel-prev, .sd-line-input .sd-line-input__icon-right.p-carousel-next {
  inset-inline-end: 0.2rem;
  inset-block-start: 1.8rem;
  z-index: 1; }

.sd-line-input .sd-line-input__icon-left {
  inset-inline-start: 0.2rem; }

.sd-line-input.sd-line-input--indent-l30 input.sd-line-input__input,
.sd-line-input.sd-line-input--indent-l30 textarea.sd-line-input__input {
  padding-inline-start: 3rem; }

.sd-line-input.sd-line-input--indent-r30 input.sd-line-input__input,
.sd-line-input.sd-line-input--indent-r30 textarea.sd-line-input__input {
  padding-inline-end: 3rem; }

.sd-line-input .sd-line-input__label {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 1;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em;
  position: absolute;
  line-height: 100%;
  margin: 0;
  inset-block-start: 0; }

.sd-line-input .sd-line-input__label--required::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem; }

.sd-line-input .sd-line-input__hint,
.sd-line-input .sd-line-input__message,
.sd-line-input .sd-line-input__char-count {
  font-size: 1.2rem;
  line-height: 1.4rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: var(--color-text-light);
  font-weight: 300;
  letter-spacing: 0.03em; }

.sd-line-input .sd-line-input__hint {
  position: absolute;
  inset-inline-start: 1px;
  inset-inline-end: auto;
  padding-inline-end: 5.5rem;
  margin-block-start: 0.4rem; }

.sd-line-input .sd-line-input__char-count {
  position: absolute;
  inset-inline-end: 1px;
  inset-inline-start: auto;
  margin-block-start: 0.5rem;
  font-size: 1.1rem;
  font-weight: 400;
  font-style: italic; }

.sd-line-input .sd-line-input__message {
  padding-block-start: 0.4rem; }

.sd-line-input.sd-line-input--invalid .sd-line-input__label,
.sd-line-input.sd-line-input--invalid .sd-line-input__message {
  color: #e41b21; }

.sd-line-input.sd-line-input--invalid input.sd-line-input__input,
.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input {
  background-color: rgba(228, 27, 37, 0.075);
  border-color: #e41b21; }

.sd-line-input.sd-line-input--invalid input.sd-line-input__input:hover,
.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input:hover {
  background-color: rgba(228, 27, 37, 0.12);
  border-color: #e41b21; }

.sd-line-input.sd-line-input--invalid input.sd-line-input__input:focus,
.sd-line-input.sd-line-input--invalid textarea.sd-line-input__input:focus {
  background-color: rgba(228, 27, 37, 0.16);
  border-color: #e41b21;
  box-shadow: 0 1px 0 0 #e41b21; }

.sd-line-input.sd-line-input--invalid select.sd-line-input__select {
  background-color: rgba(228, 27, 37, 0.075);
  border-color: #e41b21; }

.sd-line-input.sd-line-input--invalid select.sd-line-input__select:hover {
  background-color: rgba(228, 27, 37, 0.12);
  border-color: #e41b21; }

.sd-line-input.sd-line-input--invalid select.sd-line-input__select:focus {
  background-color: rgba(228, 27, 37, 0.16);
  border-color: #e41b21;
  box-shadow: 0 1px 0 0 #e41b21; }

.sd-line-input.sd-line-input--disabled input.sd-line-input__input, .sd-line-input.sd-line-input--disabled input.sd-input__input:hover, .sd-line-input.sd-line-input--disabled input.sd-input__input:focus,
.sd-line-input.sd-line-input--disabled textarea.sd-line-input__input,
.sd-line-input.sd-line-input--disabled textarea.sd-input__input:hover,
.sd-line-input.sd-line-input--disabled textarea.sd-input__input:focus {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-block-end: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-line-input.sd-line-input--disabled select.sd-line-input__select, .sd-line-input.sd-line-input--disabled select.sd-line-input__select:hover, .sd-line-input.sd-line-input--disabled select.sd-line-input__select:focus {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-block-end: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-line-input.sd-line-input--is-select::after {
  position: absolute;
  inset-block-start: 3.2rem;
  inset-inline-end: 0.8rem;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-inline-start: 0.4rem solid transparent;
  border-inline-end: 0.4rem solid transparent;
  border-block-start: 0.4rem solid var(--color-text);
  opacity: 0.3;
  content: "";
  z-index: 0; }

.sd-line-input.sd-line-input--is-select:hover::after {
  opacity: 0.6; }

.sd-line-input.sd-line-input--is-select.sd-line-input--disabled:hover::after {
  opacity: 0.3; }

.sd-line-input.sd-line-input--is-select.sd-line-input--no-label::after {
  inset-block-start: 1.4rem; }

.sd-line-input.sd-line-input--is-select.sd-line-input--label-left::after {
  inset-block-start: 1.2rem; }

.sd-line-input.sd-line-input--is-color .sd-line-input__label {
  line-height: 140%; }

.sd-line-input.sd-line-input--required .sd-line-input__label::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem; }

.sd-line-input.sd-line-input--no-label {
  padding-block-start: 0; }

.sd-line-input.sd-line-input--no-margin {
  margin-block-end: 0; }

.sd-line-input .sd-line-input__plus-btn {
  position: absolute;
  inset-block-start: 1.8rem;
  inset-inline-start: 0;
  height: 2.2rem;
  width: 2.2rem;
  background-color: var(--sd-colour-interactive--alpha-70);
  transition: all 0.2s ease-out, color 0.1s ease-out;
  border-radius: var(--b-radius--x-small);
  cursor: pointer;
  text-align: center; }

.sd-line-input .sd-line-input__plus-btn::before {
  --icon-base-size: 16px;
  display: inline-block;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-block-start: 0.2rem;
  content: "\E629";
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sd-line-input .sd-line-input__plus-btn:hover {
  background-color: var(--sd-colour-interactive); }

.sd-line-input--flex-row {
  display: inline-flex;
  align-items: center;
  border-block-end: 1px solid var(--color-input-border);
  width: 100%; }

.sd-line-input__value {
  margin-inline-end: 6px;
  text-transform: uppercase; }

.sd-line-input--label-left-auto .sd-line-input__label {
  min-width: auto;
  max-width: none; }

.sd-line-input--with-button input.sd-line-input__input,
.sd-line-input--with-button textarea.sd-line-input__input {
  height: 3rem;
  text-indent: 2.8rem; }

.sd-line-input--with-icon-l input.sd-line-input__input,
.sd-line-input--with-icon-l textarea.sd-line-input__input {
  padding-inline-end: 3rem; }

.sd-line-input--label-left,
.sd-line-input--label-left-auto {
  padding-block-start: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1rem 1fr auto;
  grid-template-rows: auto auto;
  grid-gap: 0; }

.sd-line-input--label-left .sd-line-input__label,
.sd-line-input--label-left-auto .sd-line-input__label {
  margin-block-start: 0.1rem;
  grid-column: 1/2;
  grid-row: 1/2;
  position: static;
  min-width: 7.6rem;
  max-width: 12rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-line-input--label-left .sd-line-input__input,
.sd-line-input--label-left .sd-line-input__select,
.sd-line-input--label-left-auto .sd-line-input__input,
.sd-line-input--label-left-auto .sd-line-input__select {
  grid-row: 1/2;
  grid-column: 3/5; }

.sd-line-input--label-left .sd-line-input__hint,
.sd-line-input--label-left .sd-line-input__message,
.sd-line-input--label-left-auto .sd-line-input__hint,
.sd-line-input--label-left-auto .sd-line-input__message {
  position: static;
  grid-row: 2/3;
  grid-column: 3/4;
  padding-inline-end: 0; }

.sd-line-input--label-left .sd-line-input__char-count,
.sd-line-input--label-left-auto .sd-line-input__char-count {
  position: static;
  grid-row: 2/3;
  grid-column: 5/4;
  text-align: end;
  padding-inline-start: 1.6rem; }

.sd-input__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  display: block;
  position: relative; }

.sd-input__input::placeholder {
  color: var(--color-text-lighter);
  font-weight: 400;
  opacity: 0.75; }

.sd-input__input:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.sd-input__input:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-input__input:focus::placeholder {
  opacity: 0.45; }

.sd-input__input--invalid {
  border-block-end: 1px solid #e41b21;
  background-color: rgba(228, 27, 37, 0.075); }

.sd-input__input--invalid:hover {
  background-color: rgba(228, 27, 37, 0.12);
  border-bottom-color: #e41b21; }

.sd-input__input--invalid:focus {
  background-color: rgba(228, 27, 37, 0.16);
  border-bottom-color: #e41b21;
  box-shadow: 0 1px 0 0 #e41b21; }

.sd-input__input--disabled {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-block-end: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input__input--disabled:hover {
  background-color: var(--color-input-bg);
  border-bottom-color: var(--color-input-border); }

.sd-input__input--boxed-style {
  border: 0;
  border: 2px solid var(--color-input-border);
  background-color: transparent;
  transition: all ease 0.3s;
  border-radius: var(--b-radius--large);
  display: block; }

.sd-input__input--boxed-style:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-input__input--boxed-style:focus {
  outline: none;
  border-color: var(--sd-colour-interactive--alpha-50);
  box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20);
  background-color: transparent; }

.sd-input__input--boxed-style.sd-input__input--disabled {
  border: 2px solid var(--color-input-border);
  box-shadow: none; }

.sd-input__input--boxed-style.sd-input__input--disabled:hover {
  border-color: var(--color-input-border); }

.sd-input__input--boxed-style.sd-input__input--invalid {
  background-color: rgba(228, 27, 37, 0.075);
  border-color: #e41b21; }

.sd-input__input--boxed-style.sd-input__input--invalid:hover, .sd-input__input--boxed-style.sd-input__input--invalid:focus {
  background-color: rgba(228, 27, 37, 0.12);
  box-shadow: none !important; }

.sd-input__input--medium {
  border-radius: var(--b-radius--medium); }

.sd-input__input--medium:focus {
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }

.sd-input__input--large {
  padding: 0 1.6rem;
  min-height: 4.8rem;
  font-size: 2.4rem;
  font-weight: 500; }

.sd-input__input--x-large {
  padding: 0 1.6rem;
  min-height: 5.6rem;
  font-size: 3.2rem;
  font-weight: 500; }

.sd-input__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  display: block;
  position: relative;
  display: block;
  position: relative;
  padding-inline-end: var(--space--3);
  min-width: 5rem;
  cursor: pointer; }

.sd-input__select::placeholder {
  color: var(--color-text-lighter);
  font-weight: 400;
  opacity: 0.75; }

.sd-input__select:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.sd-input__select:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-input__select:focus::placeholder {
  opacity: 0.45; }

.sd-input__select option {
  color: inherit;
  font-size: 1.4rem;
  line-height: 2rem;
  background-color: var(--color-dropdown-menu-Bg);
  color: var(--color-dropdown-menu-text); }

.sd-input__hint,
.sd-input__message,
.sd-input__char-count {
  font-size: 1.2rem;
  line-height: 1.4rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: var(--color-text-light);
  font-weight: 300;
  letter-spacing: 0.03em;
  display: block; }

.sd-input__char-count {
  font-size: 1.1rem;
  font-weight: 400;
  font-style: italic; }

.sd-input__char-count--error {
  color: #e41b21; }

.sd-input {
  padding-block-start: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1.6rem auto auto;
  grid-gap: 0;
  position: relative;
  align-self: stretch; }

.sd-input .sd-input__input {
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input .sd-input__input-container {
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input .sd-input__input-container:has(input[type="time"]) {
  min-width: 110px; }

.sd-input textarea.sd-input__input {
  height: auto;
  min-height: 3.2rem; }

.sd-input input[type="file"].sd-input__input {
  height: 3rem;
  padding-block-start: 0.6rem;
  font-size: 1.3rem; }

.sd-input input[type="file"].sd-input__input:focus {
  outline: none; }

.sd-input .sd-input__select {
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input.sd-input--is-select::after {
  position: relative;
  font-family: 'sd_icons';
  content: "\E64B";
  grid-row: 2/3;
  grid-column: 2/4;
  --icon-base-size: 14px !important;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  -webkit-font-smoothing: antialiased;
  align-self: center;
  justify-self: flex-end;
  display: inline-block;
  margin-inline-end: var(--space--1);
  pointer-events: none;
  opacity: 0.4;
  z-index: 0;
  transition: opacity 0.2s ease; }

.sd-input.sd-input--is-select:hover::after {
  opacity: 0.6; }

.sd-input .sd-input__select-caret-wrapper {
  position: relative;
  display: block; }

.sd-input .sd-input__select-caret-wrapper::after {
  --icon-base-size: 14px !important;
  font-family: 'sd_icons';
  content: "\E64B";
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 0;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  margin-inline-end: var(--space--1);
  pointer-events: none;
  opacity: 0.6;
  z-index: 0;
  transition: opacity 0.2s ease; }

.sd-input .sd-input__select-caret-wrapper:hover::after {
  opacity: 1; }

.sd-input .sd-input__message-box {
  grid-row: 3/4;
  grid-column: 2/3; }

.sd-input .sd-input__icon-right {
  grid-row: 2/3;
  grid-column: 3/4;
  z-index: 1; }

.sd-input .sd-input__hint,
.sd-input .sd-input__message,
.sd-input .sd-input__char-count {
  margin: 0.5rem 0; }

.sd-input .sd-input__char-count {
  grid-row: 3/4;
  grid-column: 3/4; }

.sd-input .sd-input__label {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1.1rem;
  margin: 0 0.5rem 0 0;
  line-height: 1;
  color: var(--color-label-text);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.08em;
  position: relative;
  min-height: 1.6rem;
  line-height: 100%;
  margin: 0;
  grid-row: 1/2;
  grid-column: 2/4; }

.sd-input .sd-input__label--required::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem; }

.sd-input .sd-input__label--boxed {
  background-color: rgba(67, 75, 86, 0.4);
  border-radius: var(--b-radius--small);
  color: #f3f5f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  font-size: 1.1rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 2rem;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.08em;
  height: 2rem;
  transition: opacity ease 0.2s;
  justify-self: start;
  position: relative;
  margin-block-end: 0.8rem;
  transition: background-color ease 0.2s; }

.sd-input--inline-label {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto; }

.sd-input--inline-label .sd-input__label {
  grid-row: 2/3;
  grid-column: 1/2;
  padding-inline-end: 1rem;
  padding-inline-start: 0;
  padding-block-start: 0.4rem;
  padding-block-end: 0;
  position: relative;
  max-width: 260px;
  min-width: 100px;
  text-align: end;
  position: relative;
  align-self: center;
  line-height: 1.2; }

.sd-input--inline-label .sd-input__label::after {
  position: absolute;
  z-index: 2;
  inset-block-start: -2px;
  inset-inline-end: 4px; }

.sd-input--invalid .sd-input__input,
.sd-input--invalid .sd-input__select,
.sd-input--invalid .sd-input__duration-input,
.sd-input--invalid .p-multiselect,
.sd-input--invalid .p-calendar {
  background-color: rgba(228, 27, 37, 0.075);
  border-color: #e41b21; }

.sd-input--invalid .sd-input__input:hover,
.sd-input--invalid .sd-input__select:hover,
.sd-input--invalid .sd-input__duration-input:hover,
.sd-input--invalid .p-multiselect:hover,
.sd-input--invalid .p-calendar:hover {
  background-color: rgba(228, 27, 37, 0.12);
  border-color: #e41b21; }

.sd-input--invalid .sd-input__input:focus,
.sd-input--invalid .sd-input__select:focus,
.sd-input--invalid .sd-input__duration-input:focus,
.sd-input--invalid .p-multiselect:focus,
.sd-input--invalid .p-calendar:focus {
  background-color: rgba(228, 27, 37, 0.16);
  border-color: #e41b21;
  box-shadow: 0 1px 0 0 #e41b21; }

.sd-input--invalid .sd-input__label,
.sd-input--invalid .sd-input__message,
.sd-input--invalid .sd-input__message-box {
  color: #e41b21; }

.sd-input--required .sd-input__label::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem; }

.sd-input--required .sd-input__label.sd-input__label--boxed::after {
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -10px; }

.sd-input--disabled input.sd-input__input, .sd-input--disabled input.sd-input__input:hover, .sd-input--disabled input.sd-input__input:focus,
.sd-input--disabled textarea.sd-input__input,
.sd-input--disabled textarea.sd-input__input:hover,
.sd-input--disabled textarea.sd-input__input:focus {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-block-end: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input--disabled select.sd-input__select, .sd-input--disabled select.sd-input__select:hover, .sd-input--disabled select.sd-input__select:focus {
  opacity: 0.5;
  background-color: var(--color-input-bg);
  border-block-end: 1px dotted var(--color-input-border);
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input--disabled select.sd-input__select:hover::after {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.sd-input--disabled div.sd-input__duration-input, .sd-input--disabled div.sd-input__duration-input:hover, .sd-input--disabled div.sd-input__duration-input:focus {
  opacity: 0.5;
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input--disabled div input.duration-input, .sd-input--disabled div input.duration-input:hover, .sd-input--disabled div input.duration-input:focus {
  opacity: 0.5;
  cursor: not-allowed !important;
  box-shadow: none; }

.sd-input--disabled .sd-input__label,
.sd-input--disabled .sd-input__message-box,
.sd-input--disabled .sd-input__char-count {
  opacity: 0.5 !important;
  pointer-events: none !important; }

.sd-input--disabled .sd-input__hint,
.sd-input--disabled .sd-input__message,
.sd-input--disabled .sd-input__char-count {
  pointer-events: none; }

.sd-input--no-label {
  grid-template-rows: auto auto auto; }

.sd-input--full-width {
  flex-grow: 1;
  width: 100%; }

.sd-input--medium.sd-input--boxed-style .sd-input__input,
.sd-input--medium.sd-input--boxed-style .sd-input__select {
  border-radius: var(--b-radius--medium); }

.sd-input--medium.sd-input--boxed-style .sd-input__input:focus,
.sd-input--medium.sd-input--boxed-style .sd-input__select:focus {
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }

.sd-input--large .sd-input__input,
.sd-input--large .sd-input__select {
  padding: 0 1.6rem;
  min-height: 4.8rem;
  font-size: 2.4rem;
  font-weight: 500; }

.sd-input--large .sd-input__select {
  line-height: 2.4rem; }

.sd-input--large .sd-input__select option {
  color: var(--color-text);
  font-size: 1.4rem !important;
  line-height: 2rem;
  background-color: var(--color-dropdown-menu-Bg); }

.sd-input--x-large .sd-input__input,
.sd-input--x-large .sd-input__select {
  padding: 0 1.6rem;
  min-height: 5.6rem;
  font-size: 3.2rem;
  font-weight: 500; }

.sd-input--x-large .sd-input__select {
  line-height: 3.2rem; }

.sd-input--x-large .sd-input__select option {
  color: var(--color-text);
  font-size: 1.4rem !important;
  line-height: 2rem;
  background-color: var(--color-dropdown-menu-Bg); }

.sd-input--boxed-style .sd-input__input,
.sd-input--boxed-style .sd-input__select {
  border: 0;
  border: 2px solid var(--color-input-border);
  background-color: transparent;
  transition: all ease 0.3s;
  border-radius: var(--b-radius--large);
  display: block; }

.sd-input--boxed-style .sd-input__input:hover,
.sd-input--boxed-style .sd-input__select:hover {
  border-color: var(--color-input-border-hover);
  background-color: transparent; }

.sd-input--boxed-style .sd-input__input:focus,
.sd-input--boxed-style .sd-input__select:focus {
  outline: none;
  border-color: var(--sd-colour-interactive--alpha-50);
  box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20);
  background-color: transparent; }

.sd-input--boxed-style.sd-input--disabled input.sd-input__input, .sd-input--boxed-style.sd-input--disabled input.sd-input__input:hover, .sd-input--boxed-style.sd-input--disabled input.sd-input__input:focus,
.sd-input--boxed-style.sd-input--disabled textarea.sd-input__input,
.sd-input--boxed-style.sd-input--disabled textarea.sd-input__input:hover,
.sd-input--boxed-style.sd-input--disabled textarea.sd-input__input:focus {
  opacity: 0.5;
  background-color: transparent;
  border: 2px solid var(--color-input-border) !important;
  box-shadow: none; }

.sd-input--boxed-style.sd-input--disabled select.sd-input__select, .sd-input--boxed-style.sd-input--disabled select.sd-input__select:hover, .sd-input--boxed-style.sd-input--disabled select.sd-input__select:focus {
  opacity: 0.5;
  background-color: transparent;
  border: 2px solid var(--color-input-border) !important;
  box-shadow: none; }

.sd-input--boxed-style.sd-input--disabled .tags-input__add-button {
  pointer-events: none; }

.sd-input--boxed-style.sd-input--disabled .sd-input__label .sd-input__label,
.sd-input--boxed-style.sd-input--disabled .sd-input__label .sd-input__message-box,
.sd-input--boxed-style.sd-input--disabled .sd-input__label .sd-input__char-count,
.sd-input--boxed-style.sd-input--disabled .sd-input__message-box .sd-input__label,
.sd-input--boxed-style.sd-input--disabled .sd-input__message-box .sd-input__message-box,
.sd-input--boxed-style.sd-input--disabled .sd-input__message-box .sd-input__char-count,
.sd-input--boxed-style.sd-input--disabled .sd-input__char-count .sd-input__label,
.sd-input--boxed-style.sd-input--disabled .sd-input__char-count .sd-input__message-box,
.sd-input--boxed-style.sd-input--disabled .sd-input__char-count .sd-input__char-count {
  opacity: 0.5; }

.sd-input--boxed-style.sd-input--disabled .sd-input__hint,
.sd-input--boxed-style.sd-input--disabled .sd-input__message,
.sd-input--boxed-style.sd-input--disabled .sd-input__char-count {
  pointer-events: none; }

.sd-input--boxed-style.sd-input--invalid input.sd-input__input:focus,
.sd-input--boxed-style.sd-input--invalid textarea.sd-input__input:focus {
  background-color: rgba(228, 27, 37, 0.1);
  box-shadow: none; }

.sd-input--boxed-style.sd-input--invalid select.sd-input__select:focus {
  background-color: rgba(228, 27, 37, 0.1);
  box-shadow: none; }

.sd-input--boxed-style.sd-input--invalid .sd-input__label,
.sd-input--boxed-style.sd-input--invalid .sd-input__message {
  color: #e41b21; }

.sd-input--boxed-label {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto; }

.sd-input--boxed-label:hover .sd-input__label.sd-input__label--boxed {
  background-color: rgba(67, 75, 86, 0.54); }

.sd-input--boxed-label:focus-within .sd-input__label.sd-input__label--boxed {
  background-color: var(--sd-colour-interactive--alpha-70); }

.sd-input--boxed-label.sd-input--invalid .sd-input__label--boxed {
  background-color: #e41b21 !important;
  color: white; }

.sd-input--boxed-label.sd-input--disabled .sd-input__label--boxed {
  background-color: rgba(0, 0, 0, 0.4) !important; }

.sd-input--disabled * {
  cursor: not-allowed !important; }

.sd-input__duration-input,
.sd-input__time-date-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: var(--color-text);
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  background-color: var(--color-input-bg);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  padding: 0 0.8rem;
  height: 3.2rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  display: block;
  position: relative;
  display: flex;
  gap: 2px;
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input__duration-input::placeholder,
.sd-input__time-date-input::placeholder {
  color: var(--color-text-lighter);
  font-weight: 400;
  opacity: 0.75; }

.sd-input__duration-input:hover,
.sd-input__time-date-input:hover {
  border-color: var(--color-input-border-hover);
  background-color: var(--color-input-bg--hover); }

.sd-input__duration-input:focus,
.sd-input__time-date-input:focus {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-input__duration-input:focus::placeholder,
.sd-input__time-date-input:focus::placeholder {
  opacity: 0.45; }

.sd-input__duration-input:focus-within,
.sd-input__time-date-input:focus-within {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-input__duration-input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  display: inline-block;
  text-align: end;
  color: var(--color-text);
  width: 2.5ch;
  height: 3.2rem;
  font-size: 1.4rem;
  padding: 0 !important;
  line-height: 3.2rem; }

.sd-input__duration-input input::-webkit-outer-spin-button, .sd-input__duration-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.sd-input__duration-input input[type=number] {
  -moz-appearance: textfield; }

.sd-input__duration-input span {
  display: flex;
  align-items: center; }

.sd-input__duration-input .sd-input__suffix {
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  color: var(--color-text-light);
  display: inline-block;
  pointer-events: none;
  margin-inline-end: 2px;
  text-align: center; }

.sd-input .p-multiselect,
.sd-input .p-multiselect,
.sd-input .p-dropdown,
.sd-input .tags-input {
  grid-row: 2/3;
  grid-column: 2/4;
  width: 100%; }

.sd-input.sd-input--disabled .p-multiselect,
.sd-input.sd-input--disabled .p-multiselect,
.sd-input.sd-input--disabled .p-dropdown,
.sd-input.sd-input--disabled .tags-input, .sd-input.sd-input--disabled:hover .p-multiselect,
.sd-input.sd-input--disabled:hover .p-multiselect,
.sd-input.sd-input--disabled:hover .p-dropdown,
.sd-input.sd-input--disabled:hover .tags-input {
  opacity: 0.5;
  cursor: not-allowed; }

.blink_me {
  animation: blinker 1s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.sd__input__time-picker-v2 {
  display: flex; }

.input-wrapper__time-picker-v2 {
  display: flex;
  align-items: center; }

.time-picker-v2-suffix {
  padding: 0 8px;
  font-size: 1.6rem; }

.sd-toggle, .sd-switch {
  display: inline-block;
  flex-shrink: 0;
  width: 4.0rem;
  height: 1.8rem;
  background: var(--sd-colour-neutral);
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: var(--b-radius--full);
  overflow: hidden;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.15); }

.sd-toggle .inner, .sd-switch .inner {
  position: absolute;
  inset-inline-start: 0.2rem;
  width: 1.4rem;
  inset-block-start: 0.2rem;
  height: 1.4rem;
  background: white;
  border-radius: var(--b-radius--full);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease; }

.sd-toggle.checked, .sd-switch.checked {
  background: var(--sd-colour-interactive--active); }

.sd-toggle.checked .inner, .sd-switch.checked .inner {
  inset-inline-start: 2.4rem; }

.sd-toggle.disabled, .sd-switch.disabled {
  opacity: .5;
  cursor: not-allowed; }

.sd-toggle input[type="checkbox"], .sd-switch input[type="checkbox"] {
  display: none; }

.sd-toggle:focus-visible, .sd-switch:focus-visible {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-30); }

.sd-toggle__wrapper, .sd-switch__wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  position: relative;
  gap: 0.8rem; }

.sd-toggle__wrapper label, .sd-switch__wrapper label {
  margin: 0;
  line-height: 1; }

.sd-switch__group {
  display: flex;
  flex-direction: row;
  align-items: center; }

.sd-switch__group .sd-toggle__wrapper,
.sd-switch__group .sd-switch__wrapper {
  margin-inline-end: 2.4rem; }

.sd-switch__group--vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem; }

.sd-switch__group--vertical.sd-switch__group--right {
  width: 100%;
  align-items: flex-end;
  text-align: end; }

.sd-switch__group--vertical.sd-switch__group--right .sd-toggle__wrapper,
.sd-switch__group--vertical.sd-switch__group--right .sd-switch__wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-inline-end: 0; }

.sd-checkbox, .p-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease-out;
  border-radius: var(--b-radius--x-small); }

.sd-checkbox::after, .p-checkbox::after {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-family: 'sd_icons';
  content: '\E61D';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: scale(0.25, 0.25); }

.sd-checkbox:hover, .p-checkbox:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-checkbox.checked, .checked.p-checkbox, .sd-checkbox[checked="checked"], .p-checkbox[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-checkbox.checked::after, .checked.p-checkbox::after, .sd-checkbox[checked="checked"]::after, .p-checkbox[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-checkbox.checked:hover, .checked.p-checkbox:hover, .sd-checkbox[checked="checked"]:hover, .p-checkbox[checked="checked"]:hover {
  border-color: var(--sd-colour-interactive--hover);
  background-color: var(--sd-colour-interactive--hover); }

.sd-checkbox--radio {
  border-radius: var(--b-radius--full); }

.sd-checkbox--radio::after {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: var(--b-radius--full);
  content: ' ';
  position: absolute;
  background-color: var(--sd-colour-interactive);
  inset-block-start: 0.2rem;
  inset-inline-start: 0.2rem;
  opacity: 0;
  transition: all 0.1s ease-in;
  transform: scale(0.25, 0.25); }

.sd-checkbox--radio.checked, .sd-checkbox--radio[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: transparent; }

.sd-checkbox--radio.checked::after, .sd-checkbox--radio[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-checkbox--radio.checked:hover, .sd-checkbox--radio[checked="checked"]:hover {
  background: transparent; }

.sd-checkbox--button-style {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  padding: 0 1.2rem;
  line-height: 1;
  color: var(--color-text-light);
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  display: inline-flex;
  align-items: center;
  text-align: center;
  height: 3.2rem; }

.sd-checkbox--button-style label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  display: inline;
  cursor: pointer;
  transition: none;
  text-align: center;
  line-height: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

.sd-checkbox--button-style label [class^="icon-"], .sd-checkbox--button-style label [class*=" icon-"] {
  vertical-align: middle; }

.sd-checkbox--button-style [class^="icon-"], .sd-checkbox--button-style [class*=" icon-"] {
  color: currentColor; }

.sd-checkbox--button-style i + label {
  margin-inline-start: 8px; }

.sd-checkbox--button-style::after {
  content: '';
  display: none; }

.sd-checkbox--button-style:hover {
  color: var(--color-text);
  border-color: var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.sd-checkbox--button-style.checked, .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: white; }

.sd-checkbox--button-style.checked:hover, .sd-checkbox--button-style[checked="checked"]:hover {
  color: white;
  border-color: var(--sd-colour-interactive--hover);
  background-color: var(--sd-colour-interactive--active);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-checkbox--button-style.checked label, .sd-checkbox--button-style[checked="checked"] label {
  color: white; }

.sd-checkbox--button-style .sd-label--disabled {
  opacity: 1 !important;
  cursor: not-allowed !important; }

.sd-checkbox--disabled, .sd-checkbox[disabled="disabled"], .p-checkbox[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-checkbox--disabled:hover, .sd-checkbox[disabled="disabled"]:hover, .p-checkbox[disabled="disabled"]:hover {
  color: var(--color-text-light);
  border-color: var(--sd-colour-line--light);
  box-shadow: none; }

.sd-checkbox + label, .p-checkbox + label {
  display: inline-block;
  vertical-align: middle; }

.sd-check__wrapper {
  display: inline-block; }

.sd-check__wrapper .sd-checkbox + label, .sd-check__wrapper .p-checkbox + label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-inline-start: 0.6rem; }

.sd-check__wrapper .sd-checkbox + label i, .sd-check__wrapper .p-checkbox + label i {
  margin: 0;
  margin-inline-end: 0.4rem;
  margin-inline-start: 0.8rem; }

.sd-check__wrapper .sd-label--disabled {
  opacity: 0.40; }

.sd-check__group {
  padding: 0;
  display: flex;
  gap: 0.8rem; }

.sd-check__group--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 0.8rem; }

.sd-check__group--grid .sd-check__wrapper {
  display: block; }

.sd-check__group--grid .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .sd-check__group--grid .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-check__group--grid .sd-check-button__text-label-inner {
  white-space: normal; }

.sd-check-button__group--grid .sd-check-button--native .sd-check-button__text-label-inner {
  white-space: normal;
  text-align: center; }

.sd-check-new {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease-out;
  border-radius: var(--b-radius--x-small); }

.sd-check-new::after {
  font-family: 'sd_icons';
  content: '\E61D';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  transition: all 0.2s ease-in;
  transform: scale(0.25, 0.25); }

.sd-check-new:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-check-new.checked, .sd-check-new[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-check-new.checked::after, .sd-check-new[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-check-new.checked:hover, .sd-check-new[checked="checked"]:hover {
  border-color: var(--sd-colour-interactive--hover);
  background-color: var(--sd-colour-interactive--hover); }

.sd-check-new--disabled, .sd-check-new[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-check-new--disabled:hover, .sd-check-new[disabled="disabled"]:hover {
  color: var(--color-text-light);
  border-color: var(--sd-colour-line--light);
  box-shadow: none; }

.sd-radio-new {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease-out;
  border-radius: var(--b-radius--full); }

.sd-radio-new:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-radio-new::after {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: var(--b-radius--full);
  content: ' ';
  position: absolute;
  background-color: var(--sd-colour-interactive);
  inset-block-start: 0.2rem;
  inset-inline-start: 0.2rem;
  opacity: 0;
  transition: all 0.1s ease-in;
  transform: scale(0.25, 0.25); }

.sd-radio-new.checked, .sd-radio-new[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: transparent; }

.sd-radio-new.checked::after, .sd-radio-new[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-radio-new.checked:hover, .sd-radio-new[checked="checked"]:hover {
  background: transparent;
  cursor: default; }

.sd-radio-new--disabled, .sd-radio-new[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-radio-new--disabled:hover, .sd-radio-new[disabled="disabled"]:hover {
  color: var(--color-text-light);
  border-color: var(--sd-colour-line--light);
  box-shadow: none; }

.sd-check-button {
  padding-inline: var(--space--1-5);
  line-height: 1;
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  color: var(--color-text);
  cursor: pointer; }

.sd-check-button .sd-check-button__text-label {
  display: flex;
  margin: 0;
  text-align: center;
  cursor: pointer;
  padding: 0;
  padding-block-start: 2px;
  padding-block-end: 2px;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out; }

.sd-check-button [class^="icon-"], .sd-check-button [class*=" icon-"] {
  color: currentColor; }

.sd-check-button i + .sd-check-button__text-label {
  margin-inline-start: 0.8rem; }

.sd-check-button:hover .sd-check-button__text-label {
  opacity: 1;
  border-color: var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  color: var(--color-text); }

.sd-check-button.checked, .sd-check-button[checked="checked"] {
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: white; }

.sd-check-button.checked .sd-check-button__text-label, .sd-check-button[checked="checked"] .sd-check-button__text-label {
  opacity: 1; }

.sd-check-button.checked:hover, .sd-check-button[checked="checked"]:hover {
  color: white;
  border-color: var(--sd-colour-interactive--active);
  background-color: var(--sd-colour-interactive--hover);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-check-button .sd-label--disabled {
  opacity: 1 !important;
  cursor: not-allowed !important; }

.sd-check-button__group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  flex: 1 0; }

.sd-check-button__group.sd-check-button__group--padded {
  margin-inline-start: 1.2rem;
  margin-inline-end: 1.2rem; }

.sd-check-button__group.sd-check-button__group--compact {
  gap: 0.4rem; }

.sd-check-button__group.sd-check-button__group--no-wrap {
  flex-wrap: nowrap; }

.sd-check-button__group--left, .sd-check-button__group--start {
  margin-inline-end: auto; }

.sd-check-button__group--right, .sd-check-button__group--end {
  margin-inline-start: auto; }

.sd-check-button__group--center {
  margin-inline-start: auto;
  margin-inline-end: auto; }

.sd-check-button__group--inline {
  margin-inline-start: 0;
  margin-inline-end: 0; }

.sd-check-button__group--grid {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 0.8rem;
  align-self: stretch; }

.sd-check-button__group--grid.sd-check-button__group--compact {
  grid-gap: 0.4rem; }

.sd-check-new__wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  position: relative; }

.sd-check-new__wrapper label {
  line-height: 100%;
  margin: 0; }

.sd-check-new__wrapper .sd-check-new + label,
.sd-check-new__wrapper .sd-radio-new + label {
  margin-inline-start: 0.8rem; }

.sd-check-new__wrapper .sd-check-new + label:empty,
.sd-check-new__wrapper .sd-radio-new + label:empty {
  margin: 0 !important; }

.sd-check-new__wrapper .sd-label--disabled {
  opacity: 0.40; }

.sd-check-new__wrapper[label-position="left"] label, .sd-check-new__wrapper[label-position="start"] label {
  margin-inline-end: 0.8rem;
  margin-inline-start: 0; }

.sd-check-new__wrapper[label-position="left"] label:empty, .sd-check-new__wrapper[label-position="start"] label:empty {
  margin: 0 !important; }

.sd-check-new__wrapper[label-position="left"] .sd-check-new__input, .sd-check-new__wrapper[label-position="start"] .sd-check-new__input {
  inset-inline-start: auto;
  inset-inline-end: 0; }

.sd-check-new__wrapper[label-position="left"] .sd-check-new, .sd-check-new__wrapper[label-position="left"] .sd-radio-new, .sd-check-new__wrapper[label-position="start"] .sd-check-new, .sd-check-new__wrapper[label-position="start"] .sd-radio-new {
  order: 2; }

.sd-check-new__wrapper input:hover ~ .sd-check-new,
.sd-check-new__wrapper input:hover ~ .sd-radio-new {
  border-color: var(--color-checkbox-border-hover); }

.sd-check-new__wrapper input:checked ~ .sd-check-new,
.sd-check-new__wrapper input:checked ~ .sd-radio-new {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-check-new__wrapper input:checked ~ .sd-check-new::after,
.sd-check-new__wrapper input:checked ~ .sd-radio-new::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-check-new__wrapper input:checked ~ .sd-radio-new {
  background: transparent; }

.sd-check-new__wrapper input:checked ~ label {
  color: var(--sd-colour-interactive); }

.sd-check-new__wrapper input:focus ~ .sd-check-new,
.sd-check-new__wrapper input:focus ~ .sd-radio-new {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.sd-check-new__wrapper input:disabled {
  cursor: not-allowed; }

.sd-check-new__wrapper input:disabled ~ label {
  opacity: 0.6; }

.sd-check-new__wrapper input:disabled ~ .sd-check-new,
.sd-check-new__wrapper input:disabled ~ .sd-radio-new {
  opacity: 0.6; }

.sd-check-new__wrapper input:disabled:hover ~ .sd-check-new,
.sd-check-new__wrapper input:disabled:hover ~ .sd-radio-new {
  border-color: var(--color-checkbox-border); }

.sd-check-new__wrapper .sd-check-new__input {
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 16px;
  cursor: inherit;
  height: 16px;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
  cursor: pointer; }

.sd-check-new, .sd-radio-new {
  pointer-events: none;
  z-index: 0; }

.sd-check__group-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem; }

.sd-check__group-new--vertical {
  gap: 1.6rem;
  flex-direction: column;
  align-items: flex-start; }

.sd-check-button.sd-check-button--native {
  position: relative;
  padding: 0;
  border: none;
  box-shadow: none !important;
  background: transparent;
  overflow: visible; }

.sd-check-button.sd-check-button--native .sd-check-button__text-label {
  padding-inline-start: 1.2rem;
  padding-inline-end: 1.2rem;
  line-height: 1;
  border: 1px solid rgba(140, 140, 140, 0.5);
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  color: inherit;
  cursor: pointer;
  width: 100%;
  white-space: nowrap; }

.sd-check-button.sd-check-button--native .sd-check-button__text-label .sd-check-button__text-label-inner {
  user-select: none;
  display: inline-block; }

.sd-check-button.sd-check-button--native .sd-check-button__text-label i + .sd-check-button__text-label-inner {
  margin-inline-start: 0.8rem; }

.sd-check-button .sd-check-button__input {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
  padding: 0;
  border: 0;
  overflow: hidden;
  outline: none !important;
  z-index: 1; }

.sd-check-button .sd-check-button__input:checked ~ label {
  opacity: 1;
  color: white;
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-check-button .sd-check-button__input:disabled ~ label {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none !important; }

.sd-check-button:focus-within .sd-check-button__text-label {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.sd-check-button:focus-within .sd-check-button__input:checked ~ label {
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.toggle-button {
  padding-inline: var(--space--1-5);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 3.2rem;
  color: var(--color-text);
  cursor: pointer;
  text-decoration: none;
  font-size: 1.2rem;
  background: transparent;
  transition: all 0.2s ease-out; }

.toggle-button [class^="icon-"],
.toggle-button [class*=" icon-"],
.toggle-button .toggle-button__icon {
  color: currentColor; }

.toggle-button:hover {
  border-color: var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  color: var(--color-text);
  text-decoration: none !important; }

.toggle-button.toggle-button--active {
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: white; }

.toggle-button.toggle-button--active:hover {
  color: white;
  border-color: var(--sd-colour-interactive--active);
  background-color: var(--sd-colour-interactive--hover);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-radio {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--b-radius--full);
  vertical-align: middle;
  margin-inline-end: 0.8rem; }

.sd-radio::after {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  height: 0.8rem;
  width: 0.8rem;
  border-radius: var(--b-radius--full);
  content: ' ';
  position: absolute;
  background-color: var(--sd-colour-interactive);
  inset-block-start: 0.2rem;
  inset-inline-start: 0.2rem;
  transform: scale(0.25, 0.25); }

.sd-radio:hover {
  border-color: rgba(0, 0, 0, 0.4);
  cursor: pointer; }

.sd-radio.checked, .sd-radio[checked="checked"] {
  border-color: var(--sd-colour-interactive); }

.sd-radio.checked::after, .sd-radio[checked="checked"]::after {
  opacity: 1;
  filter: "alpha(opacity=100)";
  transform: scale(1, 1); }

.sd-radio.checked:hover, .sd-radio[checked="checked"]:hover {
  border-color: var(--sd-colour-interactive--darken-10); }

.sd-radio.checked:hover::after, .sd-radio[checked="checked"]:hover::after {
  background-color: var(--sd-colour-interactive--darken-10); }

label + .sd-radio {
  display: inline-block; }

.sd-radio + label {
  display: inline-block;
  vertical-align: middle; }

.sd-searchbar .p-autocomplete-panel, .sd-input--inline-label .p-autocomplete-panel {
  margin-block-start: 0; }

.sd-input--inline-label .p-autocomplete {
  display: block;
  grid-row: 2/3;
  grid-column: 2/4; }

.p-autocomplete-loader.pi {
  color: inherit !important;
  z-index: 1;
  border-radius: var(--b-radius--full);
  inset-inline-end: 8px; }

.sd-searchbar .p-autocomplete-loader.pi {
  font-size: 2.4rem !important;
  background-color: white; }

.sd-input .p-autocomplete-loader {
  margin-block-start: -1.4rem; }

.sd-input .p-autocomplete-loader.pi {
  font-size: 2rem !important;
  background-color: transparent; }

.sd-input.sd-input--inline-label .p-autocomplete-loader {
  margin-block-start: -1rem; }

.select-grid__overlay-panel {
  z-index: 1500 !important;
  margin-block-start: 1px; }

.select-grid__panel {
  width: 380px;
  max-height: 560px;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  display: flex;
  flex-direction: column; }

.select-grid__header {
  padding: 1rem;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.select-grid__body {
  overflow-y: auto;
  margin: 0;
  padding: 1rem;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(9rem, 1fr)); }

.select-grid__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-text);
  border-radius: var(--b-radius--small); }

.select-grid__item:hover, .select-grid__item:focus {
  cursor: pointer; }

.select-grid__item:hover {
  background: var(--sd-colour-interactive--alpha-20); }

.select-grid__item:focus {
  outline: 2px solid var(--sd-colour-interactive);
  outline-offset: -2px; }

.sd-input--grid-select .btn {
  grid-row: 2/3;
  grid-column: 2/4;
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border);
  width: 4rem; }

.sd-input--grid-select .btn:hover {
  background-color: var(--color-input-bg--hover);
  border-bottom-color: var(--color-input-border-hover);
  box-shadow: none; }

.sd-input--grid-select .btn:focus {
  background-color: var(--sd-colour-interactive--alpha-20);
  border-bottom-color: var(--sd-colour-interactive);
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive); }

.form__item--auto-width .sd-input--grid-select .btn {
  margin-block-start: 0; }

.input-wrap {
  padding-block-start: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto;
  grid-gap: 0;
  position: relative;
  align-self: stretch;
  flex-grow: 1;
  width: 100%;
  row-gap: 0.4rem; }

.input-wrap .input-wrap__input-container,
.input-wrap .sd-input__input {
  grid-row: 2/3;
  grid-column: 2/4; }

.input-wrap .input-wrap__message-box {
  grid-row: 3/4;
  grid-column: 2/3; }

.input-wrap .input-wrap__icon-right {
  grid-row: 2/3;
  grid-column: 3/4;
  z-index: 1; }

.input-wrap .sd-input__char-count {
  grid-row: 3/4;
  grid-column: 3/4;
  z-index: 1;
  font-size: 1.1rem;
  font-weight: 400;
  font-style: italic; }

.input-wrap .sd-input__label,
.input-wrap .form-label {
  grid-row: 1/2;
  grid-column: 2/3;
  margin-block-end: 0 !important;
  align-items: center;
  justify-content: flex-start; }

.input-wrap .form-label--boxed {
  margin-block: 2px !important; }

.input-wrap .icn-btn, .input-wrap .sd-thumb-carousel__btn--prev, .input-wrap .sd-thumb-carousel__btn--next,
.input-wrap .p-carousel-prev, .input-wrap .p-carousel-next {
  grid-row: 1/2;
  grid-column: 3/4; }

.input-wrap--inline-label {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto; }

.input-wrap--inline-label .sd-input__label,
.input-wrap--inline-label .form-label {
  grid-row: 2/3;
  grid-column: 1/2;
  padding-inline-end: 1rem;
  padding-inline-start: 0;
  padding-block-start: 0.4rem;
  padding-block-end: 0;
  position: relative;
  max-width: 260px;
  min-width: 100px;
  text-align: end;
  position: relative;
  align-self: center;
  line-height: 1.2; }

.input-wrap--inline-label .sd-input__label::after,
.input-wrap--inline-label .form-label::after {
  position: absolute;
  z-index: 2;
  inset-block-start: -2px;
  inset-inline-end: 4px; }

.input-wrap--required .sd-input__label::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem; }

.input-wrap--required .sd-input__label.sd-input__label--boxed::after {
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -10px; }

.input-wrap--disabled .sd-input__label,
.input-wrap--disabled .sd-input__message-box,
.input-wrap--disabled .sd-input__char-count {
  opacity: 0.5 !important;
  pointer-events: none !important; }

.input-wrap--disabled .sd-input__hint,
.input-wrap--disabled .sd-input__message,
.input-wrap--disabled .sd-input__char-count {
  pointer-events: none; }

.input-wrap--no-label {
  grid-template-rows: auto auto auto; }

.input-wrap--medium.sd-input--boxed-style .sd-input__input,
.input-wrap--medium.sd-input--boxed-style .sd-input__select {
  border-radius: var(--b-radius--medium); }

.input-wrap--medium.sd-input--boxed-style .sd-input__input:focus,
.input-wrap--medium.sd-input--boxed-style .sd-input__select:focus {
  box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }

.tags-preview {
  display: flex;
  align-items: flex-start;
  word-wrap: break-word;
  min-height: 3.2rem;
  padding: 0.4rem 0.4rem 0.3rem 0.4rem;
  overflow: hidden;
  background-color: transparent; }

.tags-preview .tags-preview__tag-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.tags-preview .tags-preview__tag-item {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0;
  padding-inline: 1em 1em;
  border-radius: var(--b-radius--full);
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  height: 2.4rem;
  color: var(--color-text);
  color: currentColor;
  background: var(--sd-colour__tag-label-Bg--1); }

.tags-preview .tags-preview__tag-item--single-select {
  border-radius: 2px;
  padding-inline-start: 0.714em;
  padding-inline-end: 0.857em; }

.tags-preview .tags-preview__tag-item--border {
  border-inline-start: solid;
  border-left-width: 5px; }

.tags-preview .tags-input__helper-box {
  display: flex;
  align-items: center; }

.sd-input__duration-input-preview {
  display: flex;
  gap: 2px;
  grid-row: 2/3;
  grid-column: 2/4; }

.sd-input__duration-input-preview:focus-within {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-input__duration-input-preview .duration-input-preview {
  display: inline-block;
  text-align: end;
  color: var(--color-text);
  width: 2.5ch;
  height: 3.2rem;
  font-size: 1.4rem;
  line-height: 3.2rem; }

.sd-input__duration-input-preview .sd-input__suffix {
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  color: var(--color-text-light);
  display: inline-block;
  pointer-events: none;
  margin-inline-end: 2px;
  text-align: center; }

.sd-sidebar-menu {
  position: absolute;
  inset-block-end: 0;
  width: 4.8rem;
  inset-block-start: 48px;
  background-color: var(--sd-colour-sidebar-menu--00);
  z-index: 1029;
  transition: all .3s ease; }

.sd-sidebar-menu--left {
  inset-inline-start: 0;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.25); }

.sd-sidebar-menu--left.main-menu__open {
  inset-inline-start: 30rem; }

.sd-sidebar-menu--second-level {
  background-color: var(--sd-colour-sidebar-menu--10);
  z-index: 1028; }

.sd-sidebar-menu__spacer {
  width: 2.4rem;
  margin: 1.8rem auto;
  border-block-start: 1px dotted var(--sd-colour-line--medium);
  border-block-end: 0; }

.sd-sidebar-menu__btn {
  display: block;
  margin: 0.6rem auto;
  border-radius: var(--b-radius--full);
  height: 3.6rem;
  width: 3.6rem;
  opacity: .7;
  overflow: hidden;
  transition: opacity 0.2s, background-color 0.2s;
  position: relative;
  cursor: pointer; }

.sd-sidebar-menu__btn:hover {
  opacity: 1;
  background-color: var(--sd-colour-sidebar-menu--10); }

.sd-sidebar-menu__btn:active {
  background-color: var(--sd-colour-interactive--active);
  opacity: 1; }

.sd-sidebar-menu__btn--active,
.sd-sidebar-menu__btn--active:hover {
  background-color: var(--sd-colour-interactive--active);
  opacity: 1; }

.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon,
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
  color: white; }

.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class^="big-icon--"],
.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class*=" big-icon--"],
.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class^="icon-"],
.sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class*=" icon-"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class^="big-icon--"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class*=" big-icon--"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class^="icon-"],
.sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon [class*=" icon-"] {
  color: inherit; }

.sd-sidebar-menu__main-icon {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
  transition: left 0.2s ease-out; }

.sd-sidebar-menu__helper-icon {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-start: 3rem;
  transition: left 0.2s ease-out, transform 0.2s; }

.authoring-active__item .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon,
.authoring-active__item .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
  color: #fff; }

.authoring-active__item .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
  inset-inline-start: -3rem; }

.authoring-active__item .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
  inset-inline-start: 0.5rem; }

.authoring-active__item.list-hidden .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
  transform: rotate(180deg);
  inset-inline-start: -3rem; }

.authoring-active__item.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
  inset-inline-start: 4rem; }

.authoring-active__item.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
  inset-inline-start: 0.5rem; }

.sd-sidetab-menu {
  position: absolute;
  inset-block-end: 0;
  inset-block-start: 0;
  width: 4.8rem;
  background-color: var(--sd-colour-sidebar-menu--20);
  z-index: 16;
  transition: all .3s ease;
  overflow-y: auto; }

.sd-sidetab-menu .badge {
  position: absolute;
  inset-block-start: 3px;
  inset-inline-end: 3px;
  z-index: 1; }

.sd-sidetab-menu--right {
  inset-inline-end: 0;
  box-shadow: inset 4px 0 5px -3px rgba(0, 0, 0, 0.25); }

.sd-sidetab-menu--static {
  position: static; }

.sd-sidetab-menu__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 4.8rem;
  text-align: center;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 0 var(--sd-colour-line--x-light);
  border-width: 0 0 1px 0;
  background: none; }

.sd-sidetab-menu__btn:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.sd-sidetab-menu__helper-icon,
.sd-sidetab-menu__main-icon {
  color: var(--color-text-light);
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-sidetab-menu__helper-icon i,
.sd-sidetab-menu__main-icon i {
  color: var(--color-text-light); }

.sd-sidetab-menu__helper-icon,
i.sd-sidetab-menu__helper-icon {
  opacity: 0;
  margin: 0;
  inset-block-start: 1.2rem;
  inset-inline-start: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  line-height: 2.4rem;
  z-index: 2;
  transition: all 0.4s 0s, transform 0.3s 0s; }

.sd-sidetab-menu__main-icon,
.sd-sidetab-menu__main-icon i {
  opacity: 1;
  transition: all 0.2s, transform 0.2s; }

.sd-sidetab-menu__info-label {
  position: absolute;
  inset-block-start: 0.3rem;
  inset-inline-end: 0.3rem;
  text-shadow: none;
  z-index: 3;
  margin: 0; }

.active .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.2); }

.active .sd-sidetab-menu__btn:hover .sd-sidetab-menu__helper-icon {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s 0.2s, transform 0.2s 0.2s; }

.active .sd-sidetab-menu__btn:hover .sd-sidetab-menu__main-icon {
  opacity: 0;
  height: 0.8rem;
  width: 0.8rem;
  inset-inline-start: 2.0rem;
  font-size: 8px; }

.active .sd-sidetab-menu__btn:hover .sd-sidetab-menu__main-icon i {
  opacity: 0;
  height: 0.8rem;
  width: 0.8rem;
  inset-inline-start: 2.0rem;
  font-size: 8px; }

.sd-sidetab-menu__btn--active {
  background: rgba(255, 255, 255, 0.24); }

.sd-sidetab-menu__btn--active .sd-sidetab-menu__main-icon,
.sd-sidetab-menu__btn--active .sd-sidetab-menu__main-icon i {
  color: var(--sd-colour-interactive--active) !important; }

.sd-sidetab-menu__btn--active:hover .sd-sidetab-menu__helper-icon,
.sd-sidetab-menu__btn--active:hover .sd-sidetab-menu__helper-icon i {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s 0.2s, transform 0.2s 0.2s; }

.sd-sidetab-menu__btn--active:hover .sd-sidetab-menu__main-icon {
  opacity: 0;
  font-size: 8px; }

.sd-sidetab-menu__btn--active:hover .sd-sidetab-menu__main-icon i {
  opacity: 0;
  height: 0.8rem !important;
  width: 0.8rem !important;
  font-size: 8px !important; }

.sd-side-menu__btn {
  display: block;
  margin: 0.6rem auto;
  border-radius: var(--b-radius--full);
  height: 3.6rem;
  width: 3.6rem;
  opacity: .7;
  overflow: hidden;
  transition: opacity 0.2s, background-color 0.2s;
  position: relative; }

.sd-side-menu__btn:hover {
  opacity: 1;
  background-color: var(--sd-colour__side-menu--hover); }

.sd-side-menu__btn:active {
  background-color: var(--sd-colour-interactive);
  opacity: 1; }

.sd-side-menu__btn--active,
.sd-side-menu__btn--active:hover {
  background-color: var(--sd-colour-interactive--active);
  opacity: 1; }

.sd-side-menu__helper-icon,
.sd-side-menu__main-icon {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem; }

.sd-side-menu__helper-icon {
  opacity: 0;
  margin: 0;
  inset-inline-start: 0.6rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  line-height: 2.4rem;
  z-index: 2;
  transition: all 0.4s 0s, transform 0.3s 0s; }

.sd-side-menu__main-icon {
  opacity: 1;
  transition: all 0.2s, transform 0.2s; }

.sd-side-menu__info-label {
  position: absolute;
  inset-block-start: 0.3rem;
  inset-inline-end: 0.3rem;
  text-shadow: none;
  z-index: 3;
  margin: 0; }

.sd-side-menu__btn--active .sd-side-menu__helper-icon,
.sd-side-menu__btn--active .sd-side-menu__main-icon {
  color: white; }

.sd-side-menu__btn--active:hover .sd-side-menu__helper-icon {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s 0.2s, transform 0.2s 0.2s; }

.sd-side-menu__btn--active:hover .sd-side-menu__main-icon {
  opacity: 0;
  height: 0.8rem;
  width: 0.8rem;
  inset-inline-start: 2.0rem;
  font-size: 8px; }

.sd-quickbar-menu {
  width: 4.8rem;
  background-color: var(--sd-colour-panel-bg--050);
  z-index: 1;
  overflow-y: auto;
  position: relative; }

.sd-quickbar-menu ul {
  margin-block-start: 24px; }

.sd-quickbar-menu--right .sd-quickbar__btn--active {
  border-inline-end-color: transparent;
  border-inline-start-color: var(--sd-colour-interactive); }

.sd-quickbar-menu__list-item--active .sd-quickbar__btn,
.sd-quickbar-menu__list-item--active .sd-quickbar__btn:hover {
  background-color: var(--sd-colour-interactive--alpha-10);
  border-inline-end-color: var(--sd-colour-interactive); }

.sd-quickbar__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 4.8rem;
  height: 4.8rem;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 2px solid transparent;
  border-width: 0 2px;
  transition: all .3s ease; }

.sd-quickbar__btn i {
  color: var(--color-text-light);
  opacity: 0.75; }

.sd-quickbar__btn:hover {
  background-color: var(--sd-colour-panel-bg--200);
  cursor: pointer; }

.sd-quickbar__btn:hover i {
  opacity: 1; }

.sd-quickbar__btn--active {
  background-color: var(--sd-colour-interactive--alpha-10);
  border-inline-end-color: var(--sd-colour-interactive); }

.sd-quickbar__btn--active i {
  opacity: 1;
  color: var(--sd-colour-interactive); }

.sd-top-menu {
  background: var(--sd-colour-top-menu);
  height: 48px;
  position: absolute;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 1030;
  margin-block-end: 0;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white; }

.sd-top-menu__collapse-nav {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  text-align: center;
  padding: 0;
  background-color: var(--sd-colour-top-menu__btn);
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.35);
  position: relative;
  transition: all 0.3s ease; }

.sd-top-menu__collapse-nav:hover {
  background-color: black;
  cursor: pointer; }

.sd-top-menu__collapse-nav.is-active {
  margin-inline-start: -4.8rem;
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: none; }

.sd-top-menu__collapse-nav.is-active:hover {
  background-color: rgba(0, 0, 0, 0.24); }

.sd-top-menu__collapse-nav--disabled {
  pointer-events: none !important;
  opacity: 0.5; }

.sd-top-menu__header {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  font-size: 1.5rem;
  text-align: center;
  padding: 0 2rem;
  color: #b7bec8;
  margin: 0; }

.sd-top-menu__current-user {
  width: 48px;
  position: relative;
  padding: 0 10px;
  width: 48px; }

.sd-top-menu__current-user .avatar {
  border-radius: var(--b-radius--full); }

.sd-top-menu__current-user .label {
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  text-shadow: none; }

.current-user-details--compact {
  padding: var(--space--1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-text);
  min-width: 26rem; }

.current-user-details__full-name {
  font-weight: 400;
  font-size: 1.8rem;
  margin: 16px 0 2px; }

.current-user-details__username {
  opacity: 0.75;
  font-size: 1.4rem; }

.sd-left-nav {
  background: var(--sd-colour-background__left-nav);
  border-inline-end: 1px solid var(--sd-colour-line--light);
  display: block;
  width: 24rem;
  overflow: auto;
  height: 100%; }

.sd-left-nav--absolute {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0; }

.sd-left-nav--default {
  background: var(--sd-colour-background__left-nav);
  border-inline-end: 1px solid var(--sd-colour-line--light); }

.sd-left-nav--blanc {
  border-color: transparent;
  background: transparent;
  border-right-width: 0; }

.sd-left-nav--blanc .sd-left-nav__group-header {
  border-top-color: transparent; }

.sd-left-nav--large {
  width: 32rem;
  max-width: 100%; }

.sd-left-nav--large .sd-left-nav__group-header {
  padding-inline: 2.4rem 0; }

.sd-left-nav--large .sd-left-nav__btn {
  padding-inline: 4rem 0; }

.sd-left-nav--reverse-border .sd-left-nav__btn {
  border-inline-end: none;
  border-inline-start: 4px solid rgba(94, 169, 200, 0); }

.sd-left-nav--reverse-border .sd-left-nav__btn--active {
  border-inline-end: none;
  border-inline-start: 4px solid var(--sd-colour-interactive--active); }

.sd-left-nav__btn {
  width: 100%;
  text-align: start;
  display: block;
  font-size: 1.4rem;
  line-height: 100%;
  text-decoration: none;
  background-color: transparent;
  padding-block-start: 1.6rem;
  padding-block-end: 1.6rem;
  padding-inline: 3rem 0;
  border-inline-end: 4px solid rgba(94, 169, 200, 0);
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: var(--color-text); }

.sd-left-nav__btn:hover {
  background-color: var(--sd-colour-interactive--alpha-20);
  color: var(--color-text);
  text-decoration: none;
  cursor: pointer; }

.sd-left-nav__btn:active,
.sd-left-nav__btn--active {
  background-color: var(--sd-colour-interactive--alpha-10);
  color: var(--sd-colour-interactive); }

.sd-left-nav__btn--active {
  border-inline-end: 4px solid var(--sd-colour-interactive--active); }

.sd-left-nav__group-header {
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-lighter);
  padding-block-start: 2.6rem;
  padding-block-end: 0.9rem;
  padding-inline: 1.6rem 0;
  border-block-start: 1px solid var(--sd-colour-line--light);
  margin-block-start: 1rem; }

.sd-left-nav__group-header--first,
.sd-left-nav__group-header:first-child {
  border: none;
  margin-block-start: 0; }

.sd-content-nav {
  background: transparent;
  display: block;
  overflow: auto;
  padding: 1rem 0;
  opacity: 1;
  transition: all .2s ease-out .3s; }

.sd-content-nav__btn {
  display: block;
  font-size: 1.4rem;
  line-height: 100%;
  text-decoration: none;
  color: var(--color-text);
  padding: 1.6rem 2rem;
  border-inline-end: 4px solid transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out; }

.sd-content-nav__btn:hover {
  background-color: var(--sd-colour-interactive--alpha-20);
  color: var(--color-text);
  text-decoration: none; }

.sd-content-nav__btn:active,
.sd-content-nav__btn--active {
  background-color: var(--sd-colour-interactive--alpha-10);
  color: var(--sd-colour-interactive); }

.sd-content-nav__btn--active {
  border-color: var(--sd-colour-interactive--active); }

.sd-content-nav-title {
  font-size: 1.5rem;
  font-weight: 300; }

.sd-content-nav-title--uppercase {
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase; }

.sd-bottom-nav-list {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 3.2rem;
  overflow-x: auto;
  grid-column: 2/3; }

.sd-bottom-nav-list .sd-bottom-nav-list__item {
  flex: 0 1 24rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0 0.8rem 0 1.6rem;
  gap: 0.8rem;
  border-inline-end: 1px solid rgba(226, 229, 233, 0.14);
  background-color: var(--sd-colour-bottom-bar__item);
  overflow: hidden; }

.sd-bottom-nav-list .sd-bottom-nav-list__item .sd-bottom-nav-list__item-title {
  font-size: 1.4rem;
  line-height: 1;
  color: #c5cbd3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex: 1 1;
  align-self: stretch;
  align-items: center;
  gap: 8px; }

.sd-bottom-nav-list .sd-bottom-nav-list__item .sd-bottom-nav-list__item-title:hover {
  color: var(--sd-colour-interactive);
  cursor: pointer; }

.sd-bottom-nav-list .sd-bottom-nav-list__item .sd-bottom-nav-list__item-title [class^="icon-"],
.sd-bottom-nav-list .sd-bottom-nav-list__item .sd-bottom-nav-list__item-title [class*=" icon-"] {
  flex-shrink: 0;
  color: inherit !important;
  opacity: 0.75; }

.sd-bottom-nav-list .sd-bottom-nav-list__item .sd-bottom-nav-list__item-title span {
  padding-block-start: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  display: inline-block;
  flex-shrink: 1; }

.sd-bottom-nav-list .sd-bottom-nav-list__item--active {
  background-color: var(--sd-colour-bottom-bar__item--active); }

.sd-bottom-nav-list .sd-bottom-nav-list__item--active .sd-bottom-nav-list__item-title,
.sd-bottom-nav-list .sd-bottom-nav-list__item--active .sd-bottom-nav-list__item-title:hover {
  color: #f9fafb; }

.sd-bottom-nav-list .sd-bottom-nav-list__item--disabled {
  opacity: 0.5;
  pointer-events: none; }

.sd-bottom-nav-list .sd-bottom-nav-list__item--disabled .sd-bottom-nav-list__item-title {
  pointer-events: none; }

:root {
  --sd-editor-colour__main-bg: hsla(0, 0%, 100%, 1);
  --sd-editor-colour__main-bg--alt: hsla(214, 13%, 96%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__txt: hsla(0, 0%, 20%, 1);
  --sd-editor-colour__txt--accent: var(--sd-colour-interactive);
  --sd-editor-colour__quote-border: hsla(0, 0%, 20%, 0.5);
  --sd-editor-colour__controls-bg: hsla(214, 13%, 96%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__button-bg--active: hsla(214, 13%, 96%, 0.2);
  --sd-editor-colour__button-txt--active: var(--sd-colour-interactive);
  --sd-editor-colour__field-label-bg: hsla(214, 13%, 12%, 0.5);
  --sd-editor-colour__field-label-txt: hsla(214, 13%, 96%, 0.8);
  --sd-editor-colour__float-toolbar-bg: hsla(214, 13%, 96%, 0.96);
  --sd-editor-colour__comment-bg: hsla(54, 100%, 61%, 0.3);
  --sd-editor-colour__annotation: hsla(91, 100%, 40%, 0.6);
  --sd-editor-colour__removing: hsla(279, 64%, 47%, 1);
  --sd-editor-colour__removing-bg: hsla(279, 64%, 47%, 0.12);
  --sd-editor-colour__adding: hsla(82, 90%, 32%, 1);
  --sd-editor-colour__adding-bg: hsla(82, 90%, 32%, 0.16); }

.sd-editor--theme-default {
  --sd-editor-colour__main-bg: hsla(0, 0%, 100%, 1);
  --sd-editor-colour__main-bg--alt: hsla(214, 13%, 96%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__txt: hsla(0, 0%, 20%, 1);
  --sd-editor-colour__txt--accent: var(--sd-colour-interactive);
  --sd-editor-colour__quote-border: hsla(0, 0%, 20%, 0.5);
  --sd-editor-colour__controls-bg: hsla(214, 13%, 96%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__button-bg--active: hsla(214, 13%, 99%, 0.9); }

.sd-editor--theme-dark {
  --sd-editor-colour__main-bg: hsla(214, 13%, 12%, 1);
  --sd-editor-colour__main-bg--alt: hsla(214, 13%, 16%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 85%, 0.2);
  --sd-editor-colour__txt: hsla(214, 13%, 85%, 1);
  --sd-editor-colour__txt--accent: var(--sd-colour-interactive);
  --sd-editor-colour__quote-border: hsla(214, 13%, 85%, 0.5);
  --sd-editor-colour__controls-bg: hsla(214, 13%, 16%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 85%, 0.2);
  --sd-editor-colour__field-label-bg: hsla(214, 13%, 5%, 0.9);
  --sd-editor-colour__float-toolbar-bg: hsla(214, 13%, 16%, 0.96);
  --sd-editor-colour__comment-bg: hsla(54, 100%, 61%, 0.16);
  --sd-editor-colour__annotation: hsla(91, 100%, 40%, 0.6);
  --sd-editor-colour__removing: hsla(279, 64%, 47%, 1);
  --sd-editor-colour__removing-bg: hsla(279, 64%, 47%, 0.12);
  --sd-editor-colour__adding: hsla(82, 90%, 32%, 1);
  --sd-editor-colour__adding-bg: hsla(82, 90%, 32%, 0.16); }

.sd-editor--theme-blue {
  --sd-editor-colour__main-bg: hsla(212, 89%, 22%, 1);
  --sd-editor-colour__main-bg--alt: hsla(212, 89%, 28%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 85%, 0.2);
  --sd-editor-colour__txt: hsla(0, 0%, 100%, 1);
  --sd-editor-colour__txt--accent: hsla(307, 100%, 50%, 1);
  --sd-editor-colour__quote-border: hsla(214, 13%, 85%, 0.5);
  --sd-editor-colour__controls-bg: hsla(212, 89%, 26%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 85%, 0.2); }

.sd-editor--theme-turquoise {
  --sd-editor-colour__main-bg: hsla(178, 49%, 57%, 1);
  --sd-editor-colour__main-bg--alt: hsla(178, 49%, 64%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__txt: hsla(213, 49%, 14%, 1);
  --sd-editor-colour__txt--accent: hsla(307, 100%, 50%, 1);
  --sd-editor-colour__quote-border: hsla(213, 49%, 14%, 0.5);
  --sd-editor-colour__controls-bg: hsla(178, 49%, 61%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 12%, 0.12);
  --sd-editor-colour__comment-bg: hsla(54, 100%, 61%, 0.3);
  --sd-editor-colour__annotation: hsla(91, 100%, 40%, 0.6);
  --sd-editor-colour__removing: hsla(279, 64%, 47%, 1);
  --sd-editor-colour__removing-bg: hsla(279, 64%, 47%, 0.12);
  --sd-editor-colour__adding: hsla(82, 90%, 32%, 1);
  --sd-editor-colour__adding-bg: hsla(82, 90%, 32%, 0.16); }

.sd-editor--theme-military {
  --sd-editor-colour__main-bg: hsla(70, 25%, 50%, 1);
  --sd-editor-colour__main-bg--alt: hsla(70, 25%, 58%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__txt: hsla(71, 25%, 13%, 1);
  --sd-editor-colour__txt--accent: hsla(307, 100%, 50%, 1);
  --sd-editor-colour__quote-border: hsla(71, 25%, 13%, 0.5);
  --sd-editor-colour__controls-bg: hsla(70, 25%, 52%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 12%, 0.12);
  --sd-editor-colour__comment-bg: hsla(54, 100%, 61%, 0.3);
  --sd-editor-colour__annotation: hsla(91, 100%, 40%, 0.6);
  --sd-editor-colour__removing: hsla(279, 64%, 47%, 1);
  --sd-editor-colour__removing-bg: hsla(279, 64%, 47%, 0.12);
  --sd-editor-colour__adding: hsla(82, 100%, 20%, 1);
  --sd-editor-colour__adding-bg: hsla(82, 90%, 22%, 0.16); }

.sd-editor--theme-natural {
  --sd-editor-colour__main-bg: hsla(51, 57%, 85%, 1);
  --sd-editor-colour__main-bg--alt: hsla(51, 57%, 79%, 1);
  --sd-editor-colour__main-border: hsla(214, 13%, 12%, 0.2);
  --sd-editor-colour__txt: hsla(0, 18%, 10%, 1);
  --sd-editor-colour__txt--accent: var(--sd-colour-interactive);
  --sd-editor-colour__quote-border: hsla(0, 18%, 10%, .5);
  --sd-editor-colour__controls-bg: hsla(51, 57%, 82%, 1);
  --sd-editor-colour__controls-border: hsla(214, 13%, 85%, 0.2); }

.color-swatch__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6.8rem, 6.8rem));
  grid-gap: 0.9rem;
  margin: 0.4rem 0 2.4rem 0; }

.color-swatch {
  height: 6.8rem;
  width: 6.8rem;
  padding: 0.2rem;
  border-radius: var(--b-radius--full);
  border: 2px solid transparent; }

.color-swatch--selected {
  border-color: var(--sd-colour-interactive); }

.color-swatch--selected .color-swatch__inner {
  box-shadow: none !important; }

.color-swatch__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 6rem;
  width: 6rem;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-editor-colour__main-bg);
  color: var(--sd-editor-colour__txt);
  text-align: center;
  font-size: 2rem;
  line-height: 6rem;
  text-transform: uppercase;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.color-swatch__inner:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.2); }

.text-field__headline {
  font-weight: 500;
  min-height: 6rem; }

.text-field__abstract {
  font-weight: 400;
  font-style: italic;
  min-height: 9.2rem; }

.text-field__body {
  font-weight: 300;
  min-height: 9.2rem; }

.theme-editor {
  background-color: var(--sd-editor-colour__main-bg);
  color: var(--sd-editor-colour__txt); }

.theme-preview {
  margin: 0 -2rem -2rem -2rem;
  padding: 2rem;
  background-color: var(--sd-editor-colour__main-bg);
  color: var(--sd-editor-colour__txt); }

.theme-preview .theme-preview__label {
  opacity: 0.7;
  transition: opacity 0.3s ease-out; }

.theme-preview:hover .theme-preview__label {
  opacity: 1; }

.theme-preview.sd-editor--font-sans {
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

.theme-preview.sd-editor--font-serif {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; }

.theme-preview.sd-editor--font-mono {
  font-family: "Roboto Mono", "Consolas", "monaco", monospace; }

.theme-preview.sd-editor--headline-small .text-field__headline {
  font-size: 2.3rem; }

.theme-preview.sd-editor--headline-medium .text-field__headline {
  font-size: 2.8rem; }

.theme-preview.sd-editor--headline-large .text-field__headline {
  font-size: 3.2rem; }

.theme-preview.sd-editor--abstract-small .text-field__abstract {
  font-size: 1.4rem; }

.theme-preview.sd-editor--abstract-medium .text-field__abstract {
  font-size: 1.6rem; }

.theme-preview.sd-editor--abstract-large .text-field__abstract {
  font-size: 1.8rem; }

.theme-preview.sd-editor--body-small .text-field__body {
  font-size: 1.4rem; }

.theme-preview.sd-editor--body-medium .text-field__body {
  font-size: 1.6rem; }

.theme-preview.sd-editor--body-large .text-field__body {
  font-size: 1.8rem; }

.theme-preview__block {
  margin-block-end: 1.2rem; }

.theme-preview__block:last-child {
  margin-block-end: 0; }

.theme-preview__block .sd-checkbox--button-style,
.theme-preview__block .sd-checkbox--button-style:hover {
  color: var(--sd-editor-colour__txt);
  border-color: var(--sd-editor-colour__main-border); }

.theme-preview__block .sd-checkbox--button-style.checked,
.theme-preview__block .sd-checkbox--button-style:hover.checked {
  border-color: var(--sd-colour-interactive--active) !important;
  color: white; }

.theme-preview__block .sd-checkbox--button-style.checked label,
.theme-preview__block .sd-checkbox--button-style:hover.checked label {
  color: white !important; }

.theme-preview__block .sd-checkbox--button-style label,
.theme-preview__block .sd-checkbox--button-style:hover label {
  color: var(--sd-editor-colour__txt); }

.theme-preview__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8rem;
  height: 1.8rem;
  vertical-align: middle;
  border-radius: var(--b-radius--x-small);
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 400;
  background-color: var(--sd-editor-colour__field-label-bg);
  color: white;
  font-family: "Roboto"; }

.theme-preview__text-field {
  display: flex;
  line-height: 140%;
  color: inherit;
  font-family: inherit;
  border-block-end: 1px dotted var(--sd-editor-colour__main-border);
  margin-block-end: 0.8rem;
  padding: 1rem 0 0.5rem;
  flex-direction: column;
  justify-content: flex-end; }

.theme-preview__media-field {
  display: flex;
  color: inherit;
  font-family: inherit;
  margin-block-end: 0.8rem;
  padding: 1rem 0 0.5rem;
  flex-direction: column; }

.theme-preview__button-bar {
  text-align: end; }

.theme-preview__button-bar .sd-check__wrapper + .sd-check__wrapper {
  margin-inline-start: 0.2rem; }

.main-article {
  background-color: var(--sd-editor-colour__main-bg);
  color: var(--sd-editor-colour__txt); }

.main-article .Editor3-root .DraftEditor-editorContainer blockquote {
  margin: 0 0 0 4px;
  box-shadow: -4px 0 0 var(--sd-editor-colour__quote-border);
  font-style: italic;
  font-weight: 400;
  padding: 0.5em 0 0 1em; }

.main-article.sd-editor--font-sans {
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

.main-article.sd-editor--font-serif {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; }

.main-article.sd-editor--font-mono {
  font-family: "Roboto Mono", "Consolas", "monaco", monospace; }

.main-article.sd-editor--headline-small .headline .Editor3-root .DraftEditor-editorContainer {
  font-size: 2.3rem; }

.main-article.sd-editor--headline-small .headline .text-editor,
.main-article.sd-editor--headline-small .headline p .text-editor,
.main-article.sd-editor--headline-small .headline div .text-editor {
  font-size: 2.3rem; }

.main-article.sd-editor--headline-medium .headline .Editor3-root .DraftEditor-editorContainer {
  font-size: 2.8rem; }

.main-article.sd-editor--headline-medium .headline .text-editor,
.main-article.sd-editor--headline-medium .headline p .text-editor,
.main-article.sd-editor--headline-medium .headline div .text-editor {
  font-size: 2.8rem; }

.main-article.sd-editor--headline-large .headline .Editor3-root .DraftEditor-editorContainer {
  font-size: 3.2rem; }

.main-article.sd-editor--headline-large .headline .text-editor,
.main-article.sd-editor--headline-large .headline p .text-editor,
.main-article.sd-editor--headline-large .headline div .text-editor {
  font-size: 3.2rem; }

.main-article.sd-editor--abstract-small .abstract .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.4rem; }

.main-article.sd-editor--abstract-small .abstract,
.main-article.sd-editor--abstract-small .abstract p,
.main-article.sd-editor--abstract-small .abstract div:not(.field__label) {
  font-size: 1.4rem; }

.main-article.sd-editor--abstract-medium .abstract .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.6rem; }

.main-article.sd-editor--abstract-medium .abstract,
.main-article.sd-editor--abstract-medium .abstract p,
.main-article.sd-editor--abstract-medium .abstract div:not(.field__label) {
  font-size: 1.6rem; }

.main-article.sd-editor--abstract-large .abstract .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.8rem; }

.main-article.sd-editor--abstract-large .abstract,
.main-article.sd-editor--abstract-large .abstract p,
.main-article.sd-editor--abstract-large .abstract div:not(.field__label) {
  font-size: 1.8rem; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.4rem; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h1 {
  font-size: 2em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h2 {
  font-size: 1.5em;
  line-height: 140%; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h3 {
  font-size: 1.125em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h4 {
  font-size: 0.875em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h5 {
  font-size: 0.75em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h6 {
  font-size: 0.6875em;
  color: inherit;
  opacity: 0.7;
  letter-spacing: 0.03em; }

.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h1,
.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h2,
.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h3,
.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h4,
.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h5,
.main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer h6 {
  line-height: 140%; }

.main-article.sd-editor--body-small .body-text .text-editor {
  font-size: 1.4rem; }

.main-article.sd-editor--body-small .body-text .text-editor p {
  font-size: 1.4rem; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.6rem; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h1 {
  font-size: 2em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h2 {
  font-size: 1.5em;
  line-height: 140%; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h3 {
  font-size: 1.125em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h4 {
  font-size: 0.875em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h5 {
  font-size: 0.75em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h6 {
  font-size: 0.6875em;
  color: inherit;
  opacity: 0.7;
  letter-spacing: 0.03em; }

.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h1,
.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h2,
.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h3,
.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h4,
.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h5,
.main-article.sd-editor--body-medium .Editor3-root .DraftEditor-editorContainer h6 {
  line-height: 140%; }

.main-article.sd-editor--body-medium .body-text .text-editor {
  font-size: 1.6rem; }

.main-article.sd-editor--body-medium .body-text .text-editor p {
  font-size: 1.6rem; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer {
  font-size: 1.8rem; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h1 {
  font-size: 2em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h2 {
  font-size: 1.5em;
  line-height: 140%; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h3 {
  font-size: 1.125em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h4 {
  font-size: 0.875em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h5 {
  font-size: 0.75em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h6 {
  font-size: 0.6875em;
  color: inherit;
  opacity: 0.7;
  letter-spacing: 0.03em; }

.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h1,
.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h2,
.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h3,
.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h4,
.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h5,
.main-article.sd-editor--body-large .Editor3-root .DraftEditor-editorContainer h6 {
  line-height: 140%; }

.main-article.sd-editor--body-large .body-text .text-editor {
  font-size: 1.8rem; }

.main-article.sd-editor--body-large .body-text .text-editor p {
  font-size: 1.8rem; }

.Editor3-styleButton {
  color: var(--sd-editor-colour__txt);
  cursor: pointer;
  margin: 0.4rem 0.2rem;
  height: 3rem;
  min-width: 3rem;
  padding: 0.6rem;
  display: inline-block;
  border-radius: 1.5rem;
  text-align: center;
  line-height: 1.6rem; }

.Editor3-styleButton [class*="icon-"] {
  color: inherit;
  opacity: 0.5;
  vertical-align: middle; }

.Editor3-styleButton:hover [class*="icon-"] {
  color: inherit;
  opacity: 0.9; }

.Editor3-styleButton .inactive [class*="icon-"] {
  opacity: 0.2; }

.Editor3-styleButton .inactive:hover [class*="icon-"] {
  opacity: 0.2; }

.Editor3-styleButton.Editor3-activeButton, .Editor3-styleButton.Editor3-activeButton:hover {
  color: var(--sd-editor-colour__button-txt--active);
  background-color: rgba(0, 0, 0, 0.075); }

.Editor3-styleButton.Editor3-activeButton [class*="icon-"], .Editor3-styleButton.Editor3-activeButton:hover [class*="icon-"] {
  opacity: 1; }

.Editor3-styleButton--short {
  padding-inline-end: 0.2rem;
  margin-inline-end: -1rem; }

.dashboard-content-header {
  display: flex;
  padding: 1.5rem; }

.big-number-block {
  display: flex;
  color: #6a788a; }

.big-number-block__number {
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -.02em; }

.big-number-block__text {
  margin: 0 1rem;
  line-height: 120%;
  font-weight: 300; }

.big-number-block--grow {
  flex-grow: 1; }

.big-number-block--center {
  align-items: center; }

.dashboard-thumbnail-block {
  display: flex; }

.dashboard-thumbnail-block__image {
  border: 1px solid #d6d6d6; }

.dashboard-thumbnail-block__meta {
  padding: 0 1rem;
  display: flex;
  flex-direction: column; }

.dashboard-thumbnail-block__label {
  font-size: 1.2rem;
  color: #8c97a6; }

.dashboard-thumbnail-block__heading {
  display: flex;
  font-weight: 700;
  padding: .3rem 0; }

.dashboard-thumbnail-block__heading i {
  margin-inline-end: .5rem; }

.dashboard-thumbnail-block__link {
  color: var(--sd-colour-interactive);
  text-decoration: none;
  border-block-end: 1px dotted var(--sd-colour-interactive); }

.dashboard-thumbnail-block__link:hover {
  border-block-end: 1px solid var(--sd-colour-interactive);
  text-decoration: none;
  color: var(--sd-colour-interactive); }

.panel-border-left {
  border-inline-end: 0;
  border-inline-start: 2px solid rgba(0, 0, 0, 0.4); }

.panel-border-right {
  border-inline-start: 0;
  border-inline-end: 2px solid rgba(0, 0, 0, 0.4); }

.sd-overlay-block {
  position: relative; }

.sd-overlay-block .sd-overlay-block__overlay-message {
  display: none;
  margin-block-start: 1rem;
  color: #647182; }

.sd-overlay-block img {
  width: 100%; }

.sd-overlay-block:hover .sd-overlay-block__overlay {
  opacity: 1; }

.sd-overlay-block__overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  opacity: 0;
  color: #fff; }

.sd-overlay-block__overlay-action-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.sd-overlay-block__overlay-action {
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--b-radius--full);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent; }

.sd-overlay-block__overlay-action i {
  color: #fff;
  height: 2.4rem;
  width: 2.4rem;
  font-size: 2.4rem;
  line-height: 1;
  opacity: 0.5;
  transition: 0.2s linear all; }

.sd-overlay-block__overlay-action:hover {
  border-color: white;
  background-color: rgba(0, 0, 0, 0.4);
  text-decoration: none; }

.sd-overlay-block__overlay-action:hover i {
  opacity: 1; }

.sd-overlay-block__overlay-action + .sd-overlay-block__overlay-action {
  margin-inline-start: 2rem; }

.sd-overlay-block--no-image {
  height: 160px;
  border: 2px dashed #2c323a; }

.sd-overlay-block--no-image img {
  display: none; }

.sd-overlay-block--no-image .sd-overlay-block__overlay {
  opacity: 1; }

.sd-overlay-block--no-image .sd-overlay-block__overlay-action-group {
  flex-direction: column; }

.sd-overlay-block--no-image .sd-overlay-block__overlay-message {
  display: block; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }

.hollow-red--100:hover {
  color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }

.hollow-red--900:hover {
  color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }

.hollow-red--200:hover {
  color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }

.hollow-red--800:hover {
  color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }

.hollow-red--300:hover {
  color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }

.hollow-red--700:hover {
  color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }

.hollow-red--400:hover {
  color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }

.hollow-red--600:hover {
  color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }

.hollow-red--50:hover {
  color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }

.hollow-red--500:hover {
  color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }

.hollow-pink--100:hover {
  color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }

.hollow-pink--900:hover {
  color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }

.hollow-pink--200:hover {
  color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }

.hollow-pink--800:hover {
  color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }

.hollow-pink--300:hover {
  color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }

.hollow-pink--700:hover {
  color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }

.hollow-pink--400:hover {
  color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }

.hollow-pink--600:hover {
  color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }

.hollow-pink--50:hover {
  color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }

.hollow-pink--500:hover {
  color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }

.hollow-purple--100:hover {
  color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }

.hollow-purple--900:hover {
  color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }

.hollow-purple--200:hover {
  color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }

.hollow-purple--800:hover {
  color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }

.hollow-purple--300:hover {
  color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }

.hollow-purple--700:hover {
  color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }

.hollow-purple--400:hover {
  color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }

.hollow-purple--600:hover {
  color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }

.hollow-purple--50:hover {
  color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }

.hollow-purple--500:hover {
  color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }

.hollow-deep-purple--100:hover {
  color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }

.hollow-deep-purple--900:hover {
  color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }

.hollow-deep-purple--200:hover {
  color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }

.hollow-deep-purple--800:hover {
  color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }

.hollow-deep-purple--300:hover {
  color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }

.hollow-deep-purple--700:hover {
  color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }

.hollow-deep-purple--400:hover {
  color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }

.hollow-deep-purple--600:hover {
  color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }

.hollow-deep-purple--50:hover {
  color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }

.hollow-deep-purple--500:hover {
  color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }

.hollow-indigo--100:hover {
  color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }

.hollow-indigo--900:hover {
  color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }

.hollow-indigo--200:hover {
  color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }

.hollow-indigo--800:hover {
  color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }

.hollow-indigo--300:hover {
  color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }

.hollow-indigo--700:hover {
  color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }

.hollow-indigo--400:hover {
  color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }

.hollow-indigo--600:hover {
  color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }

.hollow-indigo--50:hover {
  color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }

.hollow-indigo--500:hover {
  color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }

.hollow-blue--100:hover {
  color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }

.hollow-blue--900:hover {
  color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }

.hollow-blue--200:hover {
  color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }

.hollow-blue--800:hover {
  color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }

.hollow-blue--300:hover {
  color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }

.hollow-blue--700:hover {
  color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }

.hollow-blue--400:hover {
  color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }

.hollow-blue--600:hover {
  color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }

.hollow-blue--50:hover {
  color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }

.hollow-blue--500:hover {
  color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }

.hollow-light-blue--100:hover {
  color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }

.hollow-light-blue--900:hover {
  color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }

.hollow-light-blue--200:hover {
  color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }

.hollow-light-blue--800:hover {
  color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }

.hollow-light-blue--300:hover {
  color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }

.hollow-light-blue--700:hover {
  color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }

.hollow-light-blue--400:hover {
  color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }

.hollow-light-blue--600:hover {
  color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }

.hollow-light-blue--50:hover {
  color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }

.hollow-light-blue--500:hover {
  color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }

.hollow-cyan--100:hover {
  color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }

.hollow-cyan--900:hover {
  color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }

.hollow-cyan--200:hover {
  color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }

.hollow-cyan--800:hover {
  color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }

.hollow-cyan--300:hover {
  color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }

.hollow-cyan--700:hover {
  color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }

.hollow-cyan--400:hover {
  color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }

.hollow-cyan--600:hover {
  color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }

.hollow-cyan--50:hover {
  color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }

.hollow-cyan--500:hover {
  color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }

.hollow-teal--100:hover {
  color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }

.hollow-teal--900:hover {
  color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }

.hollow-teal--200:hover {
  color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }

.hollow-teal--800:hover {
  color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }

.hollow-teal--300:hover {
  color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }

.hollow-teal--700:hover {
  color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }

.hollow-teal--400:hover {
  color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }

.hollow-teal--600:hover {
  color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }

.hollow-teal--50:hover {
  color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }

.hollow-teal--500:hover {
  color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }

.hollow-green--100:hover {
  color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }

.hollow-green--900:hover {
  color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }

.hollow-green--200:hover {
  color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }

.hollow-green--800:hover {
  color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }

.hollow-green--300:hover {
  color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }

.hollow-green--700:hover {
  color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }

.hollow-green--400:hover {
  color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }

.hollow-green--600:hover {
  color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }

.hollow-green--50:hover {
  color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }

.hollow-green--500:hover {
  color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }

.hollow-light-green--100:hover {
  color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }

.hollow-light-green--900:hover {
  color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }

.hollow-light-green--200:hover {
  color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }

.hollow-light-green--800:hover {
  color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }

.hollow-light-green--300:hover {
  color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }

.hollow-light-green--700:hover {
  color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }

.hollow-light-green--400:hover {
  color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }

.hollow-light-green--600:hover {
  color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }

.hollow-light-green--50:hover {
  color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }

.hollow-light-green--500:hover {
  color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }

.hollow-lime--100:hover {
  color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }

.hollow-lime--900:hover {
  color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }

.hollow-lime--200:hover {
  color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }

.hollow-lime--800:hover {
  color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }

.hollow-lime--300:hover {
  color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }

.hollow-lime--700:hover {
  color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }

.hollow-lime--400:hover {
  color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }

.hollow-lime--600:hover {
  color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }

.hollow-lime--50:hover {
  color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }

.hollow-lime--500:hover {
  color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }

.hollow-yellow--100:hover {
  color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }

.hollow-yellow--900:hover {
  color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }

.hollow-yellow--200:hover {
  color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }

.hollow-yellow--800:hover {
  color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }

.hollow-yellow--300:hover {
  color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }

.hollow-yellow--700:hover {
  color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }

.hollow-yellow--400:hover {
  color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }

.hollow-yellow--600:hover {
  color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }

.hollow-yellow--50:hover {
  color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }

.hollow-yellow--500:hover {
  color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }

.hollow-amber--100:hover {
  color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }

.hollow-amber--900:hover {
  color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }

.hollow-amber--200:hover {
  color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }

.hollow-amber--800:hover {
  color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }

.hollow-amber--300:hover {
  color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }

.hollow-amber--700:hover {
  color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }

.hollow-amber--400:hover {
  color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }

.hollow-amber--600:hover {
  color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }

.hollow-amber--50:hover {
  color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }

.hollow-amber--500:hover {
  color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }

.hollow-orange--100:hover {
  color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }

.hollow-orange--900:hover {
  color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }

.hollow-orange--200:hover {
  color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }

.hollow-orange--800:hover {
  color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }

.hollow-orange--300:hover {
  color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }

.hollow-orange--700:hover {
  color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }

.hollow-orange--400:hover {
  color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }

.hollow-orange--600:hover {
  color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }

.hollow-orange--50:hover {
  color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }

.hollow-orange--500:hover {
  color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }

.hollow-deep-orange--100:hover {
  color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }

.hollow-deep-orange--900:hover {
  color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }

.hollow-deep-orange--200:hover {
  color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }

.hollow-deep-orange--800:hover {
  color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }

.hollow-deep-orange--300:hover {
  color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }

.hollow-deep-orange--700:hover {
  color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }

.hollow-deep-orange--400:hover {
  color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }

.hollow-deep-orange--600:hover {
  color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }

.hollow-deep-orange--50:hover {
  color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }

.hollow-deep-orange--500:hover {
  color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }

.hollow-brown--100:hover {
  color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }

.hollow-brown--900:hover {
  color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }

.hollow-brown--200:hover {
  color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }

.hollow-brown--800:hover {
  color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }

.hollow-brown--300:hover {
  color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }

.hollow-brown--700:hover {
  color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }

.hollow-brown--400:hover {
  color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }

.hollow-brown--600:hover {
  color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }

.hollow-brown--50:hover {
  color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }

.hollow-brown--500:hover {
  color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }

.hollow-grey--100:hover {
  color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }

.hollow-grey--900:hover {
  color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }

.hollow-grey--200:hover {
  color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }

.hollow-grey--800:hover {
  color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }

.hollow-grey--300:hover {
  color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }

.hollow-grey--700:hover {
  color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }

.hollow-grey--400:hover {
  color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }

.hollow-grey--600:hover {
  color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }

.hollow-grey--50:hover {
  color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }

.hollow-grey--500:hover {
  color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }

.hollow-blue-grey--100:hover {
  color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }

.hollow-blue-grey--900:hover {
  color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }

.hollow-blue-grey--200:hover {
  color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }

.hollow-blue-grey--800:hover {
  color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }

.hollow-blue-grey--300:hover {
  color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }

.hollow-blue-grey--700:hover {
  color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }

.hollow-blue-grey--400:hover {
  color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }

.hollow-blue-grey--600:hover {
  color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }

.hollow-blue-grey--50:hover {
  color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }

.hollow-blue-grey--500:hover {
  color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

@font-face {
  font-family: 'sd_icons';
  src: url(7776f0426ab015f15eef72cabf8720ae.eot);
  src: url(7776f0426ab015f15eef72cabf8720ae.eot?#iefix-r9v51w) format("embedded-opentype"), url(c120a3dc1c34c8d3db0d4600b7c46fed.woff) format("woff"), url(c34dca3cfb79c2395117323953ca1255.ttf) format("truetype"), url(01701f6ad1298a0098f34975ff381de5.svg#sd_icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  --icon-base-size: 16px;
  display: inline-block;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--2x {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icon--light {
  opacity: 0.5; }

.icon--blue {
  color: var(--sd-colour-interactive) !important; }

.icon--white {
  color: white !important; }

.icon--light-blue {
  color: #68abc8 !important;
  opacity: 1 !important; }

.icon--dark-blue-grey {
  color: #31728e !important;
  opacity: 1 !important; }

[class*=icon-].red,
.icon--red {
  color: #bd1600 !important; }

.icon--orange {
  color: #db8000 !important; }

.icon--green {
  color: #46a446 !important; }

.icon--full-opacity {
  opacity: 1 !important; }

.icon--disabled {
  opacity: 0.2 !important; }

.icon-photo:before {
  content: "\E600"; }

.icon-photo.color--default {
  color: var(--color-icon-default); }

.icon-photo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo.color--white {
  color: #e2e5e9 !important; }

.icon-photo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video:before {
  content: "\E601"; }

.icon-video.color--default {
  color: var(--color-icon-default); }

.icon-video.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video.color--white {
  color: #e2e5e9 !important; }

.icon-video.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-map-marker:before {
  content: "\E602"; }

.icon-map-marker.color--default {
  color: var(--color-icon-default); }

.icon-map-marker.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-map-marker.color--success {
  color: var(--sd-colour-success) !important; }

.icon-map-marker.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-map-marker.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-map-marker.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-map-marker.color--light {
  color: var(--color-text-lighter) !important; }

.icon-map-marker.color--white {
  color: #e2e5e9 !important; }

.icon-map-marker.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-map-marker.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-map-marker.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-map-marker.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-slideshow:before {
  content: "\E603"; }

.icon-slideshow.color--default {
  color: var(--color-icon-default); }

.icon-slideshow.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-slideshow.color--success {
  color: var(--sd-colour-success) !important; }

.icon-slideshow.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-slideshow.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-slideshow.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-slideshow.color--light {
  color: var(--color-text-lighter) !important; }

.icon-slideshow.color--white {
  color: #e2e5e9 !important; }

.icon-slideshow.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-slideshow.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-slideshow.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-slideshow.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text:before {
  content: "\E604"; }

.icon-text.color--default {
  color: var(--color-icon-default); }

.icon-text.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text.color--white {
  color: #e2e5e9 !important; }

.icon-text.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file:before {
  content: "\E605"; }

.icon-file.color--default {
  color: var(--color-icon-default); }

.icon-file.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file.color--white {
  color: #e2e5e9 !important; }

.icon-file.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar:before {
  content: "\E606"; }

.icon-calendar.color--default {
  color: var(--color-icon-default); }

.icon-calendar.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar.color--white {
  color: #e2e5e9 !important; }

.icon-calendar.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-composite:before {
  content: "\E607"; }

.icon-composite.color--default {
  color: var(--color-icon-default); }

.icon-composite.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-composite.color--success {
  color: var(--sd-colour-success) !important; }

.icon-composite.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-composite.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-composite.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-composite.color--light {
  color: var(--color-text-lighter) !important; }

.icon-composite.color--white {
  color: #e2e5e9 !important; }

.icon-composite.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-composite.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-composite.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-composite.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio:before {
  content: "\E608"; }

.icon-audio.color--default {
  color: var(--color-icon-default); }

.icon-audio.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio.color--white {
  color: #e2e5e9 !important; }

.icon-audio.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stream:before {
  content: "\E609"; }

.icon-stream.color--default {
  color: var(--color-icon-default); }

.icon-stream.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stream.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stream.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stream.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stream.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stream.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stream.color--white {
  color: #e2e5e9 !important; }

.icon-stream.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stream.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stream.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stream.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ingest:before {
  content: "\E60A"; }

.icon-ingest.color--default {
  color: var(--color-icon-default); }

.icon-ingest.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ingest.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ingest.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ingest.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ingest.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ingest.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ingest.color--white {
  color: #e2e5e9 !important; }

.icon-ingest.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ingest.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ingest.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ingest.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-archive:before {
  content: "\E60B"; }

.icon-archive.color--default {
  color: var(--color-icon-default); }

.icon-archive.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-archive.color--success {
  color: var(--sd-colour-success) !important; }

.icon-archive.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-archive.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-archive.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-archive.color--light {
  color: var(--color-text-lighter) !important; }

.icon-archive.color--white {
  color: #e2e5e9 !important; }

.icon-archive.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-archive.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-archive.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-archive.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-time:before {
  content: "\E60C"; }

.icon-time.color--default {
  color: var(--color-icon-default); }

.icon-time.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-time.color--success {
  color: var(--sd-colour-success) !important; }

.icon-time.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-time.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-time.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-time.color--light {
  color: var(--color-text-lighter) !important; }

.icon-time.color--white {
  color: #e2e5e9 !important; }

.icon-time.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-time.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-time.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-time.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pin:before {
  content: "\E60D"; }

.icon-pin.color--default {
  color: var(--color-icon-default); }

.icon-pin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pin.color--white {
  color: #e2e5e9 !important; }

.icon-pin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand:before {
  content: "\E60E"; }

.icon-expand.color--default {
  color: var(--color-icon-default); }

.icon-expand.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand.color--white {
  color: #e2e5e9 !important; }

.icon-expand.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ascending:before {
  content: "\E60F"; }

.icon-ascending.color--default {
  color: var(--color-icon-default); }

.icon-ascending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ascending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ascending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ascending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ascending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ascending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ascending.color--white {
  color: #e2e5e9 !important; }

.icon-ascending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ascending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ascending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ascending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-descending:before {
  content: "\E60F"; }

.icon-descending {
  transform: rotate(180deg); }

.icon-descending.color--default {
  color: var(--color-icon-default); }

.icon-descending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-descending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-descending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-descending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-descending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-descending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-descending.color--white {
  color: #e2e5e9 !important; }

.icon-descending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-descending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-descending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-descending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th:before {
  content: "\E610"; }

.icon-th.color--default {
  color: var(--color-icon-default); }

.icon-th.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th.color--white {
  color: #e2e5e9 !important; }

.icon-th.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view:before {
  content: "\E610"; }

.icon-grid-view.color--default {
  color: var(--color-icon-default); }

.icon-grid-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-list:before {
  content: "\E611"; }

.icon-th-list.color--default {
  color: var(--color-icon-default); }

.icon-th-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-list.color--white {
  color: #e2e5e9 !important; }

.icon-th-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-view:before {
  content: "\E611"; }

.icon-list-view.color--default {
  color: var(--color-icon-default); }

.icon-list-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-view.color--white {
  color: #e2e5e9 !important; }

.icon-list-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pencil:before {
  content: "\E612"; }

.icon-pencil.color--default {
  color: var(--color-icon-default); }

.icon-pencil.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pencil.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pencil.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pencil.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pencil.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pencil.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pencil.color--white {
  color: #e2e5e9 !important; }

.icon-pencil.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pencil.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pencil.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pencil.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-lock:before {
  content: "\E613"; }

.icon-lock.color--default {
  color: var(--color-icon-default); }

.icon-lock.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-lock.color--success {
  color: var(--sd-colour-success) !important; }

.icon-lock.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-lock.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-lock.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-lock.color--light {
  color: var(--color-text-lighter) !important; }

.icon-lock.color--white {
  color: #e2e5e9 !important; }

.icon-lock.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-lock.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-lock.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-lock.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-retweet:before {
  content: "\E614"; }

.icon-retweet.color--default {
  color: var(--color-icon-default); }

.icon-retweet.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-retweet.color--success {
  color: var(--sd-colour-success) !important; }

.icon-retweet.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-retweet.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-retweet.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-retweet.color--light {
  color: var(--color-text-lighter) !important; }

.icon-retweet.color--white {
  color: #e2e5e9 !important; }

.icon-retweet.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-retweet.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-retweet.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-retweet.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unspike:before {
  content: "\E615"; }

.icon-unspike.color--default {
  color: var(--color-icon-default); }

.icon-unspike.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unspike.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unspike.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unspike.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unspike.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unspike.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unspike.color--white {
  color: #e2e5e9 !important; }

.icon-unspike.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unspike.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unspike.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unspike.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fullscreen:before {
  content: "\E616"; }

.icon-fullscreen.color--default {
  color: var(--color-icon-default); }

.icon-fullscreen.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fullscreen.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fullscreen.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fullscreen.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fullscreen.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fullscreen.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fullscreen.color--white {
  color: #e2e5e9 !important; }

.icon-fullscreen.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fullscreen.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fullscreen.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fullscreen.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fetch-as:before {
  content: "\E617"; }

.icon-fetch-as.color--default {
  color: var(--color-icon-default); }

.icon-fetch-as.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fetch-as.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fetch-as.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fetch-as.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fetch-as.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fetch-as.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fetch-as.color--white {
  color: #e2e5e9 !important; }

.icon-fetch-as.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fetch-as.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fetch-as.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fetch-as.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-search:before {
  content: "\E618"; }

.icon-search.color--default {
  color: var(--color-icon-default); }

.icon-search.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-search.color--success {
  color: var(--sd-colour-success) !important; }

.icon-search.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-search.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-search.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-search.color--light {
  color: var(--color-text-lighter) !important; }

.icon-search.color--white {
  color: #e2e5e9 !important; }

.icon-search.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-search.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-search.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-search.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star:before {
  content: "\E619"; }

.icon-star.color--default {
  color: var(--color-icon-default); }

.icon-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star.color--white {
  color: #e2e5e9 !important; }

.icon-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star-empty:before {
  content: "\E61A"; }

.icon-star-empty.color--default {
  color: var(--color-icon-default); }

.icon-star-empty.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star-empty.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star-empty.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star-empty.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star-empty.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star-empty.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star-empty.color--white {
  color: #e2e5e9 !important; }

.icon-star-empty.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star-empty.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star-empty.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star-empty.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multi-star:before {
  content: "\E61B"; }

.icon-multi-star.color--default {
  color: var(--color-icon-default); }

.icon-multi-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multi-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multi-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multi-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multi-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multi-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multi-star.color--white {
  color: #e2e5e9 !important; }

.icon-multi-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multi-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multi-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multi-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-large:before {
  content: "\E61C"; }

.icon-th-large.color--default {
  color: var(--color-icon-default); }

.icon-th-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-large.color--white {
  color: #e2e5e9 !important; }

.icon-th-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view-large:before {
  content: "\E61C"; }

.icon-grid-view-large.color--default {
  color: var(--color-icon-default); }

.icon-grid-view-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view-large.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ok:before {
  content: "\E61D"; }

.icon-ok.color--default {
  color: var(--color-icon-default); }

.icon-ok.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ok.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ok.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ok.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ok.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ok.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ok.color--white {
  color: #e2e5e9 !important; }

.icon-ok.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ok.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ok.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ok.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-in:before {
  content: "\E61E"; }

.icon-zoom-in.color--default {
  color: var(--color-icon-default); }

.icon-zoom-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-in.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-out:before {
  content: "\E61F"; }

.icon-zoom-out.color--default {
  color: var(--color-icon-default); }

.icon-zoom-out.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-out.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-out.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-out.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-out.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-out.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-out.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-out.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-out.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-out.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-out.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-signal:before {
  content: "\E620"; }

.icon-signal.color--default {
  color: var(--color-icon-default); }

.icon-signal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-signal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-signal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-signal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-signal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-signal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-signal.color--white {
  color: #e2e5e9 !important; }

.icon-signal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-signal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-signal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-signal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-filter-large:before {
  content: "\E621"; }

.icon-filter-large.color--default {
  color: var(--color-icon-default); }

.icon-filter-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-filter-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-filter-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-filter-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-filter-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-filter-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-filter-large.color--white {
  color: #e2e5e9 !important; }

.icon-filter-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-filter-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-filter-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-filter-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-trash:before {
  content: "\E622"; }

.icon-trash.color--default {
  color: var(--color-icon-default); }

.icon-trash.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-trash.color--success {
  color: var(--sd-colour-success) !important; }

.icon-trash.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-trash.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-trash.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-trash.color--light {
  color: var(--color-text-lighter) !important; }

.icon-trash.color--white {
  color: #e2e5e9 !important; }

.icon-trash.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-trash.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-trash.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-trash.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-user:before {
  content: "\E623"; }

.icon-user.color--default {
  color: var(--color-icon-default); }

.icon-user.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-user.color--success {
  color: var(--sd-colour-success) !important; }

.icon-user.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-user.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-user.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-user.color--light {
  color: var(--color-text-lighter) !important; }

.icon-user.color--white {
  color: #e2e5e9 !important; }

.icon-user.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-user.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-user.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-user.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download:before {
  content: "\E624"; }

.icon-download.color--default {
  color: var(--color-icon-default); }

.icon-download.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download.color--white {
  color: #e2e5e9 !important; }

.icon-download.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-upload:before {
  content: "\E625"; }

.icon-upload.color--default {
  color: var(--color-icon-default); }

.icon-upload.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-upload.color--success {
  color: var(--sd-colour-success) !important; }

.icon-upload.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-upload.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-upload.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-upload.color--light {
  color: var(--color-text-lighter) !important; }

.icon-upload.color--white {
  color: #e2e5e9 !important; }

.icon-upload.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-upload.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-upload.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-upload.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-repeat:before {
  content: "\E626"; }

.icon-repeat.color--default {
  color: var(--color-icon-default); }

.icon-repeat.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-repeat.color--success {
  color: var(--sd-colour-success) !important; }

.icon-repeat.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-repeat.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-repeat.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-repeat.color--light {
  color: var(--color-text-lighter) !important; }

.icon-repeat.color--white {
  color: #e2e5e9 !important; }

.icon-repeat.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-repeat.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-repeat.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-repeat.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-refresh:before {
  content: "\E627"; }

.icon-refresh.color--default {
  color: var(--color-icon-default); }

.icon-refresh.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-refresh.color--success {
  color: var(--sd-colour-success) !important; }

.icon-refresh.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-refresh.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-refresh.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-refresh.color--light {
  color: var(--color-text-lighter) !important; }

.icon-refresh.color--white {
  color: #e2e5e9 !important; }

.icon-refresh.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-refresh.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-refresh.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-refresh.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt:before {
  content: "\E628"; }

.icon-list-alt.color--default {
  color: var(--color-icon-default); }

.icon-list-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-large:before {
  content: "\E629"; }

.icon-plus-large.color--default {
  color: var(--color-icon-default); }

.icon-plus-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-large.color--white {
  color: #e2e5e9 !important; }

.icon-plus-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-picture:before {
  content: "\E62A"; }

.icon-picture.color--default {
  color: var(--color-icon-default); }

.icon-picture.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-picture.color--success {
  color: var(--sd-colour-success) !important; }

.icon-picture.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-picture.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-picture.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-picture.color--light {
  color: var(--color-text-lighter) !important; }

.icon-picture.color--white {
  color: #e2e5e9 !important; }

.icon-picture.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-picture.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-picture.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-picture.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-question-sign:before {
  content: "\E62B"; }

.icon-question-sign.color--default {
  color: var(--color-icon-default); }

.icon-question-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-question-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-question-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-question-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-question-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-question-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-question-sign.color--white {
  color: #e2e5e9 !important; }

.icon-question-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-question-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-question-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-question-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-sign:before {
  content: "\E62C"; }

.icon-info-sign.color--default {
  color: var(--color-icon-default); }

.icon-info-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-sign.color--white {
  color: #e2e5e9 !important; }

.icon-info-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-sign:before {
  content: "\E62D"; }

.icon-plus-sign.color--default {
  color: var(--color-icon-default); }

.icon-plus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-plus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-sign:before {
  content: "\E62E"; }

.icon-minus-sign.color--default {
  color: var(--color-icon-default); }

.icon-minus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-minus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-remove-sign:before {
  content: "\E62F"; }

.icon-remove-sign.color--default {
  color: var(--color-icon-default); }

.icon-remove-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-remove-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-remove-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-remove-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-remove-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-remove-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-remove-sign.color--white {
  color: #e2e5e9 !important; }

.icon-remove-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-remove-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-remove-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-remove-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-share-alt:before {
  content: "\E630"; }

.icon-share-alt.color--default {
  color: var(--color-icon-default); }

.icon-share-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-share-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-share-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-share-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-share-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-share-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-share-alt.color--white {
  color: #e2e5e9 !important; }

.icon-share-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-share-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-share-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-share-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-exclamation-sign:before {
  content: "\E631"; }

.icon-exclamation-sign.color--default {
  color: var(--color-icon-default); }

.icon-exclamation-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-exclamation-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-exclamation-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-exclamation-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-exclamation-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-exclamation-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-exclamation-sign.color--white {
  color: #e2e5e9 !important; }

.icon-exclamation-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-exclamation-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-exclamation-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-exclamation-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-eye-open:before {
  content: "\E632"; }

.icon-eye-open.color--default {
  color: var(--color-icon-default); }

.icon-eye-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-eye-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-eye-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-eye-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-eye-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-eye-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-eye-open.color--white {
  color: #e2e5e9 !important; }

.icon-eye-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-eye-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-eye-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-eye-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-copy:before {
  content: "\E633"; }

.icon-copy.color--default {
  color: var(--color-icon-default); }

.icon-copy.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-copy.color--success {
  color: var(--sd-colour-success) !important; }

.icon-copy.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-copy.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-copy.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-copy.color--light {
  color: var(--color-text-lighter) !important; }

.icon-copy.color--white {
  color: #e2e5e9 !important; }

.icon-copy.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-copy.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-copy.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-copy.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-comment:before {
  content: "\E634"; }

.icon-comment.color--default {
  color: var(--color-icon-default); }

.icon-comment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-comment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-comment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-comment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-comment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-comment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-comment.color--white {
  color: #e2e5e9 !important; }

.icon-comment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-comment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-comment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-comment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-warning-sign:before {
  content: "\E635"; }

.icon-warning-sign.color--default {
  color: var(--color-icon-default); }

.icon-warning-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-warning-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-warning-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-warning-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-warning-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-warning-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-warning-sign.color--white {
  color: #e2e5e9 !important; }

.icon-warning-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-warning-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-warning-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-warning-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-adjust:before {
  content: "\E636"; }

.icon-adjust.color--default {
  color: var(--color-icon-default); }

.icon-adjust.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-adjust.color--success {
  color: var(--sd-colour-success) !important; }

.icon-adjust.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-adjust.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-adjust.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-adjust.color--light {
  color: var(--color-text-lighter) !important; }

.icon-adjust.color--white {
  color: #e2e5e9 !important; }

.icon-adjust.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-adjust.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-adjust.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-adjust.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-close:before {
  content: "\E637"; }

.icon-folder-close.color--default {
  color: var(--color-icon-default); }

.icon-folder-close.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-close.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-close.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-close.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-close.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-close.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-close.color--white {
  color: #e2e5e9 !important; }

.icon-folder-close.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-close.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-close.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-close.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-open:before {
  content: "\E638"; }

.icon-folder-open.color--default {
  color: var(--color-icon-default); }

.icon-folder-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-open.color--white {
  color: #e2e5e9 !important; }

.icon-folder-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download-alt:before {
  content: "\E639"; }

.icon-download-alt.color--default {
  color: var(--color-icon-default); }

.icon-download-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download-alt.color--white {
  color: #e2e5e9 !important; }

.icon-download-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-tasks:before {
  content: "\E63A"; }

.icon-tasks.color--default {
  color: var(--color-icon-default); }

.icon-tasks.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-tasks.color--success {
  color: var(--sd-colour-success) !important; }

.icon-tasks.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-tasks.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-tasks.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-tasks.color--light {
  color: var(--color-text-lighter) !important; }

.icon-tasks.color--white {
  color: #e2e5e9 !important; }

.icon-tasks.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-tasks.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-tasks.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-tasks.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-globe:before {
  content: "\E63B"; }

.icon-globe.color--default {
  color: var(--color-icon-default); }

.icon-globe.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-globe.color--success {
  color: var(--sd-colour-success) !important; }

.icon-globe.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-globe.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-globe.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-globe.color--light {
  color: var(--color-text-lighter) !important; }

.icon-globe.color--white {
  color: #e2e5e9 !important; }

.icon-globe.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-globe.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-globe.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-globe.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-link:before {
  content: "\E63C"; }

.icon-link.color--default {
  color: var(--color-icon-default); }

.icon-link.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-link.color--success {
  color: var(--sd-colour-success) !important; }

.icon-link.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-link.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-link.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-link.color--light {
  color: var(--color-text-lighter) !important; }

.icon-link.color--white {
  color: #e2e5e9 !important; }

.icon-link.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-link.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-link.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-link.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand-thin:before {
  content: "\E63D"; }

.icon-expand-thin.color--default {
  color: var(--color-icon-default); }

.icon-expand-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand-thin.color--white {
  color: #e2e5e9 !important; }

.icon-expand-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-assign:before {
  content: "\E63E"; }

.icon-assign.color--default {
  color: var(--color-icon-default); }

.icon-assign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-assign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-assign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-assign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-assign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-assign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-assign.color--white {
  color: #e2e5e9 !important; }

.icon-assign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-assign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-assign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-assign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots:before {
  content: "\E63F"; }

.icon-dots.color--default {
  color: var(--color-icon-default); }

.icon-dots.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots.color--white {
  color: #e2e5e9 !important; }

.icon-dots.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots-vertical:before {
  content: "\E63F"; }

.icon-dots-vertical {
  transform: rotate(90deg); }

.icon-dots-vertical.color--default {
  color: var(--color-icon-default); }

.icon-dots-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-dots-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-backward-thin:before {
  content: "\E640"; }

.icon-backward-thin.color--default {
  color: var(--color-icon-default); }

.icon-backward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-backward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-backward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-backward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-backward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-backward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-backward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-backward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-backward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-backward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-backward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-forward-thin:before {
  content: "\E641"; }

.icon-forward-thin.color--default {
  color: var(--color-icon-default); }

.icon-forward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-forward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-forward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-forward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-forward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-forward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-forward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-forward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-forward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-forward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-forward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-left-thin:before {
  content: "\E642"; }

.icon-chevron-left-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-left-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-left-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-left-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-left-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-left-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-left-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-left-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-left-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-left-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-left-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-left-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-right-thin:before {
  content: "\E643"; }

.icon-chevron-right-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-right-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-right-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-right-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-right-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-right-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-right-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-right-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-right-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-right-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-right-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-right-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-switches:before {
  content: "\E644"; }

.icon-switches.color--default {
  color: var(--color-icon-default); }

.icon-switches.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-switches.color--success {
  color: var(--sd-colour-success) !important; }

.icon-switches.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-switches.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-switches.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-switches.color--light {
  color: var(--color-text-lighter) !important; }

.icon-switches.color--white {
  color: #e2e5e9 !important; }

.icon-switches.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-switches.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-switches.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-switches.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-small:before {
  content: "\E645"; }

.icon-plus-small.color--default {
  color: var(--color-icon-default); }

.icon-plus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-small.color--white {
  color: #e2e5e9 !important; }

.icon-plus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-small:before {
  content: "\E646"; }

.icon-minus-small.color--default {
  color: var(--color-icon-default); }

.icon-minus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-small.color--white {
  color: #e2e5e9 !important; }

.icon-minus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-small:before {
  content: "\E647"; }

.icon-close-small.color--default {
  color: var(--color-icon-default); }

.icon-close-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-small.color--white {
  color: #e2e5e9 !important; }

.icon-close-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post:before {
  content: "\E648"; }

.icon-post.color--default {
  color: var(--color-icon-default); }

.icon-post.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post.color--white {
  color: #e2e5e9 !important; }

.icon-post.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-external:before {
  content: "\E649"; }

.icon-external.color--default {
  color: var(--color-icon-default); }

.icon-external.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-external.color--success {
  color: var(--sd-colour-success) !important; }

.icon-external.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-external.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-external.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-external.color--light {
  color: var(--color-text-lighter) !important; }

.icon-external.color--white {
  color: #e2e5e9 !important; }

.icon-external.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-external.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-external.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-external.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-up-thin:before {
  content: "\E64A"; }

.icon-chevron-up-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-up-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-up-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-up-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-up-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-up-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-up-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-up-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-up-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-up-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-up-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-up-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-down-thin:before {
  content: "\E64B"; }

.icon-chevron-down-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-down-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-down-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-down-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-down-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-down-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-down-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-down-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-down-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-down-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-down-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-down-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pick:before {
  content: "\E64C"; }

.icon-pick.color--default {
  color: var(--color-icon-default); }

.icon-pick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pick.color--white {
  color: #e2e5e9 !important; }

.icon-pick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-revert:before {
  content: "\E64D"; }

.icon-revert.color--default {
  color: var(--color-icon-default); }

.icon-revert.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-revert.color--success {
  color: var(--sd-colour-success) !important; }

.icon-revert.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-revert.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-revert.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-revert.color--light {
  color: var(--color-text-lighter) !important; }

.icon-revert.color--white {
  color: #e2e5e9 !important; }

.icon-revert.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-revert.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-revert.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-revert.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-plus:before {
  content: "\E64E"; }

.icon-package-plus.color--default {
  color: var(--color-icon-default); }

.icon-package-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-plus.color--white {
  color: #e2e5e9 !important; }

.icon-package-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-plus:before {
  content: "\E64F"; }

.icon-list-plus.color--default {
  color: var(--color-icon-default); }

.icon-list-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-plus.color--white {
  color: #e2e5e9 !important; }

.icon-list-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-envelope:before {
  content: "\E650"; }

.icon-envelope.color--default {
  color: var(--color-icon-default); }

.icon-envelope.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-envelope.color--success {
  color: var(--sd-colour-success) !important; }

.icon-envelope.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-envelope.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-envelope.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-envelope.color--light {
  color: var(--color-text-lighter) !important; }

.icon-envelope.color--white {
  color: #e2e5e9 !important; }

.icon-envelope.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-envelope.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-envelope.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-envelope.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heart:before {
  content: "\E651"; }

.icon-heart.color--default {
  color: var(--color-icon-default); }

.icon-heart.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heart.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heart.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heart.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heart.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heart.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heart.color--white {
  color: #e2e5e9 !important; }

.icon-heart.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heart.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heart.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heart.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-home:before {
  content: "\E652"; }

.icon-home.color--default {
  color: var(--color-icon-default); }

.icon-home.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-home.color--success {
  color: var(--sd-colour-success) !important; }

.icon-home.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-home.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-home.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-home.color--light {
  color: var(--color-text-lighter) !important; }

.icon-home.color--white {
  color: #e2e5e9 !important; }

.icon-home.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-home.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-home.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-home.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-print:before {
  content: "\E653"; }

.icon-print.color--default {
  color: var(--color-icon-default); }

.icon-print.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-print.color--success {
  color: var(--sd-colour-success) !important; }

.icon-print.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-print.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-print.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-print.color--light {
  color: var(--color-text-lighter) !important; }

.icon-print.color--white {
  color: #e2e5e9 !important; }

.icon-print.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-print.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-print.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-print.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-font:before {
  content: "\E654"; }

.icon-font.color--default {
  color: var(--color-icon-default); }

.icon-font.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-font.color--success {
  color: var(--sd-colour-success) !important; }

.icon-font.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-font.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-font.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-font.color--light {
  color: var(--color-text-lighter) !important; }

.icon-font.color--white {
  color: #e2e5e9 !important; }

.icon-font.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-font.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-font.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-font.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bold:before {
  content: "\E655"; }

.icon-bold.color--default {
  color: var(--color-icon-default); }

.icon-bold.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bold.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bold.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bold.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bold.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bold.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bold.color--white {
  color: #e2e5e9 !important; }

.icon-bold.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bold.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bold.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bold.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-italic:before {
  content: "\E656"; }

.icon-italic.color--default {
  color: var(--color-icon-default); }

.icon-italic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-italic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-italic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-italic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-italic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-italic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-italic.color--white {
  color: #e2e5e9 !important; }

.icon-italic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-italic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-italic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-italic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-underline:before {
  content: "\E657"; }

.icon-underline.color--default {
  color: var(--color-icon-default); }

.icon-underline.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-underline.color--success {
  color: var(--sd-colour-success) !important; }

.icon-underline.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-underline.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-underline.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-underline.color--light {
  color: var(--color-text-lighter) !important; }

.icon-underline.color--white {
  color: #e2e5e9 !important; }

.icon-underline.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-underline.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-underline.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-underline.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-strikethrough:before {
  content: "\E658"; }

.icon-strikethrough.color--default {
  color: var(--color-icon-default); }

.icon-strikethrough.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-strikethrough.color--success {
  color: var(--sd-colour-success) !important; }

.icon-strikethrough.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-strikethrough.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-strikethrough.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-strikethrough.color--light {
  color: var(--color-text-lighter) !important; }

.icon-strikethrough.color--white {
  color: #e2e5e9 !important; }

.icon-strikethrough.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-strikethrough.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-strikethrough.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-strikethrough.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-left:before {
  content: "\E659"; }

.icon-align-left.color--default {
  color: var(--color-icon-default); }

.icon-align-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-left.color--white {
  color: #e2e5e9 !important; }

.icon-align-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-center:before {
  content: "\E65A"; }

.icon-align-center.color--default {
  color: var(--color-icon-default); }

.icon-align-center.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-center.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-center.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-center.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-center.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-center.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-center.color--white {
  color: #e2e5e9 !important; }

.icon-align-center.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-center.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-center.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-center.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-right:before {
  content: "\E65B"; }

.icon-align-right.color--default {
  color: var(--color-icon-default); }

.icon-align-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-right.color--white {
  color: #e2e5e9 !important; }

.icon-align-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-justify:before {
  content: "\E65C"; }

.icon-align-justify.color--default {
  color: var(--color-icon-default); }

.icon-align-justify.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-justify.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-justify.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-justify.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-justify.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-justify.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-justify.color--white {
  color: #e2e5e9 !important; }

.icon-align-justify.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-justify.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-justify.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-justify.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unordered-list:before {
  content: "\E65D"; }

.icon-unordered-list.color--default {
  color: var(--color-icon-default); }

.icon-unordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-unordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-left:before {
  content: "\E65E"; }

.icon-indent-left.color--default {
  color: var(--color-icon-default); }

.icon-indent-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-left.color--white {
  color: #e2e5e9 !important; }

.icon-indent-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-right:before {
  content: "\E65F"; }

.icon-indent-right.color--default {
  color: var(--color-icon-default); }

.icon-indent-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-right.color--white {
  color: #e2e5e9 !important; }

.icon-indent-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ban-circle:before {
  content: "\E660"; }

.icon-ban-circle.color--default {
  color: var(--color-icon-default); }

.icon-ban-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ban-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ban-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ban-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ban-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ban-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ban-circle.color--white {
  color: #e2e5e9 !important; }

.icon-ban-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ban-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ban-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ban-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bell:before {
  content: "\E661"; }

.icon-bell.color--default {
  color: var(--color-icon-default); }

.icon-bell.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bell.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bell.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bell.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bell.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bell.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bell.color--white {
  color: #e2e5e9 !important; }

.icon-bell.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bell.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bell.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bell.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-random:before {
  content: "\E662"; }

.icon-random.color--default {
  color: var(--color-icon-default); }

.icon-random.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-random.color--success {
  color: var(--sd-colour-success) !important; }

.icon-random.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-random.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-random.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-random.color--light {
  color: var(--color-text-lighter) !important; }

.icon-random.color--white {
  color: #e2e5e9 !important; }

.icon-random.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-random.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-random.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-random.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-settings:before {
  content: "\E663"; }

.icon-settings.color--default {
  color: var(--color-icon-default); }

.icon-settings.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-settings.color--success {
  color: var(--sd-colour-success) !important; }

.icon-settings.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-settings.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-settings.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-settings.color--light {
  color: var(--color-text-lighter) !important; }

.icon-settings.color--white {
  color: #e2e5e9 !important; }

.icon-settings.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-settings.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-settings.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-settings.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-create:before {
  content: "\E664"; }

.icon-package-create.color--default {
  color: var(--color-icon-default); }

.icon-package-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-create.color--white {
  color: #e2e5e9 !important; }

.icon-package-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-menu:before {
  content: "\E665"; }

.icon-list-menu.color--default {
  color: var(--color-icon-default); }

.icon-list-menu.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-menu.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-menu.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-menu.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-menu.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-menu.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-menu.color--white {
  color: #e2e5e9 !important; }

.icon-list-menu.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-menu.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-menu.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-menu.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-new-doc:before {
  content: "\E666"; }

.icon-new-doc.color--default {
  color: var(--color-icon-default); }

.icon-new-doc.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-new-doc.color--success {
  color: var(--sd-colour-success) !important; }

.icon-new-doc.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-new-doc.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-new-doc.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-new-doc.color--light {
  color: var(--color-text-lighter) !important; }

.icon-new-doc.color--white {
  color: #e2e5e9 !important; }

.icon-new-doc.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-new-doc.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-new-doc.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-new-doc.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-edit-line:before {
  content: "\E667"; }

.icon-edit-line.color--default {
  color: var(--color-icon-default); }

.icon-edit-line.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-edit-line.color--success {
  color: var(--sd-colour-success) !important; }

.icon-edit-line.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-edit-line.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-edit-line.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-edit-line.color--light {
  color: var(--color-text-lighter) !important; }

.icon-edit-line.color--white {
  color: #e2e5e9 !important; }

.icon-edit-line.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-edit-line.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-edit-line.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-edit-line.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar-list:before {
  content: "\E668"; }

.icon-calendar-list.color--default {
  color: var(--color-icon-default); }

.icon-calendar-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar-list.color--white {
  color: #e2e5e9 !important; }

.icon-calendar-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-collapse:before {
  content: "\E669"; }

.icon-collapse.color--default {
  color: var(--color-icon-default); }

.icon-collapse.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-collapse.color--success {
  color: var(--sd-colour-success) !important; }

.icon-collapse.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-collapse.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-collapse.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-collapse.color--light {
  color: var(--color-text-lighter) !important; }

.icon-collapse.color--white {
  color: #e2e5e9 !important; }

.icon-collapse.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-collapse.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-collapse.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-collapse.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast:before {
  content: "\E66A"; }

.icon-broadcast.color--default {
  color: var(--color-icon-default); }

.icon-broadcast.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast-create:before {
  content: "\E66B"; }

.icon-broadcast-create.color--default {
  color: var(--color-icon-default); }

.icon-broadcast-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast-create.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kill:before {
  content: "\E66C"; }

.icon-kill.color--default {
  color: var(--color-icon-default); }

.icon-kill.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kill.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kill.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kill.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kill.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kill.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kill.color--white {
  color: #e2e5e9 !important; }

.icon-kill.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kill.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kill.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kill.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic:before {
  content: "\E66D"; }

.icon-graphic.color--default {
  color: var(--color-icon-default); }

.icon-graphic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic.color--white {
  color: #e2e5e9 !important; }

.icon-graphic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-thick:before {
  content: "\E66E"; }

.icon-close-thick.color--default {
  color: var(--color-icon-default); }

.icon-close-thick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-thick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-thick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-thick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-thick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-thick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-thick.color--white {
  color: #e2e5e9 !important; }

.icon-close-thick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-thick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-thick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-thick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-move:before {
  content: "\E66F"; }

.icon-move.color--default {
  color: var(--color-icon-default); }

.icon-move.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-move.color--success {
  color: var(--sd-colour-success) !important; }

.icon-move.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-move.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-move.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-move.color--light {
  color: var(--color-text-lighter) !important; }

.icon-move.color--white {
  color: #e2e5e9 !important; }

.icon-move.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-move.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-move.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-move.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-takes-package:before {
  content: "\E670"; }

.icon-takes-package.color--default {
  color: var(--color-icon-default); }

.icon-takes-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-takes-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-takes-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-takes-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-takes-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-takes-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-takes-package.color--white {
  color: #e2e5e9 !important; }

.icon-takes-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-takes-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-takes-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-takes-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-highlight-package:before {
  content: "\E671"; }

.icon-highlight-package.color--default {
  color: var(--color-icon-default); }

.icon-highlight-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-highlight-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-highlight-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-highlight-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-highlight-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-highlight-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-highlight-package.color--white {
  color: #e2e5e9 !important; }

.icon-highlight-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-highlight-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-highlight-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-highlight-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preview-mode:before {
  content: "\E672"; }

.icon-preview-mode.color--default {
  color: var(--color-icon-default); }

.icon-preview-mode.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preview-mode.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preview-mode.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preview-mode.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preview-mode.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preview-mode.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preview-mode.color--white {
  color: #e2e5e9 !important; }

.icon-preview-mode.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preview-mode.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preview-mode.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preview-mode.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unlocked:before {
  content: "\E673"; }

.icon-unlocked.color--default {
  color: var(--color-icon-default); }

.icon-unlocked.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unlocked.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unlocked.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unlocked.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unlocked.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unlocked.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unlocked.color--white {
  color: #e2e5e9 !important; }

.icon-unlocked.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unlocked.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unlocked.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unlocked.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-code:before {
  content: "\E674"; }

.icon-code.color--default {
  color: var(--color-icon-default); }

.icon-code.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-code.color--success {
  color: var(--sd-colour-success) !important; }

.icon-code.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-code.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-code.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-code.color--light {
  color: var(--color-text-lighter) !important; }

.icon-code.color--white {
  color: #e2e5e9 !important; }

.icon-code.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-code.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-code.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-code.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-cut:before {
  content: "\E675"; }

.icon-cut.color--default {
  color: var(--color-icon-default); }

.icon-cut.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-cut.color--success {
  color: var(--sd-colour-success) !important; }

.icon-cut.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-cut.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-cut.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-cut.color--light {
  color: var(--color-text-lighter) !important; }

.icon-cut.color--white {
  color: #e2e5e9 !important; }

.icon-cut.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-cut.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-cut.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-cut.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paste:before {
  content: "\E676"; }

.icon-paste.color--default {
  color: var(--color-icon-default); }

.icon-paste.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paste.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paste.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paste.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paste.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paste.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paste.color--white {
  color: #e2e5e9 !important; }

.icon-paste.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paste.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paste.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paste.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-left:before {
  content: "\E677"; }

.icon-arrow-left.color--default {
  color: var(--color-icon-default); }

.icon-arrow-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-left.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-right:before {
  content: "\E678"; }

.icon-arrow-right.color--default {
  color: var(--color-icon-default); }

.icon-arrow-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-right.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-large:before {
  content: "\E679"; }

.icon-info-large.color--default {
  color: var(--color-icon-default); }

.icon-info-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-large.color--white {
  color: #e2e5e9 !important; }

.icon-info-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-help-large:before {
  content: "\E67A"; }

.icon-help-large.color--default {
  color: var(--color-icon-default); }

.icon-help-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-help-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-help-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-help-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-help-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-help-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-help-large.color--white {
  color: #e2e5e9 !important; }

.icon-help-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-help-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-help-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-help-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment:before {
  content: "\E67B"; }

.icon-attachment.color--default {
  color: var(--color-icon-default); }

.icon-attachment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment.color--white {
  color: #e2e5e9 !important; }

.icon-attachment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment-large:before {
  content: "\E67C"; }

.icon-attachment-large.color--default {
  color: var(--color-icon-default); }

.icon-attachment-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment-large.color--white {
  color: #e2e5e9 !important; }

.icon-attachment-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-table:before {
  content: "\E67D"; }

.icon-table.color--default {
  color: var(--color-icon-default); }

.icon-table.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-table.color--success {
  color: var(--sd-colour-success) !important; }

.icon-table.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-table.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-table.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-table.color--light {
  color: var(--color-text-lighter) !important; }

.icon-table.color--white {
  color: #e2e5e9 !important; }

.icon-table.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-table.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-table.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-table.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ordered-list:before {
  content: "\E67E"; }

.icon-ordered-list.color--default {
  color: var(--color-icon-default); }

.icon-ordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-ordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-1:before {
  content: "\E67F"; }

.icon-heading-1.color--default {
  color: var(--color-icon-default); }

.icon-heading-1.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-1.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-1.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-1.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-1.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-1.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-1.color--white {
  color: #e2e5e9 !important; }

.icon-heading-1.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-1.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-1.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-1.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-2:before {
  content: "\E680"; }

.icon-heading-2.color--default {
  color: var(--color-icon-default); }

.icon-heading-2.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-2.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-2.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-2.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-2.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-2.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-2.color--white {
  color: #e2e5e9 !important; }

.icon-heading-2.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-2.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-2.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-2.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-3:before {
  content: "\E681"; }

.icon-heading-3.color--default {
  color: var(--color-icon-default); }

.icon-heading-3.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-3.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-3.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-3.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-3.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-3.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-3.color--white {
  color: #e2e5e9 !important; }

.icon-heading-3.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-3.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-3.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-3.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-4:before {
  content: "\E682"; }

.icon-heading-4.color--default {
  color: var(--color-icon-default); }

.icon-heading-4.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-4.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-4.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-4.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-4.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-4.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-4.color--white {
  color: #e2e5e9 !important; }

.icon-heading-4.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-4.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-4.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-4.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-5:before {
  content: "\E683"; }

.icon-heading-5.color--default {
  color: var(--color-icon-default); }

.icon-heading-5.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-5.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-5.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-5.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-5.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-5.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-5.color--white {
  color: #e2e5e9 !important; }

.icon-heading-5.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-5.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-5.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-5.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-6:before {
  content: "\E684"; }

.icon-heading-6.color--default {
  color: var(--color-icon-default); }

.icon-heading-6.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-6.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-6.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-6.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-6.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-6.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-6.color--white {
  color: #e2e5e9 !important; }

.icon-heading-6.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-6.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-6.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-6.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-quote:before {
  content: "\E685"; }

.icon-quote.color--default {
  color: var(--color-icon-default); }

.icon-quote.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-quote.color--success {
  color: var(--sd-colour-success) !important; }

.icon-quote.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-quote.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-quote.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-quote.color--light {
  color: var(--color-text-lighter) !important; }

.icon-quote.color--white {
  color: #e2e5e9 !important; }

.icon-quote.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-quote.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-quote.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-quote.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multiedit:before {
  content: "\E686"; }

.icon-multiedit.color--default {
  color: var(--color-icon-default); }

.icon-multiedit.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multiedit.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multiedit.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multiedit.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multiedit.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multiedit.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multiedit.color--white {
  color: #e2e5e9 !important; }

.icon-multiedit.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multiedit.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multiedit.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multiedit.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-phone:before {
  content: "\E687"; }

.icon-phone.color--default {
  color: var(--color-icon-default); }

.icon-phone.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-phone.color--success {
  color: var(--sd-colour-success) !important; }

.icon-phone.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-phone.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-phone.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-phone.color--light {
  color: var(--color-text-lighter) !important; }

.icon-phone.color--white {
  color: #e2e5e9 !important; }

.icon-phone.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-phone.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-phone.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-phone.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-mobile:before {
  content: "\E688"; }

.icon-mobile.color--default {
  color: var(--color-icon-default); }

.icon-mobile.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-mobile.color--success {
  color: var(--sd-colour-success) !important; }

.icon-mobile.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-mobile.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-mobile.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-mobile.color--light {
  color: var(--color-text-lighter) !important; }

.icon-mobile.color--white {
  color: #e2e5e9 !important; }

.icon-mobile.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-mobile.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-mobile.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-mobile.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter:before {
  content: "\E689"; }

.icon-twitter.color--default {
  color: var(--color-icon-default); }

.icon-twitter.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter.color--white {
  color: #e2e5e9 !important; }

.icon-twitter.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook:before {
  content: "\E68A"; }

.icon-facebook.color--default {
  color: var(--color-icon-default); }

.icon-facebook.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook.color--white {
  color: #e2e5e9 !important; }

.icon-facebook.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in:before {
  content: "\E68B"; }

.icon-linked-in.color--default {
  color: var(--color-icon-default); }

.icon-linked-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter-circle:before {
  content: "\E68C"; }

.icon-twitter-circle.color--default {
  color: var(--color-icon-default); }

.icon-twitter-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter-circle.color--white {
  color: #e2e5e9 !important; }

.icon-twitter-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook-circle:before {
  content: "\E68D"; }

.icon-facebook-circle.color--default {
  color: var(--color-icon-default); }

.icon-facebook-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook-circle.color--white {
  color: #e2e5e9 !important; }

.icon-facebook-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in-circle:before {
  content: "\E68E"; }

.icon-linked-in-circle.color--default {
  color: var(--color-icon-default); }

.icon-linked-in-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in-circle.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-recurring:before {
  content: "\E68F"; }

.icon-recurring.color--default {
  color: var(--color-icon-default); }

.icon-recurring.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-recurring.color--success {
  color: var(--sd-colour-success) !important; }

.icon-recurring.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-recurring.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-recurring.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-recurring.color--light {
  color: var(--color-text-lighter) !important; }

.icon-recurring.color--white {
  color: #e2e5e9 !important; }

.icon-recurring.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-recurring.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-recurring.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-recurring.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paragraph:before {
  content: "\E690"; }

.icon-paragraph.color--default {
  color: var(--color-icon-default); }

.icon-paragraph.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paragraph.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paragraph.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paragraph.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paragraph.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paragraph.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paragraph.color--white {
  color: #e2e5e9 !important; }

.icon-paragraph.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paragraph.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paragraph.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paragraph.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-suggestion:before {
  content: "\E691"; }

.icon-suggestion.color--default {
  color: var(--color-icon-default); }

.icon-suggestion.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-suggestion.color--success {
  color: var(--sd-colour-success) !important; }

.icon-suggestion.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-suggestion.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-suggestion.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-suggestion.color--light {
  color: var(--color-text-lighter) !important; }

.icon-suggestion.color--white {
  color: #e2e5e9 !important; }

.icon-suggestion.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-suggestion.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-suggestion.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-suggestion.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-event:before {
  content: "\E692"; }

.icon-event.color--default {
  color: var(--color-icon-default); }

.icon-event.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-event.color--success {
  color: var(--sd-colour-success) !important; }

.icon-event.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-event.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-event.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-event.color--light {
  color: var(--color-text-lighter) !important; }

.icon-event.color--white {
  color: #e2e5e9 !important; }

.icon-event.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-event.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-event.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-event.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kanban-view:before {
  content: "\E693"; }

.icon-kanban-view.color--default {
  color: var(--color-icon-default); }

.icon-kanban-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kanban-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kanban-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kanban-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kanban-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kanban-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kanban-view.color--white {
  color: #e2e5e9 !important; }

.icon-kanban-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kanban-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kanban-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kanban-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-subscript:before {
  content: "\E694"; }

.icon-subscript.color--default {
  color: var(--color-icon-default); }

.icon-subscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-subscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-subscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-subscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-subscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-subscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-subscript.color--white {
  color: #e2e5e9 !important; }

.icon-subscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-subscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-subscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-subscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-superscript:before {
  content: "\E695"; }

.icon-superscript.color--default {
  color: var(--color-icon-default); }

.icon-superscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-superscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-superscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-superscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-superscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-superscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-superscript.color--white {
  color: #e2e5e9 !important; }

.icon-superscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-superscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-superscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-superscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-format:before {
  content: "\E696"; }

.icon-clear-format.color--default {
  color: var(--color-icon-default); }

.icon-clear-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-format.color--white {
  color: #e2e5e9 !important; }

.icon-clear-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preformatted:before {
  content: "\E697"; }

.icon-preformatted.color--default {
  color: var(--color-icon-default); }

.icon-preformatted.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preformatted.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preformatted.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preformatted.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preformatted.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preformatted.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preformatted.color--white {
  color: #e2e5e9 !important; }

.icon-preformatted.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preformatted.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preformatted.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preformatted.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-crop:before {
  content: "\E698"; }

.icon-crop.color--default {
  color: var(--color-icon-default); }

.icon-crop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-crop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-crop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-crop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-crop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-crop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-crop.color--white {
  color: #e2e5e9 !important; }

.icon-crop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-crop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-crop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-crop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-horizontal:before {
  content: "\E699"; }

.icon-flip-horizontal.color--default {
  color: var(--color-icon-default); }

.icon-flip-horizontal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-horizontal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-horizontal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-horizontal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-horizontal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-horizontal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-horizontal.color--white {
  color: #e2e5e9 !important; }

.icon-flip-horizontal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-horizontal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-horizontal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-horizontal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-vertical:before {
  content: "\E69A"; }

.icon-flip-vertical.color--default {
  color: var(--color-icon-default); }

.icon-flip-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-flip-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-right:before {
  content: "\E69B"; }

.icon-rotate-right.color--default {
  color: var(--color-icon-default); }

.icon-rotate-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-right.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-left:before {
  content: "\E69C"; }

.icon-rotate-left.color--default {
  color: var(--color-icon-default); }

.icon-rotate-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-left.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-business:before {
  content: "\E69D"; }

.icon-business.color--default {
  color: var(--color-icon-default); }

.icon-business.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-business.color--success {
  color: var(--sd-colour-success) !important; }

.icon-business.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-business.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-business.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-business.color--light {
  color: var(--color-text-lighter) !important; }

.icon-business.color--white {
  color: #e2e5e9 !important; }

.icon-business.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-business.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-business.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-business.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paywall:before {
  content: "\E69E"; }

.icon-paywall.color--default {
  color: var(--color-icon-default); }

.icon-paywall.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paywall.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paywall.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paywall.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paywall.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paywall.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paywall.color--white {
  color: #e2e5e9 !important; }

.icon-paywall.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paywall.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paywall.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paywall.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-analytics:before {
  content: "\E69F"; }

.icon-analytics.color--default {
  color: var(--color-icon-default); }

.icon-analytics.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-analytics.color--success {
  color: var(--sd-colour-success) !important; }

.icon-analytics.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-analytics.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-analytics.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-analytics.color--light {
  color: var(--color-text-lighter) !important; }

.icon-analytics.color--white {
  color: #e2e5e9 !important; }

.icon-analytics.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-analytics.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-analytics.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-analytics.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-amp:before {
  content: "\E6A0"; }

.icon-amp.color--default {
  color: var(--color-icon-default); }

.icon-amp.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-amp.color--success {
  color: var(--sd-colour-success) !important; }

.icon-amp.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-amp.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-amp.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-amp.color--light {
  color: var(--color-text-lighter) !important; }

.icon-amp.color--white {
  color: #e2e5e9 !important; }

.icon-amp.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-amp.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-amp.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-amp.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-undo:before {
  content: "\E6A1"; }

.icon-undo.color--default {
  color: var(--color-icon-default); }

.icon-undo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-undo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-undo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-undo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-undo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-undo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-undo.color--white {
  color: #e2e5e9 !important; }

.icon-undo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-undo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-undo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-undo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-redo:before {
  content: "\E6A2"; }

.icon-redo.color--default {
  color: var(--color-icon-default); }

.icon-redo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-redo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-redo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-redo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-redo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-redo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-redo.color--white {
  color: #e2e5e9 !important; }

.icon-redo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-redo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-redo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-redo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-instagram:before {
  content: "\E6A3"; }

.icon-instagram.color--default {
  color: var(--color-icon-default); }

.icon-instagram.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-instagram.color--success {
  color: var(--sd-colour-success) !important; }

.icon-instagram.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-instagram.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-instagram.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-instagram.color--light {
  color: var(--color-text-lighter) !important; }

.icon-instagram.color--white {
  color: #e2e5e9 !important; }

.icon-instagram.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-instagram.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-instagram.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-instagram.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play:before {
  content: "\E6A4"; }

.icon-play.color--default {
  color: var(--color-icon-default); }

.icon-play.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play.color--white {
  color: #e2e5e9 !important; }

.icon-play.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stop:before {
  content: "\E6A5"; }

.icon-stop.color--default {
  color: var(--color-icon-default); }

.icon-stop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stop.color--white {
  color: #e2e5e9 !important; }

.icon-stop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pause:before {
  content: "\E6A6"; }

.icon-pause.color--default {
  color: var(--color-icon-default); }

.icon-pause.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pause.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pause.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pause.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pause.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pause.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pause.color--white {
  color: #e2e5e9 !important; }

.icon-pause.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pause.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pause.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pause.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_rewind:before {
  content: "\E6A7"; }

.icon-fast_rewind.color--default {
  color: var(--color-icon-default); }

.icon-fast_rewind.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_rewind.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_rewind.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_rewind.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_rewind.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_rewind.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_rewind.color--white {
  color: #e2e5e9 !important; }

.icon-fast_rewind.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_rewind.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_rewind.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_rewind.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_forward:before {
  content: "\E6A8"; }

.icon-fast_forward.color--default {
  color: var(--color-icon-default); }

.icon-fast_forward.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_forward.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_forward.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_forward.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_forward.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_forward.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_forward.color--white {
  color: #e2e5e9 !important; }

.icon-fast_forward.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_forward.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_forward.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_forward.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_previous:before {
  content: "\E6A9"; }

.icon-skip_previous.color--default {
  color: var(--color-icon-default); }

.icon-skip_previous.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_previous.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_previous.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_previous.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_previous.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_previous.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_previous.color--white {
  color: #e2e5e9 !important; }

.icon-skip_previous.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_previous.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_previous.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_previous.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_next:before {
  content: "\E6AA"; }

.icon-skip_next.color--default {
  color: var(--color-icon-default); }

.icon-skip_next.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_next.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_next.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_next.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_next.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_next.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_next.color--white {
  color: #e2e5e9 !important; }

.icon-skip_next.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_next.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_next.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_next.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-image:before {
  content: "\E6AB"; }

.icon-add-image.color--default {
  color: var(--color-icon-default); }

.icon-add-image.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-image.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-image.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-image.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-image.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-image.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-image.color--white {
  color: #e2e5e9 !important; }

.icon-add-image.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-image.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-image.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-image.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-gallery:before {
  content: "\E6AC"; }

.icon-add-gallery.color--default {
  color: var(--color-icon-default); }

.icon-add-gallery.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-gallery.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-gallery.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-gallery.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-gallery.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-gallery.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-gallery.color--white {
  color: #e2e5e9 !important; }

.icon-add-gallery.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-gallery.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-gallery.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-gallery.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-format:before {
  content: "\E6AD"; }

.icon-text-format.color--default {
  color: var(--color-icon-default); }

.icon-text-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-format.color--white {
  color: #e2e5e9 !important; }

.icon-text-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-uppercase:before {
  content: "\E6AE"; }

.icon-to-uppercase.color--default {
  color: var(--color-icon-default); }

.icon-to-uppercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-uppercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-uppercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-uppercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-uppercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-uppercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-uppercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-uppercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-uppercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-uppercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-uppercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-lowercase:before {
  content: "\E6AF"; }

.icon-to-lowercase.color--default {
  color: var(--color-icon-default); }

.icon-to-lowercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-lowercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-lowercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-lowercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-lowercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-lowercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-lowercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-lowercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-lowercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-lowercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-lowercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-small:before {
  content: "\E6B0"; }

.icon-arrow-small.color--default {
  color: var(--color-icon-default); }

.icon-arrow-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-small.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-all:before {
  content: "\E6B1"; }

.icon-clear-all.color--default {
  color: var(--color-icon-default); }

.icon-clear-all.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-all.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-all.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-all.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-all.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-all.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-all.color--white {
  color: #e2e5e9 !important; }

.icon-clear-all.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-all.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-all.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-all.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rundown:before {
  content: "\E6B2"; }

.icon-rundown.color--default {
  color: var(--color-icon-default); }

.icon-rundown.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rundown.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rundown.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rundown.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rundown.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rundown.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rundown.color--white {
  color: #e2e5e9 !important; }

.icon-rundown.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rundown.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rundown.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rundown.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-photo-cancel:before {
  content: "\E6B3"; }

.icon-photo-cancel.color--default {
  color: var(--color-icon-default); }

.icon-photo-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-photo-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video-cancel:before {
  content: "\E6B4"; }

.icon-video-cancel.color--default {
  color: var(--color-icon-default); }

.icon-video-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-video-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-cancel:before {
  content: "\E6B5"; }

.icon-text-cancel.color--default {
  color: var(--color-icon-default); }

.icon-text-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-text-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file-cancel:before {
  content: "\E6B6"; }

.icon-file-cancel.color--default {
  color: var(--color-icon-default); }

.icon-file-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-file-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio-cancel:before {
  content: "\E6B7"; }

.icon-audio-cancel.color--default {
  color: var(--color-icon-default); }

.icon-audio-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-audio-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt-cancel:before {
  content: "\E6B8"; }

.icon-list-alt-cancel.color--default {
  color: var(--color-icon-default); }

.icon-list-alt-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post-cancel:before {
  content: "\E6B9"; }

.icon-post-cancel.color--default {
  color: var(--color-icon-default); }

.icon-post-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-post-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-block:before {
  content: "\E6BA"; }

.icon-text-block.color--default {
  color: var(--color-icon-default); }

.icon-text-block.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-block.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-block.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-block.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-block.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-block.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-block.color--white {
  color: #e2e5e9 !important; }

.icon-text-block.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-block.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-block.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-block.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic-cancel:before {
  content: "\E6BB"; }

.icon-graphic-cancel.color--default {
  color: var(--color-icon-default); }

.icon-graphic-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-graphic-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play-cancel:before {
  content: "\E6BC"; }

.icon-play-cancel.color--default {
  color: var(--color-icon-default); }

.icon-play-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-play-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-up:before {
  content: "\E6BD"; }

.icon-thumb-up.color--default {
  color: var(--color-icon-default); }

.icon-thumb-up.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-up.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-up.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-up.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-up.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-up.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-up.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-up.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-up.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-up.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-up.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-down:before {
  content: "\E6BE"; }

.icon-thumb-down.color--default {
  color: var(--color-icon-default); }

.icon-thumb-down.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-down.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-down.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-down.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-down.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-down.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-down.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-down.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-down.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-down.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-down.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-open-ai:before {
  content: "\E6BF"; }

.icon-open-ai.color--default {
  color: var(--color-icon-default); }

.icon-open-ai.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-open-ai.color--success {
  color: var(--sd-colour-success) !important; }

.icon-open-ai.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-open-ai.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-open-ai.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-open-ai.color--light {
  color: var(--color-text-lighter) !important; }

.icon-open-ai.color--white {
  color: #e2e5e9 !important; }

.icon-open-ai.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-open-ai.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-open-ai.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-open-ai.scale--4x {
  --icon-base-size: 64px
        ; }

.icn-mix {
  position: relative;
  display: inline-flex !important;
  font-size: 16px;
  height: 16px; }

.icn-mix .icn-mix__icn {
  opacity: 0.6; }

.icn-mix .icn-mix__sub-icn {
  position: absolute;
  font-size: 1.1rem;
  box-sizing: content-box;
  line-height: 100%;
  color: #9b27b0;
  inset-inline-end: -0.4rem;
  inset-block-end: -0.6rem;
  height: 1em;
  width: 1em;
  background-color: var(--sd-item__main-Bg) !important;
  border-radius: var(--b-radius--full);
  padding: 1px;
  z-index: 1;
  opacity: 1 !important; }

.icn-mix--2x {
  font-size: 32px;
  height: 32px; }

.icn-mix--2x .icn-mix__icn {
  opacity: 0.6;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icn-mix--2x .icn-mix__sub-icn {
  font-size: 1.6rem;
  inset-inline-end: -0.6rem;
  inset-block-end: -0.3rem; }

.double-size-icn {
  display: inline-block;
  height: 3.2rem;
  width: 3.2rem; }

.double-size-icn [class^="icon-"],
.double-size-icn [class*=" icon-"] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.double-size-icn--light [class^="icon-"],
.double-size-icn--light [class*=" icon-"] {
  opacity: 0.5; }

.subnav .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--100) !important; }

.subnav--darker .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--200) !important; }

.subnav--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10) !important;
  color: #d686e4; }

.subnav--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.side-panel__top-tools .icn-mix__sub-icn {
  background-color: #f0f0f0; }

.side-panel__top-tools--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10);
  color: #d686e4; }

.side-panel__top-tools--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.p-disabled {
  opacity: 0.5; }

.p-autocomplete {
  display: contents; }

.p-inputwrapper {
  position: relative; }

.p-autocomplete-panel {
  background-color: var(--color-dropdown-menu-Bg);
  color: var(--color-dropdown-menu-text);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  margin-block-start: 16px;
  padding: 1rem 0; }

.p-autocomplete-panel .p-autocomplete-items {
  padding: 0; }

.p-autocomplete-panel .p-autocomplete-list-item, .p-autocomplete-panel .p-autocomplete-item {
  display: block;
  font-weight: normal;
  line-height: 1.2;
  min-height: 3rem;
  white-space: nowrap;
  color: inherit;
  background-color: transparent;
  padding-block-start: 0.6rem;
  padding-block-end: 0.6rem;
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  margin-block-end: 0.2rem;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: start;
  transition: background-color ease 0.1s; }

.p-autocomplete-panel .p-autocomplete-list-item:hover, .p-autocomplete-panel .p-autocomplete-list-item:focus, .p-autocomplete-panel .p-autocomplete-list-item.p-highlight, .p-autocomplete-panel .p-autocomplete-item:hover, .p-autocomplete-panel .p-autocomplete-item:focus, .p-autocomplete-panel .p-autocomplete-item.p-highlight {
  background-color: var(--sd-colour-interactive--alpha-20);
  text-decoration: none;
  cursor: pointer; }

.p-autocomplete-panel .p-autocomplete-list-item:active, .p-autocomplete-panel .p-autocomplete-item:active {
  background-color: var(--sd-colour-interactive--alpha-30); }

.p-autocomplete-panel .p-autocomplete-list-item b, .p-autocomplete-panel .p-autocomplete-item b {
  font-weight: 600; }

.tag-label, .p-multiselect-token {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0;
  padding-inline: 1em 1em;
  border-radius: var(--b-radius--full);
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  height: 2.4rem;
  color: var(--color-text);
  background: var(--sd-colour__tag-label-Bg--1); }

.tag-label.tag-label--default, .tag-label--default.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--1); }

.tag-label.tag-label--darker, .tag-label--darker.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--2); }

.tag-label.tag-label--highlight1, .tag-label--highlight1.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--highlight-1); }

.tag-label.tag-label--highlight2, .tag-label--highlight2.p-multiselect-token {
  background: var(--sd-colour__tag-label-Bg--highlight-2); }

.tag-label > span, .p-multiselect-token > span {
  max-width: 235px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tag-label .tag-label__remove, .p-multiselect-token .tag-label__remove {
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour__tag-label-remove-Bg);
  color: var(--color-text);
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  margin-inline-start: 0.8rem;
  margin-inline-end: -1rem; }

.tag-label .tag-label__remove [class^="icon-"], .p-multiselect-token .tag-label__remove [class^="icon-"], .tag-label .tag-label__remove [class*=" icon-"], .p-multiselect-token .tag-label__remove [class*=" icon-"] {
  color: var(--color-text-light);
  font-size: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
  margin-inline-start: 1px;
  opacity: 0.4;
  transition: color .1s ease-out, opacity .1s ease-out; }

.tag-label .tag-label__remove:hover, .p-multiselect-token .tag-label__remove:hover {
  text-decoration: none;
  background-color: var(--sd-colour__tag-label-remove-Bg--hover); }

.tag-label .tag-label__remove:hover [class^="icon-"], .p-multiselect-token .tag-label__remove:hover [class^="icon-"], .tag-label .tag-label__remove:hover [class*=" icon-"], .p-multiselect-token .tag-label__remove:hover [class*=" icon-"] {
  opacity: 0.85; }

.tag-label .tag-label__remove:active, .p-multiselect-token .tag-label__remove:active {
  background-color: var(--sd-colour__tag-label-remove-Bg--hover); }

.tag-label .tag-label__remove:active [class^="icon-"], .p-multiselect-token .tag-label__remove:active [class^="icon-"], .tag-label .tag-label__remove:active [class*=" icon-"], .p-multiselect-token .tag-label__remove:active [class*=" icon-"] {
  color: var(--sd-colour-interactive);
  opacity: 1; }

.tag-label.tag-label--inverse, .tag-label--inverse.p-multiselect-token {
  color: var(--sd-colour__tag-label-Txt--inverse);
  background-color: var(--sd-colour__tag-label-Bg--inverse); }

.tag-label .tag-label--text-wrapper, .p-multiselect-token .tag-label--text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px; }

.tag-label .tag-label--text-label, .p-multiselect-token .tag-label--text-label {
  opacity: 0.7; }

.tag-label--square {
  border-radius: var(--b-radius--small);
  padding-inline-start: var(--space--1); }

.tag-label--draggable {
  border-radius: var(--b-radius--small);
  padding-inline-start: 6px; }

.tag-label--draggable .drag-handle-wrapper {
  margin-inline-end: 6px; }

.sd-search-tags__bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-inline: var(--space--1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  background-color: var(--sd-colour-bg-translucent--10); }

.sd-search-tags__tag-list {
  margin: 0.6rem 0; }

.sd-search-tags__tag-list:empty {
  padding: 0 !important; }

.sd-search-tags__tag-list .sd-search-tags__tag {
  margin-inline-start: 2px !important;
  margin-inline-end: 2px !important; }

.sd-search-tags__tag-list:empty {
  padding: 0 !important; }

.sd-search-tags__tag {
  font-size: 1.3rem; }

.sd-checkbox, .p-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease-out;
  border-radius: var(--b-radius--x-small); }

.sd-checkbox::after, .p-checkbox::after {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-family: 'sd_icons';
  content: '\E61D';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: scale(0.25, 0.25); }

.sd-checkbox:hover, .p-checkbox:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-checkbox.checked, .checked.p-checkbox, .sd-checkbox[checked="checked"], .p-checkbox[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-checkbox.checked::after, .checked.p-checkbox::after, .sd-checkbox[checked="checked"]::after, .p-checkbox[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-checkbox.checked:hover, .checked.p-checkbox:hover, .sd-checkbox[checked="checked"]:hover, .p-checkbox[checked="checked"]:hover {
  border-color: var(--sd-colour-interactive--hover);
  background-color: var(--sd-colour-interactive--hover); }

.sd-checkbox--radio {
  border-radius: var(--b-radius--full); }

.sd-checkbox--radio::after {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: var(--b-radius--full);
  content: ' ';
  position: absolute;
  background-color: var(--sd-colour-interactive);
  inset-block-start: 0.2rem;
  inset-inline-start: 0.2rem;
  opacity: 0;
  transition: all 0.1s ease-in;
  transform: scale(0.25, 0.25); }

.sd-checkbox--radio.checked, .sd-checkbox--radio[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: transparent; }

.sd-checkbox--radio.checked::after, .sd-checkbox--radio[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-checkbox--radio.checked:hover, .sd-checkbox--radio[checked="checked"]:hover {
  background: transparent; }

.sd-checkbox--button-style {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  padding: 0 1.2rem;
  line-height: 1;
  color: var(--color-text-light);
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  display: inline-flex;
  align-items: center;
  text-align: center;
  height: 3.2rem; }

.sd-checkbox--button-style label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  display: inline;
  cursor: pointer;
  transition: none;
  text-align: center;
  line-height: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

.sd-checkbox--button-style label [class^="icon-"], .sd-checkbox--button-style label [class*=" icon-"] {
  vertical-align: middle; }

.sd-checkbox--button-style [class^="icon-"], .sd-checkbox--button-style [class*=" icon-"] {
  color: currentColor; }

.sd-checkbox--button-style i + label {
  margin-inline-start: 8px; }

.sd-checkbox--button-style::after {
  content: '';
  display: none; }

.sd-checkbox--button-style:hover {
  color: var(--color-text);
  border-color: var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.sd-checkbox--button-style.checked, .sd-checkbox--button-style[checked="checked"] {
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: white; }

.sd-checkbox--button-style.checked:hover, .sd-checkbox--button-style[checked="checked"]:hover {
  color: white;
  border-color: var(--sd-colour-interactive--hover);
  background-color: var(--sd-colour-interactive--active);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-checkbox--button-style.checked label, .sd-checkbox--button-style[checked="checked"] label {
  color: white; }

.sd-checkbox--button-style .sd-label--disabled {
  opacity: 1 !important;
  cursor: not-allowed !important; }

.sd-checkbox--disabled, .sd-checkbox[disabled="disabled"], .p-checkbox[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-checkbox--disabled:hover, .sd-checkbox[disabled="disabled"]:hover, .p-checkbox[disabled="disabled"]:hover {
  color: var(--color-text-light);
  border-color: var(--sd-colour-line--light);
  box-shadow: none; }

.sd-checkbox + label, .p-checkbox + label {
  display: inline-block;
  vertical-align: middle; }

.sd-check__wrapper {
  display: inline-block; }

.sd-check__wrapper .sd-checkbox + label, .sd-check__wrapper .p-checkbox + label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-inline-start: 0.6rem; }

.sd-check__wrapper .sd-checkbox + label i, .sd-check__wrapper .p-checkbox + label i {
  margin: 0;
  margin-inline-end: 0.4rem;
  margin-inline-start: 0.8rem; }

.sd-check__wrapper .sd-label--disabled {
  opacity: 0.40; }

.sd-check__group {
  padding: 0;
  display: flex;
  gap: 0.8rem; }

.sd-check__group--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 0.8rem; }

.sd-check__group--grid .sd-check__wrapper {
  display: block; }

.sd-check__group--grid .sd-check__wrapper .sd-checkbox.sd-checkbox--button-style, .sd-check__group--grid .sd-check__wrapper .sd-checkbox--button-style.p-checkbox {
  display: flex;
  align-items: center;
  justify-content: center; }

.sd-check__group--grid .sd-check-button__text-label-inner {
  white-space: normal; }

.sd-check-button__group--grid .sd-check-button--native .sd-check-button__text-label-inner {
  white-space: normal;
  text-align: center; }

.sd-check-new {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease-out;
  border-radius: var(--b-radius--x-small); }

.sd-check-new::after {
  font-family: 'sd_icons';
  content: '\E61D';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  transition: all 0.2s ease-in;
  transform: scale(0.25, 0.25); }

.sd-check-new:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-check-new.checked, .sd-check-new[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-check-new.checked::after, .sd-check-new[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-check-new.checked:hover, .sd-check-new[checked="checked"]:hover {
  border-color: var(--sd-colour-interactive--hover);
  background-color: var(--sd-colour-interactive--hover); }

.sd-check-new--disabled, .sd-check-new[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-check-new--disabled:hover, .sd-check-new[disabled="disabled"]:hover {
  color: var(--color-text-light);
  border-color: var(--sd-colour-line--light);
  box-shadow: none; }

.sd-radio-new {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 2px solid var(--color-checkbox-border);
  vertical-align: middle;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  transition: all 0.2s ease-out;
  border-radius: var(--b-radius--full); }

.sd-radio-new:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.sd-radio-new::after {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: var(--b-radius--full);
  content: ' ';
  position: absolute;
  background-color: var(--sd-colour-interactive);
  inset-block-start: 0.2rem;
  inset-inline-start: 0.2rem;
  opacity: 0;
  transition: all 0.1s ease-in;
  transform: scale(0.25, 0.25); }

.sd-radio-new.checked, .sd-radio-new[checked="checked"] {
  border-color: var(--sd-colour-interactive);
  background: transparent; }

.sd-radio-new.checked::after, .sd-radio-new[checked="checked"]::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-radio-new.checked:hover, .sd-radio-new[checked="checked"]:hover {
  background: transparent;
  cursor: default; }

.sd-radio-new--disabled, .sd-radio-new[disabled="disabled"] {
  opacity: 0.40;
  cursor: not-allowed !important; }

.sd-radio-new--disabled:hover, .sd-radio-new[disabled="disabled"]:hover {
  color: var(--color-text-light);
  border-color: var(--sd-colour-line--light);
  box-shadow: none; }

.sd-check-button {
  padding-inline: var(--space--1-5);
  line-height: 1;
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  color: var(--color-text);
  cursor: pointer; }

.sd-check-button .sd-check-button__text-label {
  display: flex;
  margin: 0;
  text-align: center;
  cursor: pointer;
  padding: 0;
  padding-block-start: 2px;
  padding-block-end: 2px;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out; }

.sd-check-button [class^="icon-"], .sd-check-button [class*=" icon-"] {
  color: currentColor; }

.sd-check-button i + .sd-check-button__text-label {
  margin-inline-start: 0.8rem; }

.sd-check-button:hover .sd-check-button__text-label {
  opacity: 1;
  border-color: var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  color: var(--color-text); }

.sd-check-button.checked, .sd-check-button[checked="checked"] {
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: white; }

.sd-check-button.checked .sd-check-button__text-label, .sd-check-button[checked="checked"] .sd-check-button__text-label {
  opacity: 1; }

.sd-check-button.checked:hover, .sd-check-button[checked="checked"]:hover {
  color: white;
  border-color: var(--sd-colour-interactive--active);
  background-color: var(--sd-colour-interactive--hover);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-check-button .sd-label--disabled {
  opacity: 1 !important;
  cursor: not-allowed !important; }

.sd-check-button__group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  flex: 1 0; }

.sd-check-button__group.sd-check-button__group--padded {
  margin-inline-start: 1.2rem;
  margin-inline-end: 1.2rem; }

.sd-check-button__group.sd-check-button__group--compact {
  gap: 0.4rem; }

.sd-check-button__group.sd-check-button__group--no-wrap {
  flex-wrap: nowrap; }

.sd-check-button__group--left, .sd-check-button__group--start {
  margin-inline-end: auto; }

.sd-check-button__group--right, .sd-check-button__group--end {
  margin-inline-start: auto; }

.sd-check-button__group--center {
  margin-inline-start: auto;
  margin-inline-end: auto; }

.sd-check-button__group--inline {
  margin-inline-start: 0;
  margin-inline-end: 0; }

.sd-check-button__group--grid {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 0.8rem;
  align-self: stretch; }

.sd-check-button__group--grid.sd-check-button__group--compact {
  grid-gap: 0.4rem; }

.sd-check-new__wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  position: relative; }

.sd-check-new__wrapper label {
  line-height: 100%;
  margin: 0; }

.sd-check-new__wrapper .sd-check-new + label,
.sd-check-new__wrapper .sd-radio-new + label {
  margin-inline-start: 0.8rem; }

.sd-check-new__wrapper .sd-check-new + label:empty,
.sd-check-new__wrapper .sd-radio-new + label:empty {
  margin: 0 !important; }

.sd-check-new__wrapper .sd-label--disabled {
  opacity: 0.40; }

.sd-check-new__wrapper[label-position="left"] label, .sd-check-new__wrapper[label-position="start"] label {
  margin-inline-end: 0.8rem;
  margin-inline-start: 0; }

.sd-check-new__wrapper[label-position="left"] label:empty, .sd-check-new__wrapper[label-position="start"] label:empty {
  margin: 0 !important; }

.sd-check-new__wrapper[label-position="left"] .sd-check-new__input, .sd-check-new__wrapper[label-position="start"] .sd-check-new__input {
  inset-inline-start: auto;
  inset-inline-end: 0; }

.sd-check-new__wrapper[label-position="left"] .sd-check-new, .sd-check-new__wrapper[label-position="left"] .sd-radio-new, .sd-check-new__wrapper[label-position="start"] .sd-check-new, .sd-check-new__wrapper[label-position="start"] .sd-radio-new {
  order: 2; }

.sd-check-new__wrapper input:hover ~ .sd-check-new,
.sd-check-new__wrapper input:hover ~ .sd-radio-new {
  border-color: var(--color-checkbox-border-hover); }

.sd-check-new__wrapper input:checked ~ .sd-check-new,
.sd-check-new__wrapper input:checked ~ .sd-radio-new {
  border-color: var(--sd-colour-interactive);
  background: var(--sd-colour-interactive); }

.sd-check-new__wrapper input:checked ~ .sd-check-new::after,
.sd-check-new__wrapper input:checked ~ .sd-radio-new::after {
  opacity: 1;
  transform: scale(1, 1); }

.sd-check-new__wrapper input:checked ~ .sd-radio-new {
  background: transparent; }

.sd-check-new__wrapper input:checked ~ label {
  color: var(--sd-colour-interactive); }

.sd-check-new__wrapper input:focus ~ .sd-check-new,
.sd-check-new__wrapper input:focus ~ .sd-radio-new {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.sd-check-new__wrapper input:disabled {
  cursor: not-allowed; }

.sd-check-new__wrapper input:disabled ~ label {
  opacity: 0.6; }

.sd-check-new__wrapper input:disabled ~ .sd-check-new,
.sd-check-new__wrapper input:disabled ~ .sd-radio-new {
  opacity: 0.6; }

.sd-check-new__wrapper input:disabled:hover ~ .sd-check-new,
.sd-check-new__wrapper input:disabled:hover ~ .sd-radio-new {
  border-color: var(--color-checkbox-border); }

.sd-check-new__wrapper .sd-check-new__input {
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 16px;
  cursor: inherit;
  height: 16px;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
  cursor: pointer; }

.sd-check-new, .sd-radio-new {
  pointer-events: none;
  z-index: 0; }

.sd-check__group-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem; }

.sd-check__group-new--vertical {
  gap: 1.6rem;
  flex-direction: column;
  align-items: flex-start; }

.sd-check-button.sd-check-button--native {
  position: relative;
  padding: 0;
  border: none;
  box-shadow: none !important;
  background: transparent;
  overflow: visible; }

.sd-check-button.sd-check-button--native .sd-check-button__text-label {
  padding-inline-start: 1.2rem;
  padding-inline-end: 1.2rem;
  line-height: 1;
  border: 1px solid rgba(140, 140, 140, 0.5);
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  color: inherit;
  cursor: pointer;
  width: 100%;
  white-space: nowrap; }

.sd-check-button.sd-check-button--native .sd-check-button__text-label .sd-check-button__text-label-inner {
  user-select: none;
  display: inline-block; }

.sd-check-button.sd-check-button--native .sd-check-button__text-label i + .sd-check-button__text-label-inner {
  margin-inline-start: 0.8rem; }

.sd-check-button .sd-check-button__input {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
  padding: 0;
  border: 0;
  overflow: hidden;
  outline: none !important;
  z-index: 1; }

.sd-check-button .sd-check-button__input:checked ~ label {
  opacity: 1;
  color: white;
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.sd-check-button .sd-check-button__input:disabled ~ label {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none !important; }

.sd-check-button:focus-within .sd-check-button__text-label {
  box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.sd-check-button:focus-within .sd-check-button__input:checked ~ label {
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.toggle-button {
  padding-inline: var(--space--1-5);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--small);
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 3.2rem;
  color: var(--color-text);
  cursor: pointer;
  text-decoration: none;
  font-size: 1.2rem;
  background: transparent;
  transition: all 0.2s ease-out; }

.toggle-button [class^="icon-"],
.toggle-button [class*=" icon-"],
.toggle-button .toggle-button__icon {
  color: currentColor; }

.toggle-button:hover {
  border-color: var(--sd-colour-line--strong);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  color: var(--color-text);
  text-decoration: none !important; }

.toggle-button.toggle-button--active {
  background-color: var(--sd-colour-interactive--active);
  border-color: var(--sd-colour-interactive--active);
  border-top-color: var(--sd-colour-interactive--darken-20);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: white; }

.toggle-button.toggle-button--active:hover {
  color: white;
  border-color: var(--sd-colour-interactive--active);
  background-color: var(--sd-colour-interactive--hover);
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }

.p-dropdown {
  display: inline-flex;
  align-items: center;
  min-height: 3.2rem;
  border-block-end: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  font-size: 1.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  color: var(--color-text); }

.p-dropdown:hover {
  background-color: var(--color-input-bg--hover);
  border-color: var(--color-input-border-hover); }

.p-dropdown:focus, .p-dropdown:focus-within, .p-dropdown.p-focus {
  background-color: var(--sd-colour-interactive--alpha-20);
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive); }

.p-multiselect {
  display: inline-flex;
  align-items: center;
  min-height: 3.2rem;
  border-block-end: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  font-size: 1.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  height: auto !important;
  min-height: 3.2rem !important;
  color: var(--color-text);
  padding: 0.4rem; }

.p-multiselect:hover {
  background-color: var(--color-input-bg--hover);
  border-color: var(--color-input-border-hover); }

.p-multiselect:focus, .p-multiselect:focus-within, .p-multiselect.p-focus {
  background-color: var(--sd-colour-interactive--alpha-20);
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive); }

.p-dropdown-clear-icon,
.p-multiselect-clear-icon {
  position: static;
  margin: 0; }

.p-dropdown-clear-icon,
.p-multiselect-clear-icon,
.p-dropdown-trigger-icon,
.p-multiselect-trigger-icon {
  margin-inline-start: 8px; }

.p-dropdown-item {
  display: block;
  font-weight: normal;
  line-height: 1.2;
  min-height: 3rem;
  white-space: nowrap;
  color: inherit;
  background-color: transparent;
  padding-block-start: 0.6rem;
  padding-block-end: 0.6rem;
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  margin-block-end: 0.2rem;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: start;
  transition: background-color ease 0.1s; }

.p-dropdown-item:hover, .p-dropdown-item:focus, .p-dropdown-item.p-highlight {
  background-color: var(--sd-colour-interactive--alpha-20);
  text-decoration: none;
  cursor: pointer; }

.p-dropdown-item:active {
  background-color: var(--sd-colour-interactive--alpha-30); }

.p-dropdown-panel,
.p-multiselect-panel {
  background-color: var(--color-dropdown-menu-Bg);
  color: var(--color-dropdown-menu-text);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small); }

.p-dropdown-filter-container,
.p-multiselect-filter-container {
  border-radius: var(--b-radius--small) var(--b-radius--small) 0 0;
  padding: 8px;
  box-shadow: 0 1px 0 var(--sd-colour-line--light); }

.p-dropdown-filter,
.p-multiselect-filter {
  border: 1px solid var(--sd-colour-line--strong);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.12);
  border-radius: var(--b-radius--small);
  padding-inline-end: 20px;
  padding: 4px;
  height: 28px;
  transition: all ease 0.2s;
  background-color: var(--sd-colour-bg__searchbar);
  color: var(--color-text); }

.p-dropdown-filter:focus,
.p-multiselect-filter:focus {
  border: 1px solid var(--sd-colour-interactive);
  box-shadow: inset var(--sd-colour-interactive--alpha-20) 0px 0px 0px 0.2rem; }

.p-dropdown-loader-icon,
.p-multiselect-loader-icon {
  position: absolute;
  inset-block-start: 50%;
  margin-block-start: -6px;
  inset-inline-end: 12px; }

.p-dropdown-empty-message,
.p-multiselect-empty-message {
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 8px;
  padding-inline-end: 8px; }

.p-multiselect-label {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-inline-start: 0.4rem;
  gap: 0.4rem; }

.p-multiselect-token {
  cursor: default;
  margin: 0 !important; }

.p-multiselect-token .pi-times-circle {
  overflow: inherit;
  cursor: default;
  height: 1.8rem;
  width: 1.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: var(--b-radius--full);
  background-color: var(--sd-colour__tag-label-remove-Bg);
  color: var(--color-text);
  cursor: pointer;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  margin-inline-start: 0.8rem;
  margin-inline-end: -1rem; }

.p-multiselect-token .pi-times-circle::before {
  font-family: "sd_icons";
  content: "\E647";
  color: var(--color-text-light);
  font-size: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
  margin-inline-start: 1px;
  opacity: 0.4;
  transition: color .1s ease-out, opacity .1s ease-out; }

.p-multiselect-token .pi-times-circle::before:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: red; }

.p-multiselect-token .pi-times-circle::before:hover [class^="icon-"],
.p-multiselect-token .pi-times-circle::before:hover [class*=" icon-"] {
  opacity: 0.85; }

.p-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white; }

.p-checkbox .p-checkbox-box {
  display: flex;
  align-items: center;
  justify-content: center; }

.p-checkbox:hover {
  border-color: var(--color-checkbox-border-hover);
  cursor: pointer; }

.p-checkbox .p-highlight {
  background-color: var(--sd-colour-interactive--hover);
  border: 2px solid var(--sd-colour-interactive--hover);
  border-radius: var(--b-radius--x-small);
  width: 1.6rem;
  height: 1.6rem; }

.p-multiselect-header,
.p-multiselect-item {
  padding: 0.75rem 1.25rem;
  margin: 0;
  display: flex;
  align-items: center; }

.p-multiselect-header > span,
.p-multiselect-item > span {
  padding: 8px; }

.p-multiselect-header {
  box-shadow: 0 1px 0 var(--sd-colour-line--light); }

.p-multiselect-filter-icon {
  display: none; }

.p-multiselect-close {
  display: none; }

.p-multiselect-filter-container {
  box-shadow: none; }

.p-multiselect-items li.p-highlight > span {
  color: var(--sd-colour-interactive--hover); }

.p-multiselect-header .p-checkbox {
  display: none; }

.p-multiselect-panel:not(.showSelectAll):not(.showFilter) .p-multiselect-header {
  display: none !important; }

.showSelectAll .p-multiselect-header .p-checkbox {
  display: flex !important; }

.p-datepicker {
  background-color: var(--color-dropdown-menu-Bg);
  color: var(--color-dropdown-menu-text);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  padding: 12px;
  margin-block-start: 1px; }

.p-datepicker .p-datepicker-title {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  text-align: center; }

.p-datepicker .p-datepicker-header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: .8em 4px;
  min-height: 32px;
  margin-block-end: 8px; }

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: var(--b-radius--full);
  height: 3.2rem;
  width: 3.2rem;
  transition: all 0.2s ease-out, color 0.1s ease-out; }

.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
  background-color: rgba(125, 138, 155, 0.2); }

.p-datepicker .p-datepicker-header .p-datepicker-prev:active,
.p-datepicker .p-datepicker-header .p-datepicker-next:active {
  background-color: rgba(125, 138, 155, 0.3);
  color: var(--sd-colour-interactive); }

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
  background-color: rgba(125, 138, 155, 0.2);
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-40);
  outline: none; }

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible [class^="icon-"], .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible [class*=" icon-"],
.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible [class^="icon-"],
.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible [class*=" icon-"] {
  opacity: 1; }

.p-datepicker .p-datepicker-header .datepicker-header-toolbar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-end: 16px;
  gap: 0.8rem; }

.p-datepicker .p-datepicker-header .datepicker-header-toolbar button {
  flex: 1 1; }

.p-datepicker table {
  border: none; }

.p-datepicker-month,
.p-datepicker-year {
  display: block;
  text-align: center; }

.p-datepicker-year {
  font-weight: 400;
  margin-block-start: 4px;
  color: var(--color-text-light); }

.p-datepicker td, .p-datepicker th {
  border: 0;
  padding: 0; }

.p-datepicker.p-component {
  display: block !important; }

.p-datepicker table td > span:not(.p-highlight):not(.p-disabled) {
  transition: all ease 0.2s; }

.p-datepicker table td > span:not(.p-highlight):not(.p-disabled):hover {
  background-color: var(--sd-colour-interactive--alpha-10);
  box-shadow: inset 0 0 0 1px var(--sd-colour-interactive); }

.p-datepicker table td > span:not(.p-highlight):not(.p-disabled):active {
  background-color: var(--sd-colour-interactive--alpha-20); }

.p-datepicker table td > span {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--b-radius--x-small);
  font-weight: normal;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  transition: background-color ease 0.1s; }

.p-datepicker table thead th > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 24px;
  text-align: center;
  font-weight: normal;
  margin-inline-start: 4px;
  margin-inline-end: 4px; }

.p-datepicker .p-highlight {
  background-color: var(--sd-colour-interactive);
  color: white; }

.p-datepicker-trigger {
  font-size: 1.4em;
  cursor: pointer; }

.p-datepicker-trigger .p-button-icon-left {
  color: #7F7F7F; }

.p-datepicker-trigger:not(.p-disabled) .p-button-icon-left:hover {
  color: var(--sd-colour-interactive); }

.p-calendar {
  display: inline-flex;
  align-items: center;
  min-height: 3.2rem;
  border-block-end: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  font-size: 1.4rem;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0; }

.p-calendar:hover {
  background-color: var(--color-input-bg--hover);
  border-color: var(--color-input-border-hover); }

.p-calendar:focus, .p-calendar:focus-within, .p-calendar.p-focus {
  background-color: var(--sd-colour-interactive--alpha-20);
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive); }

.p-calendar .p-inputtext, .p-calendar .p-datepicker-trigger {
  color: var(--color-text);
  height: 3.2rem;
  background-color: transparent;
  border: none;
  font-size: 1.4rem;
  padding: 0.2rem 0.8rem 0;
  width: 100%; }

.p-calendar.sd-input--disabled:hover {
  opacity: 0.5;
  cursor: not-allowed; }

.p-calendar.sd-input--disabled:hover .p-calendar {
  border-block-end: 1px dotted var(--color-input-border);
  background-color: var(--color-input-bg); }

.p-calendar.sd-input--disabled:hover .p-calendar .p-calendar-icon {
  pointer-events: none; }

.p-calendar-w-btn {
  width: 116px; }

.p-calendar-w-btn .p-inputtext, .p-calendar-w-btn .p-datepicker-trigger {
  width: calc(100% - 24px); }

.p-calendar-w-btn .p-datepicker-trigger {
  width: 2.4rem;
  height: 2.4rem;
  color: inherit;
  margin: 0 4px 0 0; }

.p-calendar-w-btn .p-datepicker-trigger [class^="icon-"],
.p-calendar-w-btn .p-datepicker-trigger [class*=" icon-"] {
  color: var(--color-text);
  margin-block-start: -2px;
  opacity: 0.75; }

.p-calendar-w-btn .p-datepicker-trigger:hover [class^="icon-"],
.p-calendar-w-btn .p-datepicker-trigger:hover [class*=" icon-"] {
  opacity: 0.99; }

.p-datepicker-calendar {
  margin-block-end: 8px; }

.p-datepicker-today > span {
  background-color: var(--sd-colour-interactive--alpha-20); }

.sd-input__input-container .p-calendar {
  display: flex; }

.sd-input__input-container .p-calendar.p-calendar-w-btn {
  min-width: 116px;
  width: auto; }

.p-dialog-mask.p-component-overlay {
  background-color: rgba(35, 40, 46, 0.5) !important;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  z-index: 1000; }

.p-dialog-mask {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  background-color: transparent;
  transition-property: background-color; }

.p-dialog-visible {
  display: flex; }

.p-dialog-mask.p-component-overlay {
  pointer-events: auto; }

.p-dialog {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  max-height: 90%;
  transform: scale(1);
  overflow: hidden; }

.p-dialog-content {
  overflow-y: auto; }

.p-dialog-flex {
  display: flex; }

.p-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 4.8rem; }

.p-dialog-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 4.8rem; }

.p-dialog .p-dialog-header-icons {
  display: flex;
  align-items: center; }

.p-dialog .p-dialog-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative; }

/* Fluid */
.p-fluid .p-dialog-footer .p-button {
  width: auto; }

/* Animation */
/* Center */
.p-dialog-enter {
  opacity: 0;
  transform: scale(0.7); }

.p-dialog-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0, 0, 0.2, 1); }

.p-dialog-enter-done {
  transform: none; }

.p-dialog-exit-active {
  opacity: 0;
  transform: scale(0.7);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }

/* Top, Bottom, Left, Right, Top* and Bottom* */
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
  margin: .75em;
  transition: all .3s ease-out; }

.p-dialog-top .p-dialog-enter,
.p-dialog-top .p-dialog-exit-active {
  transform: translate3d(0px, -100%, 0px); }

.p-dialog-bottom .p-dialog-enter,
.p-dialog-bottom .p-dialog-exit-active {
  transform: translate3d(0px, 100%, 0px); }

.p-dialog-left .p-dialog-enter,
.p-dialog-left .p-dialog-exit-active,
.p-dialog-top-left .p-dialog-enter,
.p-dialog-top-left .p-dialog-exit-active,
.p-dialog-bottom-left .p-dialog-enter,
.p-dialog-bottom-left .p-dialog-exit-active {
  transform: translate3d(-100%, 0px, 0px); }

.p-dialog-right .p-dialog-enter,
.p-dialog-right .p-dialog-exit-active,
.p-dialog-top-right .p-dialog-enter,
.p-dialog-top-right .p-dialog-exit-active,
.p-dialog-bottom-right .p-dialog-enter,
.p-dialog-bottom-right .p-dialog-exit-active {
  transform: translate3d(100%, 0px, 0px); }

.p-dialog-top .p-dialog-enter-active,
.p-dialog-bottom .p-dialog-enter-active,
.p-dialog-left .p-dialog-enter-active,
.p-dialog-top-left .p-dialog-enter-active,
.p-dialog-bottom-left .p-dialog-enter-active,
.p-dialog-right .p-dialog-enter-active,
.p-dialog-top-right .p-dialog-enter-active,
.p-dialog-bottom-right .p-dialog-enter-active {
  transform: translate3d(0px, 0px, 0px); }

/* Maximize */
.p-dialog-maximized {
  -webkit-transition: none;
  transition: none;
  transform: none;
  width: 100vw !important;
  max-height: 100%;
  height: 100%; }

.p-dialog-maximized .p-dialog-content {
  flex-grow: 1;
  width: 100%; }

/* Position */
.p-dialog-left {
  justify-content: flex-start; }

.p-dialog-right {
  justify-content: flex-end; }

.p-dialog-top {
  align-items: flex-start; }

.p-dialog-top-left {
  justify-content: flex-start;
  align-items: flex-start; }

.p-dialog-top-right {
  justify-content: flex-end;
  align-items: flex-start; }

.p-dialog-bottom {
  align-items: flex-end; }

.p-dialog-bottom-left {
  justify-content: flex-start;
  align-items: flex-end; }

.p-dialog-bottom-right {
  justify-content: flex-end;
  align-items: flex-end; }

.p-dialog {
  border-radius: var(--b-radius--large);
  box-shadow: var(--sd-shadow__modal);
  border: 0 none;
  background-color: var(--color-modal-Bg); }

.p-dialog .p-dialog-header {
  border-block-end: 0 none;
  background: transparent;
  position: relative;
  z-index: 1012;
  padding: 0.8rem 0.8rem 0.8rem 1.6rem;
  border-top-right-radius: var(--b-radius--large);
  border-top-left-radius: var(--b-radius--large);
  box-shadow: 0 1px 0 var(--sd-colour-line--x-light); }

.p-dialog .p-dialog-header .p-dialog-title {
  padding-inline-end: var(--space--2);
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 27px;
  opacity: 0.8; }

.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2.4rem;
  height: 2.4rem;
  border: 0 none;
  background: transparent;
  border-radius: var(--b-radius--full);
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-inline-end: 0; }

.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  border-color: transparent; }

.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 2px var(--sd-colour-interactive--alpha-40); }

.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-inline-end: 0; }

.p-dialog .p-dialog-content {
  font-size: 1.4rem; }

.p-dialog .p-dialog-content p {
  line-height: 1.5; }

.p-dialog .p-dialog-footer {
  border-block-start: 0 none;
  background-color: transparent;
  padding: 0.8rem 1.6rem;
  text-align: end;
  border-bottom-right-radius: var(--b-radius--full);
  border-bottom-left-radius: var(--b-radius--full);
  box-shadow: 0 -1px 0 var(--sd-colour-line--x-light);
  position: relative;
  z-index: 2; }

.p-dialog .p-dialog-footer button {
  margin: 0 0.5rem 0 0;
  width: auto; }

.p-dialog-header-close .p-dialog-header-close-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: 'sd_icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.6;
  transition: color .1s ease-out, opacity .1s ease-out; }

.p-dialog-header-close .p-dialog-header-close-icon::before {
  content: "\E647"; }

.p-dialog-header-close:hover .p-dialog-header-close-icon {
  opacity: 1; }

.p-dialog-header-close:active .p-dialog-header-close-icon {
  color: var(--sd-colour-interactive) !important;
  opacity: 1; }

.p-dialog-content {
  padding: var(--dialog-content-padding);
  background-color: var(--dialog-content-bg); }

.p-dialog-content .sd-main-content-grid {
  height: 100% !important; }

.p-dialog-content--small {
  width: var(--width__modal--small); }

.p-dialog-content--medium {
  width: var(--width__modal--medium); }

.p-dialog-content--large {
  width: var(--width__modal--large);
  min-height: 20rem; }

.p-dialog-content--x-large {
  width: var(--width__modal--x-large);
  height: calc(100vh - 200px); }

.p-dialog-content--0-padding,
.p-dialog-content--padding-none {
  --dialog-content-padding: 0 !important; }

.p-dialog-content--s-padding,
.p-dialog-content--padding-small {
  --dialog-content-padding: var(--space--2); }

.p-dialog-content--m-padding,
.p-dialog-content--padding-medium {
  --dialog-content-padding: var(--space--3); }

.p-dialog-content--l-padding,
.p-dialog-content--padding-large {
  --dialog-content-padding: var(--space--4); }

.p-dialog-content-bg--default {
  --dialog-content-bg: var(--color-modal-Bg) !important; }

.p-dialog-content-bg--dark {
  --dialog-content-bg: var(--sd-colour-panel-bg--200) !important; }

.p-dialog-content-bg--medium {
  --dialog-content-bg: var(--sd-colour-panel-bg--100) !important; }

.modal__sticky-header {
  position: sticky;
  inset-block-start: calc(-1 * var(--dialog-content-padding));
  background-color: var(--dialog-content-bg);
  padding-inline: var(--dialog-content-padding);
  padding-block-start: var(--dialog-content-padding);
  padding-block-end: var(--space--1);
  z-index: 2;
  margin: calc(-1 * var(--dialog-content-padding));
  margin-block-end: 0; }

.p-tieredmenu, .p-tieredmenu .p-submenu-list {
  padding-block-start: 0.8rem;
  padding-block-end: 0.8rem;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small); }

.p-menuitem-text {
  font-size: 1.3rem; }

.p-menu-separator {
  width: 100%;
  height: 1px;
  margin: 0.8rem 0;
  background: var(--sd-colour-line--light); }

.p-menuitem-link {
  padding: .8rem 1.6rem;
  min-width: 100px;
  font-size: 14px;
  color: var(--color-text);
  width: 100%; }

.p-menuitem-link:hover, .p-menuitem-link:focus-visible {
  background: var(--sd-colour-interactive--alpha-20); }

.p-menuitem-link .p-menuitem-icon {
  margin-inline-end: 0.8rem;
  color: var(--color-icon-default); }

.p-skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e9ecef; }

.p-skeleton::after {
  content: "";
  animation: p-skeleton-animation 1.2s infinite;
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }

.p-skeleton-circle {
  border-radius: 50%; }

.p-skeleton-none::after {
  animation: none; }

@keyframes p-skeleton-animation {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(100%); } }

.p-chips {
  font-size: 14px;
  font-weight: normal;
  height: 100%; }

.p-chips-token {
  display: inline-flex;
  align-items: center;
  min-width: 1.8em;
  padding: 0;
  padding-inline: 1em 1em;
  border-radius: var(--b-radius--full);
  font-size: 1.4rem;
  line-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 400;
  transition: background-color .2s ease-out, opacity .1s ease-out;
  height: 2.4rem;
  color: var(--color-text);
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  background: var(--sd-colour__tag-label-Bg--1);
  color: currentColor;
  padding: 5px;
  border-inline-start: 20px;
  border-radius: 30px; }

.p-chips-token.selected {
  background-color: var(--sd-colour-interactive--alpha-70); }

.p-chips-token-icon {
  color: var(--color-text-lighter);
  font-size: 20px; }

.p-chips-token-icon:hover {
  cursor: pointer;
  color: var(--color-text-light); }

.p-chips-token-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 2px;
  padding: 2px 2px 2px 3px; }

.p-chips-multiple-container {
  padding: 2px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  width: 100%;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  border-radius: 2px 2px 0 0;
  font-size: 13px; }

.tags-input__padding-disabled span {
  padding-inline-start: 0;
  padding-inline: 4px; }

.p-chips-input-token {
  font-size: 14px;
  margin: 5px; }

.sd-avatar {
  display: block;
  position: relative; }

.sd-avatar.sd-avatar--indicator-status--offline .sd-avatar-content {
  outline: 2px solid var(--sd-colour-avatar-outline--offline);
  outline-offset: 2px; }

.sd-avatar.sd-avatar--indicator-status--offline.sd-avatar--x-small .sd-avatar-content, .sd-avatar.sd-avatar--indicator-status--offline.sd-avatar--small .sd-avatar-content {
  outline: 1px solid var(--sd-colour-avatar-outline--offline); }

.sd-avatar.sd-avatar--indicator-status--online .sd-avatar-content {
  outline: 2px solid var(--sd-colour-avatar-outline--online);
  outline-offset: 2px; }

.sd-avatar.sd-avatar--indicator-status--online.sd-avatar--x-small .sd-avatar-content, .sd-avatar.sd-avatar--indicator-status--online.sd-avatar--small .sd-avatar-content {
  outline: 1px solid var(--sd-colour-avatar-outline--online); }

.sd-avatar .sd-avatar-content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: var(--b-radius--full);
  color: white;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  overflow: hidden;
  cursor: default; }

.sd-avatar .sd-avatar-content > img {
  width: 100%; }

.sd-avatar .sd-avatar-content.sd-avatar-content--add-item {
  background-color: var(--sd-colour-avatar-bg--light);
  border: 1px dashed var(--sd-colour-avatar-border--light);
  background-image: linear-gradient(var(--sd-colour-avatar-add) 0 0), linear-gradient(var(--sd-colour-avatar-add) 0 0);
  background-position: center;
  background-size: 50% 2px,2px 50%;
  /*thickness = 2px, length = 50% (25px)*/
  background-repeat: no-repeat;
  outline: 1px solid transparent;
  outline-offset: 0px;
  transition: all 0.2s ease; }

.sd-avatar .sd-avatar-content.sd-avatar-content--add-item--clickable:hover {
  background-image: linear-gradient(var(--sd-colour-avatar-add--hover) 0 0), linear-gradient(var(--sd-colour-avatar-add--hover) 0 0);
  cursor: pointer;
  outline: 1px solid var(--sd-colour-interactive);
  outline-offset: 2px; }

.sd-avatar .sd-avatar-content.sd-avatar-content--add-item--clickable:active {
  background-image: linear-gradient(var(--sd-colour-avatar-add) 0 0), linear-gradient(var(--sd-colour-avatar-add) 0 0);
  cursor: pointer;
  outline: 2px solid var(--sd-colour-interactive); }

.sd-avatar .sd-avatar-content.sd-avatar-content--number {
  background-color: var(--sd-colour-avatar-bg--light);
  color: var(--color-text-light);
  outline: 1px solid transparent;
  outline-offset: 0px;
  transition: all 0.2s ease; }

.sd-avatar .sd-avatar-content.sd-avatar-content--number:hover {
  cursor: pointer;
  outline: 1px solid var(--sd-colour-interactive);
  outline-offset: 2px; }

.sd-avatar .sd-avatar-content.sd-avatar-content--number:active {
  cursor: pointer;
  outline: 2px solid var(--sd-colour-interactive); }

.sd-avatar .sd-avatar-content span {
  cursor: default; }

.sd-avatar .sd-avatar-content--text {
  background-color: var(--sd-colour-avatar-bg); }

.sd-avatar .sd-avatar-content--dummy-img {
  background-color: var(--sd-colour-avatar-bg--empty);
  background-image: url(697ac26242f49f755be28cfb7fbda92f.svg);
  background-repeat: no-repeat;
  background-size: cover; }

.sd-avatar.sd-avatar--empty-light .sd-avatar-content--dummy-img {
  background-color: var(--sd-colour-avatar-bg--light);
  border: 1px dashed var(--sd-colour-avatar-border--light); }

.sd-avatar.sd-avatar--empty-light .sd-avatar-content--dummy-img svg {
  opacity: 0.25; }

.sd-avatar .sd-avatar__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  inset-block-end: -4px;
  inset-inline-end: -4px;
  opacity: 1;
  color: var(--color-text-lighter); }

.sd-avatar .sd-avatar__icon [class^="icon-"], .sd-avatar .sd-avatar__icon [class*=" icon-"] {
  color: inherit;
  text-shadow: -1px 1px 0 var(--sd-item__main-Bg), 1px 1px 0 var(--sd-item__main-Bg), 1px -1px 0 var(--sd-item__main-Bg), -1px -1px 0 var(--sd-item__main-Bg); }

.sd-avatar .sd-avatar__coverage-state {
  --dot-size: 6px;
  display: flex;
  height: var(--dot-size);
  width: var(--dot-size);
  position: absolute;
  background-color: var(--sd-colour-coverage-state--default);
  z-index: 2;
  border-radius: var(--b-radius--full);
  inset-block-end: -3px;
  inset-inline-end: 3px;
  box-shadow: 0 0 0 1px var(--sd-item__main-Bg); }

.sd-avatar.sd-avatar--x-small .sd-avatar__icon {
  inset-block-end: -4px;
  inset-inline-end: -10px; }

.sd-avatar.sd-avatar--small .sd-avatar__icon {
  inset-block-end: -4px;
  inset-inline-end: -8px; }

.sd-avatar.sd-avatar--medium .sd-avatar__icon {
  inset-block-end: -3px;
  inset-inline-end: -6px; }

.sd-avatar.sd-avatar--large .sd-avatar__icon {
  inset-block-end: -1px;
  inset-inline-end: -4px; }

.sd-avatar.sd-avatar--x-large .sd-avatar__icon {
  inset-block-end: -2px;
  inset-inline-end: -4px; }

.sd-avatar.sd-avatar--x-large .sd-avatar__icon [class^="icon-"], .sd-avatar.sd-avatar--x-large .sd-avatar__icon [class*=" icon-"] {
  --icon-base-size: 32px;
  text-shadow: -2px 2px 0 var(--sd-item__main-Bg), 2px 2px 0 var(--sd-item__main-Bg), 2px -2px 0 var(--sd-item__main-Bg), -2px -2px 0 var(--sd-item__main-Bg); }

.sd-avatar.sd-avatar--xx-large .sd-avatar__icon {
  inset-block-end: -1px;
  inset-inline-end: -2px; }

.sd-avatar.sd-avatar--xx-large .sd-avatar__icon [class^="icon-"], .sd-avatar.sd-avatar--xx-large .sd-avatar__icon [class*=" icon-"] {
  --icon-base-size: 32px;
  text-shadow: -2px 2px 0 var(--sd-item__main-Bg), 2px 2px 0 var(--sd-item__main-Bg), 2px -2px 0 var(--sd-item__main-Bg), -2px -2px 0 var(--sd-item__main-Bg); }

.sd-avatar--indicator-admin {
  border-radius: var(--b-radius--full);
  position: absolute;
  inset-block-start: -4px;
  inset-inline-start: -4px;
  inset-inline-end: auto;
  z-index: 1;
  color: #FF5722 !important; }

.sd-avatar--indicator-admin:after {
  content: '';
  display: block;
  position: absolute;
  inset-block-start: 4px;
  inset-inline-start: 4px;
  background: var(--sd-colour-background__base--00);
  width: 8px;
  height: 8px;
  z-index: -1;
  border-radius: var(--b-radius--full); }

.sd-avatar--x-small {
  height: 20px;
  width: 20px;
  font-size: 1rem; }

.sd-avatar--x-small .sd-avatar--indicator-admin {
  inset-block-start: -4px;
  inset-inline-start: -6px; }

.sd-avatar--small {
  height: 24px;
  width: 24px;
  font-size: 1rem; }

.sd-avatar--small .sd-avatar--indicator-admin {
  inset-block-start: -4px;
  inset-inline-start: -6px; }

.sd-avatar--medium {
  height: 30px;
  width: 30px;
  font-size: 1.4rem; }

.sd-avatar--large {
  height: 48px;
  width: 48px;
  font-size: 1.8rem; }

.sd-avatar--large .sd-avatar--indicator-status--offline,
.sd-avatar--large .sd-avatar--indicator-status--online {
  height: 12px;
  width: 12px;
  inset-block-end: -1px;
  inset-inline-end: -4px;
  inset-inline-start: auto; }

.sd-avatar--large .sd-avatar--indicator-admin {
  inset-block-start: -2px;
  inset-inline-start: -4px;
  inset-inline-end: auto; }

.sd-avatar--x-large {
  height: 96px;
  width: 96px;
  font-size: 3.2rem; }

.sd-avatar--x-large .sd-avatar--indicator-status--offline,
.sd-avatar--x-large .sd-avatar--indicator-status--online {
  height: 16px;
  width: 16px;
  inset-block-end: -2px;
  inset-inline-end: 4px; }

.sd-avatar--x-large .sd-avatar--indicator-admin {
  inset-block-start: 2px;
  inset-inline-start: 0;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.sd-avatar--x-large .sd-avatar--indicator-admin:after {
  height: 14px;
  width: 14px;
  inset-block-start: 1px;
  inset-inline-start: 5px; }

.sd-avatar--xx-large {
  height: 120px;
  width: 120px;
  font-size: 4rem; }

.sd-avatar--xx-large .sd-avatar--indicator-status--offline,
.sd-avatar--xx-large .sd-avatar--indicator-status--online {
  height: 18px;
  width: 18px;
  inset-block-end: -2px;
  inset-inline-end: 8px; }

.sd-avatar--xx-large .sd-avatar--indicator-admin {
  inset-block-start: 4px;
  inset-inline-start: 4px;
  inset-inline-end: auto;
  width: 24px;
  height: 24px;
  font-size: 24px; }

.sd-avatar--xx-large .sd-avatar--indicator-admin:after {
  height: 14px;
  width: 14px;
  inset-block-start: 1px;
  inset-inline-start: 5px; }

.sd-avatar-group {
  display: flex; }

.sd-avatar-group.sd-avatar-group--stacked {
  flex-wrap: nowrap;
  gap: 0;
  margin-inline-end: 8px; }

.sd-avatar-group.sd-avatar-group--stacked > .sd-avatar {
  margin: 0 -0.8rem 0 0; }

.sd-avatar-group.sd-avatar-group--stacked > .sd-avatar .sd-avatar-content {
  --avatar-shadow: var(--sd-item__main-Bg);
  box-shadow: 0 0 0 2px var(--avatar-shadow); }

.sd-avatar-group.sd-avatar-group--stacked > .sd-avatar:hover {
  z-index: 100; }

.sd-avatar-group.sd-avatar-group--stacked > .sd-avatar--large {
  margin: 0 -1.2rem 0 0; }

.sd-avatar-group.sd-avatar-group--stacked.sd-avatar-group--stacked--gap-small {
  gap: 0.4rem;
  margin-inline-end: 0; }

.sd-avatar-group.sd-avatar-group--stacked.sd-avatar-group--stacked--gap-small > .sd-avatar {
  margin: 0; }

.sd-avatar-group.sd-avatar-group--stacked.sd-avatar-group--stacked--gap-medium {
  gap: 0.8rem;
  margin-inline-end: 0; }

.sd-avatar-group.sd-avatar-group--stacked.sd-avatar-group--stacked--gap-medium > .sd-avatar {
  margin: 0; }

.sd-avatar-group.sd-avatar-group--stacked.sd-avatar-group--stacked--gap-large {
  gap: 1.2rem;
  margin-inline-end: 0; }

.sd-avatar-group.sd-avatar-group--stacked.sd-avatar-group--stacked--gap-large > .sd-avatar {
  margin: 0; }

.sd-avatar-group.sd-avatar-group--grid {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.2rem; }

.avatar-popup {
  background-color: var(--color-dropdown-menu-Bg);
  border-radius: var(--b-radius--large);
  padding: var(--space--2);
  padding-inline-end: var(--space--3);
  box-shadow: var(--sd-shadow__dropdown);
  display: flex;
  flex-direction: column;
  gap: var(--gap-1-5);
  overflow: auto; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.login-screen {
  position: fixed;
  z-index: 9000;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-block-start: 0;
  background-color: var(--sd-colour-bg--02); }
  .login-screen .logo-handler {
    margin-block-end: 60px; }
  .login-screen .login-form-container {
    width: 320px;
    height: 600px;
    padding: 0 15px;
    position: absolute;
    inset-block-start: 50%;
    margin-block-start: -300px;
    inset-inline-start: 50%;
    margin-inline-start: -125px;
    padding-block-start: 80px; }
    .login-screen .login-form-container .session-error {
      position: absolute;
      inset-block-start: 0;
      width: 240px;
      padding-block-start: 10px;
      padding-block-end: 10px;
      border-radius: 3px;
      color: white;
      font-size: 12px;
      background-color: #be7d0e;
      text-align: center;
      margin: 0; }
    .login-screen .login-form-container .form-handler {
      width: 240px; }
      .login-screen .login-form-container .form-handler form .inputs input {
        margin-block-end: 16px;
        height: 40px;
        background-color: var(--sd-colour-bg--04);
        color: white !important;
        border-radius: 4px;
        border: none;
        box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.8), 0 1px 0 0 rgba(140, 151, 166, 0.4);
        font-size: 14px;
        padding-inline-start: 12px; }
        .login-screen .login-form-container .form-handler form .inputs input:autofill {
          color: var(--sd-colour-interactive--hover) !important;
          background-color: var(--sd-colour-bg--04) !important;
          border: 1px solid var(--sd-colour-line--light) !important; }
        .login-screen .login-form-container .form-handler form .inputs input:focus {
          box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 4px var(--sd-colour-interactive--alpha-20) !important; }
      .login-screen .login-form-container .form-handler form .inputs input:-webkit-autofill,
      .login-screen .login-form-container .form-handler form .inputs input:-webkit-autofill:hover {
        -webkit-text-fill-color: var(--sd-colour-interactive--hover) !important;
        transition: background-color 5000s ease-in-out 0s; }
      .login-screen .login-form-container .form-handler form .buttons button {
        width: 100%;
        position: relative; }
      .login-screen .login-form-container .form-handler .links {
        border-block-start: 1px solid var(--sd-colour-line--light);
        padding-block-start: 10px; }
      .login-screen .login-form-container .form-handler .text {
        color: #c5cbd3;
        margin-block-end: 10px;
        display: block; }
        .login-screen .login-form-container .form-handler .text:hover {
          text-decoration: underline;
          cursor: pointer; }
      .login-screen .login-form-container .form-handler .reset-info {
        color: #c5cbd3;
        margin-block-end: 20px; }
        .login-screen .login-form-container .form-handler .reset-info i {
          vertical-align: sub; }
      .login-screen .login-form-container .form-handler .transition-id {
        color: #c5cbd3;
        margin-block-start: 20px;
        margin-block-end: 20px;
        display: block;
        font-size: 50px;
        font-weight: bold;
        text-align: center; }
      .login-screen .login-form-container .form-handler .validation-info {
        margin: -10px 0 10px; }
        .login-screen .login-form-container .form-handler .validation-info span {
          color: #f4c78b;
          font-size: 12px; }
      .login-screen .login-form-container .form-handler .error-handler .error {
        background: #9d0202;
        padding: 12px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        border-radius: 4px; }
      .login-screen .login-form-container .form-handler .error-handler .network-error {
        height: 44px;
        border-radius: 3px; }
        .login-screen .login-form-container .form-handler .error-handler .network-error span {
          width: 46px;
          height: 44px;
          float: inline-start;
          border-radius: 3px 0 0 3px;
          background-repeat: no-repeat;
          background-position: 8px 7px;
          opacity: 0.6; }
        .login-screen .login-form-container .form-handler .error-handler .network-error p {
          margin-inline-start: 46px;
          color: white;
          padding: 6px;
          line-height: 16px;
          font-size: 12px; }
        .login-screen .login-form-container .form-handler .error-handler .network-error.red {
          background-color: #7a1212; }
          .login-screen .login-form-container .form-handler .error-handler .network-error.red span {
            background-color: #910707; }
        .login-screen .login-form-container .form-handler .error-handler .network-error.yellow {
          background-color: #bc7c0e; }
          .login-screen .login-form-container .form-handler .error-handler .network-error.yellow span {
            background-color: #de8f05; }
        .login-screen .login-form-container .form-handler .error-handler .network-error.green {
          background-color: #157310; }
          .login-screen .login-form-container .form-handler .error-handler .network-error.green span {
            background-color: #0c8507; }
  .login-screen .spinner {
    width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    inset-inline-end: 9px;
    inset-block-start: 6px;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear; }
  .login-screen .dot1, .login-screen .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    inset-block-start: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out; }
  .login-screen .dot2 {
    inset-block-start: auto;
    inset-block-end: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }

@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@charset "UTF-8";
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

@font-face {
  font-family: 'sd_icons';
  src: url(7776f0426ab015f15eef72cabf8720ae.eot);
  src: url(7776f0426ab015f15eef72cabf8720ae.eot?#iefix-r9v51w) format("embedded-opentype"), url(c120a3dc1c34c8d3db0d4600b7c46fed.woff) format("woff"), url(c34dca3cfb79c2395117323953ca1255.ttf) format("truetype"), url(01701f6ad1298a0098f34975ff381de5.svg#sd_icons) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  --icon-base-size: 16px;
  display: inline-block;
  width: var(--icon-base-size);
  height: var(--icon-base-size);
  line-height: var(--icon-base-size);
  font-size: var(--icon-base-size);
  font-family: 'sd_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--color-icon-default);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--2x {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px; }

.icon--light {
  opacity: 0.5; }

.icon--blue {
  color: var(--sd-colour-interactive) !important; }

.icon--white {
  color: white !important; }

.icon--light-blue {
  color: #68abc8 !important;
  opacity: 1 !important; }

.icon--dark-blue-grey {
  color: #31728e !important;
  opacity: 1 !important; }

[class*=icon-].red,
.icon--red {
  color: #bd1600 !important; }

.icon--orange {
  color: #db8000 !important; }

.icon--green {
  color: #46a446 !important; }

.icon--full-opacity {
  opacity: 1 !important; }

.icon--disabled {
  opacity: 0.2 !important; }

.icon-photo:before {
  content: "\E600"; }

.icon-photo.color--default {
  color: var(--color-icon-default); }

.icon-photo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo.color--white {
  color: #e2e5e9 !important; }

.icon-photo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video:before {
  content: "\E601"; }

.icon-video.color--default {
  color: var(--color-icon-default); }

.icon-video.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video.color--white {
  color: #e2e5e9 !important; }

.icon-video.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-map-marker:before {
  content: "\E602"; }

.icon-map-marker.color--default {
  color: var(--color-icon-default); }

.icon-map-marker.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-map-marker.color--success {
  color: var(--sd-colour-success) !important; }

.icon-map-marker.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-map-marker.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-map-marker.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-map-marker.color--light {
  color: var(--color-text-lighter) !important; }

.icon-map-marker.color--white {
  color: #e2e5e9 !important; }

.icon-map-marker.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-map-marker.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-map-marker.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-map-marker.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-slideshow:before {
  content: "\E603"; }

.icon-slideshow.color--default {
  color: var(--color-icon-default); }

.icon-slideshow.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-slideshow.color--success {
  color: var(--sd-colour-success) !important; }

.icon-slideshow.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-slideshow.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-slideshow.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-slideshow.color--light {
  color: var(--color-text-lighter) !important; }

.icon-slideshow.color--white {
  color: #e2e5e9 !important; }

.icon-slideshow.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-slideshow.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-slideshow.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-slideshow.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text:before {
  content: "\E604"; }

.icon-text.color--default {
  color: var(--color-icon-default); }

.icon-text.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text.color--white {
  color: #e2e5e9 !important; }

.icon-text.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file:before {
  content: "\E605"; }

.icon-file.color--default {
  color: var(--color-icon-default); }

.icon-file.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file.color--white {
  color: #e2e5e9 !important; }

.icon-file.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar:before {
  content: "\E606"; }

.icon-calendar.color--default {
  color: var(--color-icon-default); }

.icon-calendar.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar.color--white {
  color: #e2e5e9 !important; }

.icon-calendar.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-composite:before {
  content: "\E607"; }

.icon-composite.color--default {
  color: var(--color-icon-default); }

.icon-composite.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-composite.color--success {
  color: var(--sd-colour-success) !important; }

.icon-composite.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-composite.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-composite.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-composite.color--light {
  color: var(--color-text-lighter) !important; }

.icon-composite.color--white {
  color: #e2e5e9 !important; }

.icon-composite.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-composite.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-composite.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-composite.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio:before {
  content: "\E608"; }

.icon-audio.color--default {
  color: var(--color-icon-default); }

.icon-audio.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio.color--white {
  color: #e2e5e9 !important; }

.icon-audio.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stream:before {
  content: "\E609"; }

.icon-stream.color--default {
  color: var(--color-icon-default); }

.icon-stream.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stream.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stream.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stream.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stream.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stream.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stream.color--white {
  color: #e2e5e9 !important; }

.icon-stream.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stream.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stream.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stream.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ingest:before {
  content: "\E60A"; }

.icon-ingest.color--default {
  color: var(--color-icon-default); }

.icon-ingest.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ingest.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ingest.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ingest.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ingest.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ingest.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ingest.color--white {
  color: #e2e5e9 !important; }

.icon-ingest.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ingest.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ingest.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ingest.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-archive:before {
  content: "\E60B"; }

.icon-archive.color--default {
  color: var(--color-icon-default); }

.icon-archive.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-archive.color--success {
  color: var(--sd-colour-success) !important; }

.icon-archive.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-archive.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-archive.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-archive.color--light {
  color: var(--color-text-lighter) !important; }

.icon-archive.color--white {
  color: #e2e5e9 !important; }

.icon-archive.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-archive.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-archive.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-archive.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-time:before {
  content: "\E60C"; }

.icon-time.color--default {
  color: var(--color-icon-default); }

.icon-time.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-time.color--success {
  color: var(--sd-colour-success) !important; }

.icon-time.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-time.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-time.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-time.color--light {
  color: var(--color-text-lighter) !important; }

.icon-time.color--white {
  color: #e2e5e9 !important; }

.icon-time.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-time.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-time.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-time.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pin:before {
  content: "\E60D"; }

.icon-pin.color--default {
  color: var(--color-icon-default); }

.icon-pin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pin.color--white {
  color: #e2e5e9 !important; }

.icon-pin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand:before {
  content: "\E60E"; }

.icon-expand.color--default {
  color: var(--color-icon-default); }

.icon-expand.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand.color--white {
  color: #e2e5e9 !important; }

.icon-expand.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ascending:before {
  content: "\E60F"; }

.icon-ascending.color--default {
  color: var(--color-icon-default); }

.icon-ascending.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ascending.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ascending.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ascending.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ascending.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ascending.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ascending.color--white {
  color: #e2e5e9 !important; }

.icon-ascending.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ascending.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ascending.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ascending.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-descending:before {
  content: "\E60F"; }

.icon-descending {
  transform: rotate(180deg); }
  .icon-descending.color--default {
    color: var(--color-icon-default); }
  .icon-descending.color--primary {
    color: var(--sd-colour-primary) !important; }
  .icon-descending.color--success {
    color: var(--sd-colour-success) !important; }
  .icon-descending.color--warning {
    color: var(--sd-colour-warning) !important; }
  .icon-descending.color--alert {
    color: var(--sd-colour-alert) !important; }
  .icon-descending.color--highlight {
    color: var(--sd-colour-highlight) !important; }
  .icon-descending.color--light {
    color: var(--color-text-lighter) !important; }
  .icon-descending.color--white {
    color: #e2e5e9 !important; }
  .icon-descending.scale--1\.5x {
    --icon-base-size: 24px
        ; }
  .icon-descending.scale--2x {
    --icon-base-size: 32px
        ; }
  .icon-descending.scale--3x {
    --icon-base-size: 48px
        ; }
  .icon-descending.scale--4x {
    --icon-base-size: 64px
        ; }

.icon-th:before {
  content: "\E610"; }

.icon-th.color--default {
  color: var(--color-icon-default); }

.icon-th.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th.color--white {
  color: #e2e5e9 !important; }

.icon-th.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view:before {
  content: "\E610"; }

.icon-grid-view.color--default {
  color: var(--color-icon-default); }

.icon-grid-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-list:before {
  content: "\E611"; }

.icon-th-list.color--default {
  color: var(--color-icon-default); }

.icon-th-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-list.color--white {
  color: #e2e5e9 !important; }

.icon-th-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-view:before {
  content: "\E611"; }

.icon-list-view.color--default {
  color: var(--color-icon-default); }

.icon-list-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-view.color--white {
  color: #e2e5e9 !important; }

.icon-list-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pencil:before {
  content: "\E612"; }

.icon-pencil.color--default {
  color: var(--color-icon-default); }

.icon-pencil.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pencil.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pencil.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pencil.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pencil.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pencil.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pencil.color--white {
  color: #e2e5e9 !important; }

.icon-pencil.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pencil.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pencil.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pencil.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-lock:before {
  content: "\E613"; }

.icon-lock.color--default {
  color: var(--color-icon-default); }

.icon-lock.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-lock.color--success {
  color: var(--sd-colour-success) !important; }

.icon-lock.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-lock.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-lock.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-lock.color--light {
  color: var(--color-text-lighter) !important; }

.icon-lock.color--white {
  color: #e2e5e9 !important; }

.icon-lock.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-lock.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-lock.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-lock.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-retweet:before {
  content: "\E614"; }

.icon-retweet.color--default {
  color: var(--color-icon-default); }

.icon-retweet.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-retweet.color--success {
  color: var(--sd-colour-success) !important; }

.icon-retweet.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-retweet.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-retweet.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-retweet.color--light {
  color: var(--color-text-lighter) !important; }

.icon-retweet.color--white {
  color: #e2e5e9 !important; }

.icon-retweet.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-retweet.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-retweet.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-retweet.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unspike:before {
  content: "\E615"; }

.icon-unspike.color--default {
  color: var(--color-icon-default); }

.icon-unspike.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unspike.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unspike.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unspike.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unspike.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unspike.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unspike.color--white {
  color: #e2e5e9 !important; }

.icon-unspike.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unspike.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unspike.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unspike.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fullscreen:before {
  content: "\E616"; }

.icon-fullscreen.color--default {
  color: var(--color-icon-default); }

.icon-fullscreen.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fullscreen.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fullscreen.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fullscreen.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fullscreen.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fullscreen.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fullscreen.color--white {
  color: #e2e5e9 !important; }

.icon-fullscreen.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fullscreen.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fullscreen.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fullscreen.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fetch-as:before {
  content: "\E617"; }

.icon-fetch-as.color--default {
  color: var(--color-icon-default); }

.icon-fetch-as.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fetch-as.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fetch-as.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fetch-as.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fetch-as.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fetch-as.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fetch-as.color--white {
  color: #e2e5e9 !important; }

.icon-fetch-as.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fetch-as.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fetch-as.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fetch-as.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-search:before {
  content: "\E618"; }

.icon-search.color--default {
  color: var(--color-icon-default); }

.icon-search.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-search.color--success {
  color: var(--sd-colour-success) !important; }

.icon-search.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-search.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-search.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-search.color--light {
  color: var(--color-text-lighter) !important; }

.icon-search.color--white {
  color: #e2e5e9 !important; }

.icon-search.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-search.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-search.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-search.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star:before {
  content: "\E619"; }

.icon-star.color--default {
  color: var(--color-icon-default); }

.icon-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star.color--white {
  color: #e2e5e9 !important; }

.icon-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-star-empty:before {
  content: "\E61A"; }

.icon-star-empty.color--default {
  color: var(--color-icon-default); }

.icon-star-empty.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-star-empty.color--success {
  color: var(--sd-colour-success) !important; }

.icon-star-empty.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-star-empty.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-star-empty.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-star-empty.color--light {
  color: var(--color-text-lighter) !important; }

.icon-star-empty.color--white {
  color: #e2e5e9 !important; }

.icon-star-empty.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-star-empty.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-star-empty.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-star-empty.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multi-star:before {
  content: "\E61B"; }

.icon-multi-star.color--default {
  color: var(--color-icon-default); }

.icon-multi-star.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multi-star.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multi-star.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multi-star.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multi-star.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multi-star.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multi-star.color--white {
  color: #e2e5e9 !important; }

.icon-multi-star.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multi-star.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multi-star.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multi-star.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-th-large:before {
  content: "\E61C"; }

.icon-th-large.color--default {
  color: var(--color-icon-default); }

.icon-th-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-th-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-th-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-th-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-th-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-th-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-th-large.color--white {
  color: #e2e5e9 !important; }

.icon-th-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-th-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-th-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-th-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-grid-view-large:before {
  content: "\E61C"; }

.icon-grid-view-large.color--default {
  color: var(--color-icon-default); }

.icon-grid-view-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-grid-view-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-grid-view-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-grid-view-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-grid-view-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-grid-view-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-grid-view-large.color--white {
  color: #e2e5e9 !important; }

.icon-grid-view-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-grid-view-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-grid-view-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-grid-view-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ok:before {
  content: "\E61D"; }

.icon-ok.color--default {
  color: var(--color-icon-default); }

.icon-ok.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ok.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ok.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ok.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ok.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ok.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ok.color--white {
  color: #e2e5e9 !important; }

.icon-ok.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ok.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ok.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ok.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-in:before {
  content: "\E61E"; }

.icon-zoom-in.color--default {
  color: var(--color-icon-default); }

.icon-zoom-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-in.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-zoom-out:before {
  content: "\E61F"; }

.icon-zoom-out.color--default {
  color: var(--color-icon-default); }

.icon-zoom-out.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-zoom-out.color--success {
  color: var(--sd-colour-success) !important; }

.icon-zoom-out.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-zoom-out.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-zoom-out.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-zoom-out.color--light {
  color: var(--color-text-lighter) !important; }

.icon-zoom-out.color--white {
  color: #e2e5e9 !important; }

.icon-zoom-out.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-zoom-out.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-zoom-out.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-zoom-out.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-signal:before {
  content: "\E620"; }

.icon-signal.color--default {
  color: var(--color-icon-default); }

.icon-signal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-signal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-signal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-signal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-signal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-signal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-signal.color--white {
  color: #e2e5e9 !important; }

.icon-signal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-signal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-signal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-signal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-filter-large:before {
  content: "\E621"; }

.icon-filter-large.color--default {
  color: var(--color-icon-default); }

.icon-filter-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-filter-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-filter-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-filter-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-filter-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-filter-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-filter-large.color--white {
  color: #e2e5e9 !important; }

.icon-filter-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-filter-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-filter-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-filter-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-trash:before {
  content: "\E622"; }

.icon-trash.color--default {
  color: var(--color-icon-default); }

.icon-trash.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-trash.color--success {
  color: var(--sd-colour-success) !important; }

.icon-trash.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-trash.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-trash.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-trash.color--light {
  color: var(--color-text-lighter) !important; }

.icon-trash.color--white {
  color: #e2e5e9 !important; }

.icon-trash.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-trash.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-trash.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-trash.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-user:before {
  content: "\E623"; }

.icon-user.color--default {
  color: var(--color-icon-default); }

.icon-user.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-user.color--success {
  color: var(--sd-colour-success) !important; }

.icon-user.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-user.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-user.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-user.color--light {
  color: var(--color-text-lighter) !important; }

.icon-user.color--white {
  color: #e2e5e9 !important; }

.icon-user.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-user.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-user.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-user.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download:before {
  content: "\E624"; }

.icon-download.color--default {
  color: var(--color-icon-default); }

.icon-download.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download.color--white {
  color: #e2e5e9 !important; }

.icon-download.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-upload:before {
  content: "\E625"; }

.icon-upload.color--default {
  color: var(--color-icon-default); }

.icon-upload.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-upload.color--success {
  color: var(--sd-colour-success) !important; }

.icon-upload.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-upload.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-upload.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-upload.color--light {
  color: var(--color-text-lighter) !important; }

.icon-upload.color--white {
  color: #e2e5e9 !important; }

.icon-upload.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-upload.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-upload.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-upload.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-repeat:before {
  content: "\E626"; }

.icon-repeat.color--default {
  color: var(--color-icon-default); }

.icon-repeat.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-repeat.color--success {
  color: var(--sd-colour-success) !important; }

.icon-repeat.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-repeat.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-repeat.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-repeat.color--light {
  color: var(--color-text-lighter) !important; }

.icon-repeat.color--white {
  color: #e2e5e9 !important; }

.icon-repeat.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-repeat.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-repeat.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-repeat.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-refresh:before {
  content: "\E627"; }

.icon-refresh.color--default {
  color: var(--color-icon-default); }

.icon-refresh.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-refresh.color--success {
  color: var(--sd-colour-success) !important; }

.icon-refresh.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-refresh.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-refresh.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-refresh.color--light {
  color: var(--color-text-lighter) !important; }

.icon-refresh.color--white {
  color: #e2e5e9 !important; }

.icon-refresh.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-refresh.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-refresh.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-refresh.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt:before {
  content: "\E628"; }

.icon-list-alt.color--default {
  color: var(--color-icon-default); }

.icon-list-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-large:before {
  content: "\E629"; }

.icon-plus-large.color--default {
  color: var(--color-icon-default); }

.icon-plus-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-large.color--white {
  color: #e2e5e9 !important; }

.icon-plus-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-picture:before {
  content: "\E62A"; }

.icon-picture.color--default {
  color: var(--color-icon-default); }

.icon-picture.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-picture.color--success {
  color: var(--sd-colour-success) !important; }

.icon-picture.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-picture.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-picture.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-picture.color--light {
  color: var(--color-text-lighter) !important; }

.icon-picture.color--white {
  color: #e2e5e9 !important; }

.icon-picture.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-picture.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-picture.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-picture.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-question-sign:before {
  content: "\E62B"; }

.icon-question-sign.color--default {
  color: var(--color-icon-default); }

.icon-question-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-question-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-question-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-question-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-question-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-question-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-question-sign.color--white {
  color: #e2e5e9 !important; }

.icon-question-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-question-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-question-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-question-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-sign:before {
  content: "\E62C"; }

.icon-info-sign.color--default {
  color: var(--color-icon-default); }

.icon-info-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-sign.color--white {
  color: #e2e5e9 !important; }

.icon-info-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-sign:before {
  content: "\E62D"; }

.icon-plus-sign.color--default {
  color: var(--color-icon-default); }

.icon-plus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-plus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-sign:before {
  content: "\E62E"; }

.icon-minus-sign.color--default {
  color: var(--color-icon-default); }

.icon-minus-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-sign.color--white {
  color: #e2e5e9 !important; }

.icon-minus-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-remove-sign:before {
  content: "\E62F"; }

.icon-remove-sign.color--default {
  color: var(--color-icon-default); }

.icon-remove-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-remove-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-remove-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-remove-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-remove-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-remove-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-remove-sign.color--white {
  color: #e2e5e9 !important; }

.icon-remove-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-remove-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-remove-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-remove-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-share-alt:before {
  content: "\E630"; }

.icon-share-alt.color--default {
  color: var(--color-icon-default); }

.icon-share-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-share-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-share-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-share-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-share-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-share-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-share-alt.color--white {
  color: #e2e5e9 !important; }

.icon-share-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-share-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-share-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-share-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-exclamation-sign:before {
  content: "\E631"; }

.icon-exclamation-sign.color--default {
  color: var(--color-icon-default); }

.icon-exclamation-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-exclamation-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-exclamation-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-exclamation-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-exclamation-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-exclamation-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-exclamation-sign.color--white {
  color: #e2e5e9 !important; }

.icon-exclamation-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-exclamation-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-exclamation-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-exclamation-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-eye-open:before {
  content: "\E632"; }

.icon-eye-open.color--default {
  color: var(--color-icon-default); }

.icon-eye-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-eye-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-eye-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-eye-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-eye-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-eye-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-eye-open.color--white {
  color: #e2e5e9 !important; }

.icon-eye-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-eye-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-eye-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-eye-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-copy:before {
  content: "\E633"; }

.icon-copy.color--default {
  color: var(--color-icon-default); }

.icon-copy.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-copy.color--success {
  color: var(--sd-colour-success) !important; }

.icon-copy.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-copy.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-copy.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-copy.color--light {
  color: var(--color-text-lighter) !important; }

.icon-copy.color--white {
  color: #e2e5e9 !important; }

.icon-copy.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-copy.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-copy.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-copy.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-comment:before {
  content: "\E634"; }

.icon-comment.color--default {
  color: var(--color-icon-default); }

.icon-comment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-comment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-comment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-comment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-comment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-comment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-comment.color--white {
  color: #e2e5e9 !important; }

.icon-comment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-comment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-comment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-comment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-warning-sign:before {
  content: "\E635"; }

.icon-warning-sign.color--default {
  color: var(--color-icon-default); }

.icon-warning-sign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-warning-sign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-warning-sign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-warning-sign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-warning-sign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-warning-sign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-warning-sign.color--white {
  color: #e2e5e9 !important; }

.icon-warning-sign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-warning-sign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-warning-sign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-warning-sign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-adjust:before {
  content: "\E636"; }

.icon-adjust.color--default {
  color: var(--color-icon-default); }

.icon-adjust.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-adjust.color--success {
  color: var(--sd-colour-success) !important; }

.icon-adjust.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-adjust.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-adjust.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-adjust.color--light {
  color: var(--color-text-lighter) !important; }

.icon-adjust.color--white {
  color: #e2e5e9 !important; }

.icon-adjust.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-adjust.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-adjust.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-adjust.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-close:before {
  content: "\E637"; }

.icon-folder-close.color--default {
  color: var(--color-icon-default); }

.icon-folder-close.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-close.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-close.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-close.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-close.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-close.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-close.color--white {
  color: #e2e5e9 !important; }

.icon-folder-close.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-close.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-close.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-close.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-folder-open:before {
  content: "\E638"; }

.icon-folder-open.color--default {
  color: var(--color-icon-default); }

.icon-folder-open.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-folder-open.color--success {
  color: var(--sd-colour-success) !important; }

.icon-folder-open.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-folder-open.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-folder-open.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-folder-open.color--light {
  color: var(--color-text-lighter) !important; }

.icon-folder-open.color--white {
  color: #e2e5e9 !important; }

.icon-folder-open.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-folder-open.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-folder-open.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-folder-open.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-download-alt:before {
  content: "\E639"; }

.icon-download-alt.color--default {
  color: var(--color-icon-default); }

.icon-download-alt.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-download-alt.color--success {
  color: var(--sd-colour-success) !important; }

.icon-download-alt.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-download-alt.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-download-alt.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-download-alt.color--light {
  color: var(--color-text-lighter) !important; }

.icon-download-alt.color--white {
  color: #e2e5e9 !important; }

.icon-download-alt.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-download-alt.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-download-alt.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-download-alt.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-tasks:before {
  content: "\E63A"; }

.icon-tasks.color--default {
  color: var(--color-icon-default); }

.icon-tasks.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-tasks.color--success {
  color: var(--sd-colour-success) !important; }

.icon-tasks.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-tasks.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-tasks.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-tasks.color--light {
  color: var(--color-text-lighter) !important; }

.icon-tasks.color--white {
  color: #e2e5e9 !important; }

.icon-tasks.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-tasks.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-tasks.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-tasks.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-globe:before {
  content: "\E63B"; }

.icon-globe.color--default {
  color: var(--color-icon-default); }

.icon-globe.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-globe.color--success {
  color: var(--sd-colour-success) !important; }

.icon-globe.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-globe.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-globe.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-globe.color--light {
  color: var(--color-text-lighter) !important; }

.icon-globe.color--white {
  color: #e2e5e9 !important; }

.icon-globe.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-globe.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-globe.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-globe.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-link:before {
  content: "\E63C"; }

.icon-link.color--default {
  color: var(--color-icon-default); }

.icon-link.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-link.color--success {
  color: var(--sd-colour-success) !important; }

.icon-link.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-link.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-link.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-link.color--light {
  color: var(--color-text-lighter) !important; }

.icon-link.color--white {
  color: #e2e5e9 !important; }

.icon-link.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-link.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-link.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-link.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-expand-thin:before {
  content: "\E63D"; }

.icon-expand-thin.color--default {
  color: var(--color-icon-default); }

.icon-expand-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-expand-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-expand-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-expand-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-expand-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-expand-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-expand-thin.color--white {
  color: #e2e5e9 !important; }

.icon-expand-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-expand-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-expand-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-expand-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-assign:before {
  content: "\E63E"; }

.icon-assign.color--default {
  color: var(--color-icon-default); }

.icon-assign.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-assign.color--success {
  color: var(--sd-colour-success) !important; }

.icon-assign.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-assign.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-assign.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-assign.color--light {
  color: var(--color-text-lighter) !important; }

.icon-assign.color--white {
  color: #e2e5e9 !important; }

.icon-assign.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-assign.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-assign.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-assign.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots:before {
  content: "\E63F"; }

.icon-dots.color--default {
  color: var(--color-icon-default); }

.icon-dots.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-dots.color--success {
  color: var(--sd-colour-success) !important; }

.icon-dots.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-dots.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-dots.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-dots.color--light {
  color: var(--color-text-lighter) !important; }

.icon-dots.color--white {
  color: #e2e5e9 !important; }

.icon-dots.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-dots.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-dots.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-dots.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-dots-vertical:before {
  content: "\E63F"; }

.icon-dots-vertical {
  transform: rotate(90deg); }
  .icon-dots-vertical.color--default {
    color: var(--color-icon-default); }
  .icon-dots-vertical.color--primary {
    color: var(--sd-colour-primary) !important; }
  .icon-dots-vertical.color--success {
    color: var(--sd-colour-success) !important; }
  .icon-dots-vertical.color--warning {
    color: var(--sd-colour-warning) !important; }
  .icon-dots-vertical.color--alert {
    color: var(--sd-colour-alert) !important; }
  .icon-dots-vertical.color--highlight {
    color: var(--sd-colour-highlight) !important; }
  .icon-dots-vertical.color--light {
    color: var(--color-text-lighter) !important; }
  .icon-dots-vertical.color--white {
    color: #e2e5e9 !important; }
  .icon-dots-vertical.scale--1\.5x {
    --icon-base-size: 24px
        ; }
  .icon-dots-vertical.scale--2x {
    --icon-base-size: 32px
        ; }
  .icon-dots-vertical.scale--3x {
    --icon-base-size: 48px
        ; }
  .icon-dots-vertical.scale--4x {
    --icon-base-size: 64px
        ; }

.icon-backward-thin:before {
  content: "\E640"; }

.icon-backward-thin.color--default {
  color: var(--color-icon-default); }

.icon-backward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-backward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-backward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-backward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-backward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-backward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-backward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-backward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-backward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-backward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-backward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-forward-thin:before {
  content: "\E641"; }

.icon-forward-thin.color--default {
  color: var(--color-icon-default); }

.icon-forward-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-forward-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-forward-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-forward-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-forward-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-forward-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-forward-thin.color--white {
  color: #e2e5e9 !important; }

.icon-forward-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-forward-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-forward-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-forward-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-left-thin:before {
  content: "\E642"; }

.icon-chevron-left-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-left-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-left-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-left-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-left-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-left-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-left-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-left-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-left-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-left-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-left-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-left-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-right-thin:before {
  content: "\E643"; }

.icon-chevron-right-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-right-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-right-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-right-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-right-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-right-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-right-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-right-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-right-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-right-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-right-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-right-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-switches:before {
  content: "\E644"; }

.icon-switches.color--default {
  color: var(--color-icon-default); }

.icon-switches.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-switches.color--success {
  color: var(--sd-colour-success) !important; }

.icon-switches.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-switches.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-switches.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-switches.color--light {
  color: var(--color-text-lighter) !important; }

.icon-switches.color--white {
  color: #e2e5e9 !important; }

.icon-switches.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-switches.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-switches.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-switches.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-plus-small:before {
  content: "\E645"; }

.icon-plus-small.color--default {
  color: var(--color-icon-default); }

.icon-plus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-plus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-plus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-plus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-plus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-plus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-plus-small.color--white {
  color: #e2e5e9 !important; }

.icon-plus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-plus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-plus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-plus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-minus-small:before {
  content: "\E646"; }

.icon-minus-small.color--default {
  color: var(--color-icon-default); }

.icon-minus-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-minus-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-minus-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-minus-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-minus-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-minus-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-minus-small.color--white {
  color: #e2e5e9 !important; }

.icon-minus-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-minus-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-minus-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-minus-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-small:before {
  content: "\E647"; }

.icon-close-small.color--default {
  color: var(--color-icon-default); }

.icon-close-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-small.color--white {
  color: #e2e5e9 !important; }

.icon-close-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post:before {
  content: "\E648"; }

.icon-post.color--default {
  color: var(--color-icon-default); }

.icon-post.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post.color--white {
  color: #e2e5e9 !important; }

.icon-post.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-external:before {
  content: "\E649"; }

.icon-external.color--default {
  color: var(--color-icon-default); }

.icon-external.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-external.color--success {
  color: var(--sd-colour-success) !important; }

.icon-external.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-external.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-external.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-external.color--light {
  color: var(--color-text-lighter) !important; }

.icon-external.color--white {
  color: #e2e5e9 !important; }

.icon-external.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-external.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-external.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-external.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-up-thin:before {
  content: "\E64A"; }

.icon-chevron-up-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-up-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-up-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-up-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-up-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-up-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-up-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-up-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-up-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-up-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-up-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-up-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-chevron-down-thin:before {
  content: "\E64B"; }

.icon-chevron-down-thin.color--default {
  color: var(--color-icon-default); }

.icon-chevron-down-thin.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-chevron-down-thin.color--success {
  color: var(--sd-colour-success) !important; }

.icon-chevron-down-thin.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-chevron-down-thin.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-chevron-down-thin.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-chevron-down-thin.color--light {
  color: var(--color-text-lighter) !important; }

.icon-chevron-down-thin.color--white {
  color: #e2e5e9 !important; }

.icon-chevron-down-thin.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-chevron-down-thin.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-chevron-down-thin.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-chevron-down-thin.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pick:before {
  content: "\E64C"; }

.icon-pick.color--default {
  color: var(--color-icon-default); }

.icon-pick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pick.color--white {
  color: #e2e5e9 !important; }

.icon-pick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-revert:before {
  content: "\E64D"; }

.icon-revert.color--default {
  color: var(--color-icon-default); }

.icon-revert.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-revert.color--success {
  color: var(--sd-colour-success) !important; }

.icon-revert.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-revert.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-revert.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-revert.color--light {
  color: var(--color-text-lighter) !important; }

.icon-revert.color--white {
  color: #e2e5e9 !important; }

.icon-revert.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-revert.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-revert.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-revert.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-plus:before {
  content: "\E64E"; }

.icon-package-plus.color--default {
  color: var(--color-icon-default); }

.icon-package-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-plus.color--white {
  color: #e2e5e9 !important; }

.icon-package-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-plus:before {
  content: "\E64F"; }

.icon-list-plus.color--default {
  color: var(--color-icon-default); }

.icon-list-plus.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-plus.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-plus.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-plus.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-plus.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-plus.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-plus.color--white {
  color: #e2e5e9 !important; }

.icon-list-plus.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-plus.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-plus.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-plus.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-envelope:before {
  content: "\E650"; }

.icon-envelope.color--default {
  color: var(--color-icon-default); }

.icon-envelope.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-envelope.color--success {
  color: var(--sd-colour-success) !important; }

.icon-envelope.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-envelope.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-envelope.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-envelope.color--light {
  color: var(--color-text-lighter) !important; }

.icon-envelope.color--white {
  color: #e2e5e9 !important; }

.icon-envelope.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-envelope.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-envelope.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-envelope.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heart:before {
  content: "\E651"; }

.icon-heart.color--default {
  color: var(--color-icon-default); }

.icon-heart.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heart.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heart.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heart.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heart.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heart.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heart.color--white {
  color: #e2e5e9 !important; }

.icon-heart.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heart.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heart.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heart.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-home:before {
  content: "\E652"; }

.icon-home.color--default {
  color: var(--color-icon-default); }

.icon-home.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-home.color--success {
  color: var(--sd-colour-success) !important; }

.icon-home.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-home.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-home.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-home.color--light {
  color: var(--color-text-lighter) !important; }

.icon-home.color--white {
  color: #e2e5e9 !important; }

.icon-home.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-home.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-home.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-home.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-print:before {
  content: "\E653"; }

.icon-print.color--default {
  color: var(--color-icon-default); }

.icon-print.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-print.color--success {
  color: var(--sd-colour-success) !important; }

.icon-print.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-print.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-print.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-print.color--light {
  color: var(--color-text-lighter) !important; }

.icon-print.color--white {
  color: #e2e5e9 !important; }

.icon-print.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-print.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-print.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-print.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-font:before {
  content: "\E654"; }

.icon-font.color--default {
  color: var(--color-icon-default); }

.icon-font.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-font.color--success {
  color: var(--sd-colour-success) !important; }

.icon-font.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-font.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-font.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-font.color--light {
  color: var(--color-text-lighter) !important; }

.icon-font.color--white {
  color: #e2e5e9 !important; }

.icon-font.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-font.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-font.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-font.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bold:before {
  content: "\E655"; }

.icon-bold.color--default {
  color: var(--color-icon-default); }

.icon-bold.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bold.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bold.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bold.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bold.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bold.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bold.color--white {
  color: #e2e5e9 !important; }

.icon-bold.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bold.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bold.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bold.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-italic:before {
  content: "\E656"; }

.icon-italic.color--default {
  color: var(--color-icon-default); }

.icon-italic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-italic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-italic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-italic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-italic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-italic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-italic.color--white {
  color: #e2e5e9 !important; }

.icon-italic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-italic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-italic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-italic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-underline:before {
  content: "\E657"; }

.icon-underline.color--default {
  color: var(--color-icon-default); }

.icon-underline.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-underline.color--success {
  color: var(--sd-colour-success) !important; }

.icon-underline.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-underline.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-underline.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-underline.color--light {
  color: var(--color-text-lighter) !important; }

.icon-underline.color--white {
  color: #e2e5e9 !important; }

.icon-underline.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-underline.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-underline.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-underline.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-strikethrough:before {
  content: "\E658"; }

.icon-strikethrough.color--default {
  color: var(--color-icon-default); }

.icon-strikethrough.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-strikethrough.color--success {
  color: var(--sd-colour-success) !important; }

.icon-strikethrough.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-strikethrough.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-strikethrough.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-strikethrough.color--light {
  color: var(--color-text-lighter) !important; }

.icon-strikethrough.color--white {
  color: #e2e5e9 !important; }

.icon-strikethrough.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-strikethrough.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-strikethrough.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-strikethrough.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-left:before {
  content: "\E659"; }

.icon-align-left.color--default {
  color: var(--color-icon-default); }

.icon-align-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-left.color--white {
  color: #e2e5e9 !important; }

.icon-align-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-center:before {
  content: "\E65A"; }

.icon-align-center.color--default {
  color: var(--color-icon-default); }

.icon-align-center.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-center.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-center.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-center.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-center.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-center.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-center.color--white {
  color: #e2e5e9 !important; }

.icon-align-center.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-center.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-center.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-center.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-right:before {
  content: "\E65B"; }

.icon-align-right.color--default {
  color: var(--color-icon-default); }

.icon-align-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-right.color--white {
  color: #e2e5e9 !important; }

.icon-align-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-align-justify:before {
  content: "\E65C"; }

.icon-align-justify.color--default {
  color: var(--color-icon-default); }

.icon-align-justify.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-align-justify.color--success {
  color: var(--sd-colour-success) !important; }

.icon-align-justify.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-align-justify.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-align-justify.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-align-justify.color--light {
  color: var(--color-text-lighter) !important; }

.icon-align-justify.color--white {
  color: #e2e5e9 !important; }

.icon-align-justify.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-align-justify.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-align-justify.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-align-justify.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unordered-list:before {
  content: "\E65D"; }

.icon-unordered-list.color--default {
  color: var(--color-icon-default); }

.icon-unordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-unordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-left:before {
  content: "\E65E"; }

.icon-indent-left.color--default {
  color: var(--color-icon-default); }

.icon-indent-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-left.color--white {
  color: #e2e5e9 !important; }

.icon-indent-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-indent-right:before {
  content: "\E65F"; }

.icon-indent-right.color--default {
  color: var(--color-icon-default); }

.icon-indent-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-indent-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-indent-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-indent-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-indent-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-indent-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-indent-right.color--white {
  color: #e2e5e9 !important; }

.icon-indent-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-indent-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-indent-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-indent-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ban-circle:before {
  content: "\E660"; }

.icon-ban-circle.color--default {
  color: var(--color-icon-default); }

.icon-ban-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ban-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ban-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ban-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ban-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ban-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ban-circle.color--white {
  color: #e2e5e9 !important; }

.icon-ban-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ban-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ban-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ban-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-bell:before {
  content: "\E661"; }

.icon-bell.color--default {
  color: var(--color-icon-default); }

.icon-bell.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-bell.color--success {
  color: var(--sd-colour-success) !important; }

.icon-bell.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-bell.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-bell.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-bell.color--light {
  color: var(--color-text-lighter) !important; }

.icon-bell.color--white {
  color: #e2e5e9 !important; }

.icon-bell.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-bell.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-bell.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-bell.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-random:before {
  content: "\E662"; }

.icon-random.color--default {
  color: var(--color-icon-default); }

.icon-random.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-random.color--success {
  color: var(--sd-colour-success) !important; }

.icon-random.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-random.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-random.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-random.color--light {
  color: var(--color-text-lighter) !important; }

.icon-random.color--white {
  color: #e2e5e9 !important; }

.icon-random.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-random.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-random.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-random.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-settings:before {
  content: "\E663"; }

.icon-settings.color--default {
  color: var(--color-icon-default); }

.icon-settings.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-settings.color--success {
  color: var(--sd-colour-success) !important; }

.icon-settings.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-settings.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-settings.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-settings.color--light {
  color: var(--color-text-lighter) !important; }

.icon-settings.color--white {
  color: #e2e5e9 !important; }

.icon-settings.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-settings.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-settings.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-settings.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-package-create:before {
  content: "\E664"; }

.icon-package-create.color--default {
  color: var(--color-icon-default); }

.icon-package-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-package-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-package-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-package-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-package-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-package-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-package-create.color--white {
  color: #e2e5e9 !important; }

.icon-package-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-package-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-package-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-package-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-menu:before {
  content: "\E665"; }

.icon-list-menu.color--default {
  color: var(--color-icon-default); }

.icon-list-menu.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-menu.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-menu.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-menu.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-menu.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-menu.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-menu.color--white {
  color: #e2e5e9 !important; }

.icon-list-menu.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-menu.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-menu.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-menu.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-new-doc:before {
  content: "\E666"; }

.icon-new-doc.color--default {
  color: var(--color-icon-default); }

.icon-new-doc.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-new-doc.color--success {
  color: var(--sd-colour-success) !important; }

.icon-new-doc.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-new-doc.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-new-doc.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-new-doc.color--light {
  color: var(--color-text-lighter) !important; }

.icon-new-doc.color--white {
  color: #e2e5e9 !important; }

.icon-new-doc.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-new-doc.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-new-doc.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-new-doc.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-edit-line:before {
  content: "\E667"; }

.icon-edit-line.color--default {
  color: var(--color-icon-default); }

.icon-edit-line.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-edit-line.color--success {
  color: var(--sd-colour-success) !important; }

.icon-edit-line.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-edit-line.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-edit-line.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-edit-line.color--light {
  color: var(--color-text-lighter) !important; }

.icon-edit-line.color--white {
  color: #e2e5e9 !important; }

.icon-edit-line.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-edit-line.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-edit-line.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-edit-line.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-calendar-list:before {
  content: "\E668"; }

.icon-calendar-list.color--default {
  color: var(--color-icon-default); }

.icon-calendar-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-calendar-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-calendar-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-calendar-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-calendar-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-calendar-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-calendar-list.color--white {
  color: #e2e5e9 !important; }

.icon-calendar-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-calendar-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-calendar-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-calendar-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-collapse:before {
  content: "\E669"; }

.icon-collapse.color--default {
  color: var(--color-icon-default); }

.icon-collapse.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-collapse.color--success {
  color: var(--sd-colour-success) !important; }

.icon-collapse.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-collapse.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-collapse.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-collapse.color--light {
  color: var(--color-text-lighter) !important; }

.icon-collapse.color--white {
  color: #e2e5e9 !important; }

.icon-collapse.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-collapse.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-collapse.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-collapse.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast:before {
  content: "\E66A"; }

.icon-broadcast.color--default {
  color: var(--color-icon-default); }

.icon-broadcast.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-broadcast-create:before {
  content: "\E66B"; }

.icon-broadcast-create.color--default {
  color: var(--color-icon-default); }

.icon-broadcast-create.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-broadcast-create.color--success {
  color: var(--sd-colour-success) !important; }

.icon-broadcast-create.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-broadcast-create.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-broadcast-create.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-broadcast-create.color--light {
  color: var(--color-text-lighter) !important; }

.icon-broadcast-create.color--white {
  color: #e2e5e9 !important; }

.icon-broadcast-create.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-broadcast-create.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-broadcast-create.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-broadcast-create.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kill:before {
  content: "\E66C"; }

.icon-kill.color--default {
  color: var(--color-icon-default); }

.icon-kill.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kill.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kill.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kill.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kill.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kill.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kill.color--white {
  color: #e2e5e9 !important; }

.icon-kill.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kill.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kill.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kill.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic:before {
  content: "\E66D"; }

.icon-graphic.color--default {
  color: var(--color-icon-default); }

.icon-graphic.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic.color--white {
  color: #e2e5e9 !important; }

.icon-graphic.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-close-thick:before {
  content: "\E66E"; }

.icon-close-thick.color--default {
  color: var(--color-icon-default); }

.icon-close-thick.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-close-thick.color--success {
  color: var(--sd-colour-success) !important; }

.icon-close-thick.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-close-thick.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-close-thick.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-close-thick.color--light {
  color: var(--color-text-lighter) !important; }

.icon-close-thick.color--white {
  color: #e2e5e9 !important; }

.icon-close-thick.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-close-thick.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-close-thick.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-close-thick.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-move:before {
  content: "\E66F"; }

.icon-move.color--default {
  color: var(--color-icon-default); }

.icon-move.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-move.color--success {
  color: var(--sd-colour-success) !important; }

.icon-move.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-move.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-move.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-move.color--light {
  color: var(--color-text-lighter) !important; }

.icon-move.color--white {
  color: #e2e5e9 !important; }

.icon-move.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-move.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-move.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-move.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-takes-package:before {
  content: "\E670"; }

.icon-takes-package.color--default {
  color: var(--color-icon-default); }

.icon-takes-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-takes-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-takes-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-takes-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-takes-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-takes-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-takes-package.color--white {
  color: #e2e5e9 !important; }

.icon-takes-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-takes-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-takes-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-takes-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-highlight-package:before {
  content: "\E671"; }

.icon-highlight-package.color--default {
  color: var(--color-icon-default); }

.icon-highlight-package.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-highlight-package.color--success {
  color: var(--sd-colour-success) !important; }

.icon-highlight-package.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-highlight-package.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-highlight-package.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-highlight-package.color--light {
  color: var(--color-text-lighter) !important; }

.icon-highlight-package.color--white {
  color: #e2e5e9 !important; }

.icon-highlight-package.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-highlight-package.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-highlight-package.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-highlight-package.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preview-mode:before {
  content: "\E672"; }

.icon-preview-mode.color--default {
  color: var(--color-icon-default); }

.icon-preview-mode.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preview-mode.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preview-mode.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preview-mode.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preview-mode.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preview-mode.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preview-mode.color--white {
  color: #e2e5e9 !important; }

.icon-preview-mode.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preview-mode.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preview-mode.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preview-mode.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-unlocked:before {
  content: "\E673"; }

.icon-unlocked.color--default {
  color: var(--color-icon-default); }

.icon-unlocked.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-unlocked.color--success {
  color: var(--sd-colour-success) !important; }

.icon-unlocked.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-unlocked.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-unlocked.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-unlocked.color--light {
  color: var(--color-text-lighter) !important; }

.icon-unlocked.color--white {
  color: #e2e5e9 !important; }

.icon-unlocked.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-unlocked.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-unlocked.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-unlocked.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-code:before {
  content: "\E674"; }

.icon-code.color--default {
  color: var(--color-icon-default); }

.icon-code.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-code.color--success {
  color: var(--sd-colour-success) !important; }

.icon-code.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-code.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-code.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-code.color--light {
  color: var(--color-text-lighter) !important; }

.icon-code.color--white {
  color: #e2e5e9 !important; }

.icon-code.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-code.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-code.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-code.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-cut:before {
  content: "\E675"; }

.icon-cut.color--default {
  color: var(--color-icon-default); }

.icon-cut.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-cut.color--success {
  color: var(--sd-colour-success) !important; }

.icon-cut.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-cut.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-cut.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-cut.color--light {
  color: var(--color-text-lighter) !important; }

.icon-cut.color--white {
  color: #e2e5e9 !important; }

.icon-cut.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-cut.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-cut.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-cut.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paste:before {
  content: "\E676"; }

.icon-paste.color--default {
  color: var(--color-icon-default); }

.icon-paste.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paste.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paste.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paste.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paste.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paste.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paste.color--white {
  color: #e2e5e9 !important; }

.icon-paste.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paste.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paste.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paste.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-left:before {
  content: "\E677"; }

.icon-arrow-left.color--default {
  color: var(--color-icon-default); }

.icon-arrow-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-left.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-right:before {
  content: "\E678"; }

.icon-arrow-right.color--default {
  color: var(--color-icon-default); }

.icon-arrow-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-right.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-info-large:before {
  content: "\E679"; }

.icon-info-large.color--default {
  color: var(--color-icon-default); }

.icon-info-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-info-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-info-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-info-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-info-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-info-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-info-large.color--white {
  color: #e2e5e9 !important; }

.icon-info-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-info-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-info-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-info-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-help-large:before {
  content: "\E67A"; }

.icon-help-large.color--default {
  color: var(--color-icon-default); }

.icon-help-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-help-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-help-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-help-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-help-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-help-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-help-large.color--white {
  color: #e2e5e9 !important; }

.icon-help-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-help-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-help-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-help-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment:before {
  content: "\E67B"; }

.icon-attachment.color--default {
  color: var(--color-icon-default); }

.icon-attachment.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment.color--white {
  color: #e2e5e9 !important; }

.icon-attachment.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-attachment-large:before {
  content: "\E67C"; }

.icon-attachment-large.color--default {
  color: var(--color-icon-default); }

.icon-attachment-large.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-attachment-large.color--success {
  color: var(--sd-colour-success) !important; }

.icon-attachment-large.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-attachment-large.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-attachment-large.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-attachment-large.color--light {
  color: var(--color-text-lighter) !important; }

.icon-attachment-large.color--white {
  color: #e2e5e9 !important; }

.icon-attachment-large.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-attachment-large.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-attachment-large.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-attachment-large.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-table:before {
  content: "\E67D"; }

.icon-table.color--default {
  color: var(--color-icon-default); }

.icon-table.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-table.color--success {
  color: var(--sd-colour-success) !important; }

.icon-table.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-table.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-table.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-table.color--light {
  color: var(--color-text-lighter) !important; }

.icon-table.color--white {
  color: #e2e5e9 !important; }

.icon-table.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-table.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-table.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-table.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-ordered-list:before {
  content: "\E67E"; }

.icon-ordered-list.color--default {
  color: var(--color-icon-default); }

.icon-ordered-list.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-ordered-list.color--success {
  color: var(--sd-colour-success) !important; }

.icon-ordered-list.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-ordered-list.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-ordered-list.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-ordered-list.color--light {
  color: var(--color-text-lighter) !important; }

.icon-ordered-list.color--white {
  color: #e2e5e9 !important; }

.icon-ordered-list.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-ordered-list.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-ordered-list.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-ordered-list.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-1:before {
  content: "\E67F"; }

.icon-heading-1.color--default {
  color: var(--color-icon-default); }

.icon-heading-1.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-1.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-1.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-1.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-1.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-1.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-1.color--white {
  color: #e2e5e9 !important; }

.icon-heading-1.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-1.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-1.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-1.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-2:before {
  content: "\E680"; }

.icon-heading-2.color--default {
  color: var(--color-icon-default); }

.icon-heading-2.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-2.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-2.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-2.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-2.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-2.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-2.color--white {
  color: #e2e5e9 !important; }

.icon-heading-2.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-2.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-2.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-2.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-3:before {
  content: "\E681"; }

.icon-heading-3.color--default {
  color: var(--color-icon-default); }

.icon-heading-3.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-3.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-3.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-3.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-3.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-3.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-3.color--white {
  color: #e2e5e9 !important; }

.icon-heading-3.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-3.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-3.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-3.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-4:before {
  content: "\E682"; }

.icon-heading-4.color--default {
  color: var(--color-icon-default); }

.icon-heading-4.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-4.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-4.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-4.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-4.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-4.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-4.color--white {
  color: #e2e5e9 !important; }

.icon-heading-4.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-4.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-4.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-4.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-5:before {
  content: "\E683"; }

.icon-heading-5.color--default {
  color: var(--color-icon-default); }

.icon-heading-5.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-5.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-5.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-5.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-5.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-5.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-5.color--white {
  color: #e2e5e9 !important; }

.icon-heading-5.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-5.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-5.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-5.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-heading-6:before {
  content: "\E684"; }

.icon-heading-6.color--default {
  color: var(--color-icon-default); }

.icon-heading-6.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-heading-6.color--success {
  color: var(--sd-colour-success) !important; }

.icon-heading-6.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-heading-6.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-heading-6.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-heading-6.color--light {
  color: var(--color-text-lighter) !important; }

.icon-heading-6.color--white {
  color: #e2e5e9 !important; }

.icon-heading-6.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-heading-6.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-heading-6.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-heading-6.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-quote:before {
  content: "\E685"; }

.icon-quote.color--default {
  color: var(--color-icon-default); }

.icon-quote.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-quote.color--success {
  color: var(--sd-colour-success) !important; }

.icon-quote.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-quote.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-quote.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-quote.color--light {
  color: var(--color-text-lighter) !important; }

.icon-quote.color--white {
  color: #e2e5e9 !important; }

.icon-quote.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-quote.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-quote.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-quote.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-multiedit:before {
  content: "\E686"; }

.icon-multiedit.color--default {
  color: var(--color-icon-default); }

.icon-multiedit.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-multiedit.color--success {
  color: var(--sd-colour-success) !important; }

.icon-multiedit.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-multiedit.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-multiedit.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-multiedit.color--light {
  color: var(--color-text-lighter) !important; }

.icon-multiedit.color--white {
  color: #e2e5e9 !important; }

.icon-multiedit.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-multiedit.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-multiedit.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-multiedit.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-phone:before {
  content: "\E687"; }

.icon-phone.color--default {
  color: var(--color-icon-default); }

.icon-phone.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-phone.color--success {
  color: var(--sd-colour-success) !important; }

.icon-phone.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-phone.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-phone.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-phone.color--light {
  color: var(--color-text-lighter) !important; }

.icon-phone.color--white {
  color: #e2e5e9 !important; }

.icon-phone.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-phone.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-phone.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-phone.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-mobile:before {
  content: "\E688"; }

.icon-mobile.color--default {
  color: var(--color-icon-default); }

.icon-mobile.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-mobile.color--success {
  color: var(--sd-colour-success) !important; }

.icon-mobile.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-mobile.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-mobile.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-mobile.color--light {
  color: var(--color-text-lighter) !important; }

.icon-mobile.color--white {
  color: #e2e5e9 !important; }

.icon-mobile.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-mobile.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-mobile.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-mobile.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter:before {
  content: "\E689"; }

.icon-twitter.color--default {
  color: var(--color-icon-default); }

.icon-twitter.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter.color--white {
  color: #e2e5e9 !important; }

.icon-twitter.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook:before {
  content: "\E68A"; }

.icon-facebook.color--default {
  color: var(--color-icon-default); }

.icon-facebook.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook.color--white {
  color: #e2e5e9 !important; }

.icon-facebook.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in:before {
  content: "\E68B"; }

.icon-linked-in.color--default {
  color: var(--color-icon-default); }

.icon-linked-in.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-twitter-circle:before {
  content: "\E68C"; }

.icon-twitter-circle.color--default {
  color: var(--color-icon-default); }

.icon-twitter-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-twitter-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-twitter-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-twitter-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-twitter-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-twitter-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-twitter-circle.color--white {
  color: #e2e5e9 !important; }

.icon-twitter-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-twitter-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-twitter-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-twitter-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-facebook-circle:before {
  content: "\E68D"; }

.icon-facebook-circle.color--default {
  color: var(--color-icon-default); }

.icon-facebook-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-facebook-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-facebook-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-facebook-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-facebook-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-facebook-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-facebook-circle.color--white {
  color: #e2e5e9 !important; }

.icon-facebook-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-facebook-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-facebook-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-facebook-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-linked-in-circle:before {
  content: "\E68E"; }

.icon-linked-in-circle.color--default {
  color: var(--color-icon-default); }

.icon-linked-in-circle.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-linked-in-circle.color--success {
  color: var(--sd-colour-success) !important; }

.icon-linked-in-circle.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-linked-in-circle.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-linked-in-circle.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-linked-in-circle.color--light {
  color: var(--color-text-lighter) !important; }

.icon-linked-in-circle.color--white {
  color: #e2e5e9 !important; }

.icon-linked-in-circle.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-linked-in-circle.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-linked-in-circle.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-linked-in-circle.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-recurring:before {
  content: "\E68F"; }

.icon-recurring.color--default {
  color: var(--color-icon-default); }

.icon-recurring.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-recurring.color--success {
  color: var(--sd-colour-success) !important; }

.icon-recurring.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-recurring.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-recurring.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-recurring.color--light {
  color: var(--color-text-lighter) !important; }

.icon-recurring.color--white {
  color: #e2e5e9 !important; }

.icon-recurring.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-recurring.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-recurring.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-recurring.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paragraph:before {
  content: "\E690"; }

.icon-paragraph.color--default {
  color: var(--color-icon-default); }

.icon-paragraph.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paragraph.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paragraph.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paragraph.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paragraph.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paragraph.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paragraph.color--white {
  color: #e2e5e9 !important; }

.icon-paragraph.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paragraph.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paragraph.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paragraph.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-suggestion:before {
  content: "\E691"; }

.icon-suggestion.color--default {
  color: var(--color-icon-default); }

.icon-suggestion.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-suggestion.color--success {
  color: var(--sd-colour-success) !important; }

.icon-suggestion.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-suggestion.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-suggestion.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-suggestion.color--light {
  color: var(--color-text-lighter) !important; }

.icon-suggestion.color--white {
  color: #e2e5e9 !important; }

.icon-suggestion.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-suggestion.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-suggestion.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-suggestion.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-event:before {
  content: "\E692"; }

.icon-event.color--default {
  color: var(--color-icon-default); }

.icon-event.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-event.color--success {
  color: var(--sd-colour-success) !important; }

.icon-event.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-event.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-event.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-event.color--light {
  color: var(--color-text-lighter) !important; }

.icon-event.color--white {
  color: #e2e5e9 !important; }

.icon-event.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-event.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-event.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-event.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-kanban-view:before {
  content: "\E693"; }

.icon-kanban-view.color--default {
  color: var(--color-icon-default); }

.icon-kanban-view.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-kanban-view.color--success {
  color: var(--sd-colour-success) !important; }

.icon-kanban-view.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-kanban-view.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-kanban-view.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-kanban-view.color--light {
  color: var(--color-text-lighter) !important; }

.icon-kanban-view.color--white {
  color: #e2e5e9 !important; }

.icon-kanban-view.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-kanban-view.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-kanban-view.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-kanban-view.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-subscript:before {
  content: "\E694"; }

.icon-subscript.color--default {
  color: var(--color-icon-default); }

.icon-subscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-subscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-subscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-subscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-subscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-subscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-subscript.color--white {
  color: #e2e5e9 !important; }

.icon-subscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-subscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-subscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-subscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-superscript:before {
  content: "\E695"; }

.icon-superscript.color--default {
  color: var(--color-icon-default); }

.icon-superscript.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-superscript.color--success {
  color: var(--sd-colour-success) !important; }

.icon-superscript.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-superscript.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-superscript.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-superscript.color--light {
  color: var(--color-text-lighter) !important; }

.icon-superscript.color--white {
  color: #e2e5e9 !important; }

.icon-superscript.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-superscript.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-superscript.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-superscript.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-format:before {
  content: "\E696"; }

.icon-clear-format.color--default {
  color: var(--color-icon-default); }

.icon-clear-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-format.color--white {
  color: #e2e5e9 !important; }

.icon-clear-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-preformatted:before {
  content: "\E697"; }

.icon-preformatted.color--default {
  color: var(--color-icon-default); }

.icon-preformatted.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-preformatted.color--success {
  color: var(--sd-colour-success) !important; }

.icon-preformatted.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-preformatted.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-preformatted.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-preformatted.color--light {
  color: var(--color-text-lighter) !important; }

.icon-preformatted.color--white {
  color: #e2e5e9 !important; }

.icon-preformatted.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-preformatted.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-preformatted.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-preformatted.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-crop:before {
  content: "\E698"; }

.icon-crop.color--default {
  color: var(--color-icon-default); }

.icon-crop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-crop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-crop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-crop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-crop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-crop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-crop.color--white {
  color: #e2e5e9 !important; }

.icon-crop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-crop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-crop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-crop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-horizontal:before {
  content: "\E699"; }

.icon-flip-horizontal.color--default {
  color: var(--color-icon-default); }

.icon-flip-horizontal.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-horizontal.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-horizontal.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-horizontal.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-horizontal.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-horizontal.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-horizontal.color--white {
  color: #e2e5e9 !important; }

.icon-flip-horizontal.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-horizontal.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-horizontal.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-horizontal.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-flip-vertical:before {
  content: "\E69A"; }

.icon-flip-vertical.color--default {
  color: var(--color-icon-default); }

.icon-flip-vertical.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-flip-vertical.color--success {
  color: var(--sd-colour-success) !important; }

.icon-flip-vertical.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-flip-vertical.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-flip-vertical.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-flip-vertical.color--light {
  color: var(--color-text-lighter) !important; }

.icon-flip-vertical.color--white {
  color: #e2e5e9 !important; }

.icon-flip-vertical.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-flip-vertical.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-flip-vertical.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-flip-vertical.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-right:before {
  content: "\E69B"; }

.icon-rotate-right.color--default {
  color: var(--color-icon-default); }

.icon-rotate-right.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-right.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-right.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-right.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-right.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-right.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-right.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-right.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-right.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-right.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-right.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rotate-left:before {
  content: "\E69C"; }

.icon-rotate-left.color--default {
  color: var(--color-icon-default); }

.icon-rotate-left.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rotate-left.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rotate-left.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rotate-left.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rotate-left.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rotate-left.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rotate-left.color--white {
  color: #e2e5e9 !important; }

.icon-rotate-left.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rotate-left.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rotate-left.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rotate-left.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-business:before {
  content: "\E69D"; }

.icon-business.color--default {
  color: var(--color-icon-default); }

.icon-business.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-business.color--success {
  color: var(--sd-colour-success) !important; }

.icon-business.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-business.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-business.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-business.color--light {
  color: var(--color-text-lighter) !important; }

.icon-business.color--white {
  color: #e2e5e9 !important; }

.icon-business.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-business.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-business.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-business.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-paywall:before {
  content: "\E69E"; }

.icon-paywall.color--default {
  color: var(--color-icon-default); }

.icon-paywall.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-paywall.color--success {
  color: var(--sd-colour-success) !important; }

.icon-paywall.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-paywall.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-paywall.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-paywall.color--light {
  color: var(--color-text-lighter) !important; }

.icon-paywall.color--white {
  color: #e2e5e9 !important; }

.icon-paywall.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-paywall.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-paywall.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-paywall.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-analytics:before {
  content: "\E69F"; }

.icon-analytics.color--default {
  color: var(--color-icon-default); }

.icon-analytics.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-analytics.color--success {
  color: var(--sd-colour-success) !important; }

.icon-analytics.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-analytics.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-analytics.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-analytics.color--light {
  color: var(--color-text-lighter) !important; }

.icon-analytics.color--white {
  color: #e2e5e9 !important; }

.icon-analytics.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-analytics.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-analytics.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-analytics.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-amp:before {
  content: "\E6A0"; }

.icon-amp.color--default {
  color: var(--color-icon-default); }

.icon-amp.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-amp.color--success {
  color: var(--sd-colour-success) !important; }

.icon-amp.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-amp.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-amp.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-amp.color--light {
  color: var(--color-text-lighter) !important; }

.icon-amp.color--white {
  color: #e2e5e9 !important; }

.icon-amp.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-amp.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-amp.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-amp.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-undo:before {
  content: "\E6A1"; }

.icon-undo.color--default {
  color: var(--color-icon-default); }

.icon-undo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-undo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-undo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-undo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-undo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-undo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-undo.color--white {
  color: #e2e5e9 !important; }

.icon-undo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-undo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-undo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-undo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-redo:before {
  content: "\E6A2"; }

.icon-redo.color--default {
  color: var(--color-icon-default); }

.icon-redo.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-redo.color--success {
  color: var(--sd-colour-success) !important; }

.icon-redo.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-redo.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-redo.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-redo.color--light {
  color: var(--color-text-lighter) !important; }

.icon-redo.color--white {
  color: #e2e5e9 !important; }

.icon-redo.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-redo.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-redo.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-redo.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-instagram:before {
  content: "\E6A3"; }

.icon-instagram.color--default {
  color: var(--color-icon-default); }

.icon-instagram.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-instagram.color--success {
  color: var(--sd-colour-success) !important; }

.icon-instagram.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-instagram.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-instagram.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-instagram.color--light {
  color: var(--color-text-lighter) !important; }

.icon-instagram.color--white {
  color: #e2e5e9 !important; }

.icon-instagram.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-instagram.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-instagram.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-instagram.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play:before {
  content: "\E6A4"; }

.icon-play.color--default {
  color: var(--color-icon-default); }

.icon-play.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play.color--white {
  color: #e2e5e9 !important; }

.icon-play.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-stop:before {
  content: "\E6A5"; }

.icon-stop.color--default {
  color: var(--color-icon-default); }

.icon-stop.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-stop.color--success {
  color: var(--sd-colour-success) !important; }

.icon-stop.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-stop.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-stop.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-stop.color--light {
  color: var(--color-text-lighter) !important; }

.icon-stop.color--white {
  color: #e2e5e9 !important; }

.icon-stop.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-stop.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-stop.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-stop.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-pause:before {
  content: "\E6A6"; }

.icon-pause.color--default {
  color: var(--color-icon-default); }

.icon-pause.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-pause.color--success {
  color: var(--sd-colour-success) !important; }

.icon-pause.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-pause.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-pause.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-pause.color--light {
  color: var(--color-text-lighter) !important; }

.icon-pause.color--white {
  color: #e2e5e9 !important; }

.icon-pause.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-pause.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-pause.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-pause.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_rewind:before {
  content: "\E6A7"; }

.icon-fast_rewind.color--default {
  color: var(--color-icon-default); }

.icon-fast_rewind.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_rewind.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_rewind.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_rewind.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_rewind.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_rewind.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_rewind.color--white {
  color: #e2e5e9 !important; }

.icon-fast_rewind.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_rewind.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_rewind.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_rewind.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-fast_forward:before {
  content: "\E6A8"; }

.icon-fast_forward.color--default {
  color: var(--color-icon-default); }

.icon-fast_forward.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-fast_forward.color--success {
  color: var(--sd-colour-success) !important; }

.icon-fast_forward.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-fast_forward.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-fast_forward.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-fast_forward.color--light {
  color: var(--color-text-lighter) !important; }

.icon-fast_forward.color--white {
  color: #e2e5e9 !important; }

.icon-fast_forward.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-fast_forward.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-fast_forward.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-fast_forward.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_previous:before {
  content: "\E6A9"; }

.icon-skip_previous.color--default {
  color: var(--color-icon-default); }

.icon-skip_previous.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_previous.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_previous.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_previous.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_previous.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_previous.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_previous.color--white {
  color: #e2e5e9 !important; }

.icon-skip_previous.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_previous.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_previous.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_previous.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-skip_next:before {
  content: "\E6AA"; }

.icon-skip_next.color--default {
  color: var(--color-icon-default); }

.icon-skip_next.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-skip_next.color--success {
  color: var(--sd-colour-success) !important; }

.icon-skip_next.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-skip_next.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-skip_next.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-skip_next.color--light {
  color: var(--color-text-lighter) !important; }

.icon-skip_next.color--white {
  color: #e2e5e9 !important; }

.icon-skip_next.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-skip_next.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-skip_next.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-skip_next.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-image:before {
  content: "\E6AB"; }

.icon-add-image.color--default {
  color: var(--color-icon-default); }

.icon-add-image.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-image.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-image.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-image.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-image.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-image.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-image.color--white {
  color: #e2e5e9 !important; }

.icon-add-image.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-image.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-image.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-image.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-add-gallery:before {
  content: "\E6AC"; }

.icon-add-gallery.color--default {
  color: var(--color-icon-default); }

.icon-add-gallery.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-add-gallery.color--success {
  color: var(--sd-colour-success) !important; }

.icon-add-gallery.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-add-gallery.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-add-gallery.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-add-gallery.color--light {
  color: var(--color-text-lighter) !important; }

.icon-add-gallery.color--white {
  color: #e2e5e9 !important; }

.icon-add-gallery.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-add-gallery.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-add-gallery.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-add-gallery.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-format:before {
  content: "\E6AD"; }

.icon-text-format.color--default {
  color: var(--color-icon-default); }

.icon-text-format.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-format.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-format.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-format.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-format.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-format.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-format.color--white {
  color: #e2e5e9 !important; }

.icon-text-format.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-format.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-format.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-format.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-uppercase:before {
  content: "\E6AE"; }

.icon-to-uppercase.color--default {
  color: var(--color-icon-default); }

.icon-to-uppercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-uppercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-uppercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-uppercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-uppercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-uppercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-uppercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-uppercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-uppercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-uppercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-uppercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-to-lowercase:before {
  content: "\E6AF"; }

.icon-to-lowercase.color--default {
  color: var(--color-icon-default); }

.icon-to-lowercase.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-to-lowercase.color--success {
  color: var(--sd-colour-success) !important; }

.icon-to-lowercase.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-to-lowercase.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-to-lowercase.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-to-lowercase.color--light {
  color: var(--color-text-lighter) !important; }

.icon-to-lowercase.color--white {
  color: #e2e5e9 !important; }

.icon-to-lowercase.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-to-lowercase.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-to-lowercase.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-to-lowercase.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-arrow-small:before {
  content: "\E6B0"; }

.icon-arrow-small.color--default {
  color: var(--color-icon-default); }

.icon-arrow-small.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-arrow-small.color--success {
  color: var(--sd-colour-success) !important; }

.icon-arrow-small.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-arrow-small.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-arrow-small.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-arrow-small.color--light {
  color: var(--color-text-lighter) !important; }

.icon-arrow-small.color--white {
  color: #e2e5e9 !important; }

.icon-arrow-small.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-arrow-small.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-arrow-small.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-arrow-small.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-clear-all:before {
  content: "\E6B1"; }

.icon-clear-all.color--default {
  color: var(--color-icon-default); }

.icon-clear-all.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-clear-all.color--success {
  color: var(--sd-colour-success) !important; }

.icon-clear-all.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-clear-all.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-clear-all.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-clear-all.color--light {
  color: var(--color-text-lighter) !important; }

.icon-clear-all.color--white {
  color: #e2e5e9 !important; }

.icon-clear-all.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-clear-all.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-clear-all.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-clear-all.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-rundown:before {
  content: "\E6B2"; }

.icon-rundown.color--default {
  color: var(--color-icon-default); }

.icon-rundown.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-rundown.color--success {
  color: var(--sd-colour-success) !important; }

.icon-rundown.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-rundown.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-rundown.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-rundown.color--light {
  color: var(--color-text-lighter) !important; }

.icon-rundown.color--white {
  color: #e2e5e9 !important; }

.icon-rundown.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-rundown.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-rundown.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-rundown.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-photo-cancel:before {
  content: "\E6B3"; }

.icon-photo-cancel.color--default {
  color: var(--color-icon-default); }

.icon-photo-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-photo-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-photo-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-photo-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-photo-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-photo-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-photo-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-photo-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-photo-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-photo-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-photo-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-video-cancel:before {
  content: "\E6B4"; }

.icon-video-cancel.color--default {
  color: var(--color-icon-default); }

.icon-video-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-video-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-video-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-video-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-video-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-video-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-video-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-video-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-video-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-video-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-video-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-cancel:before {
  content: "\E6B5"; }

.icon-text-cancel.color--default {
  color: var(--color-icon-default); }

.icon-text-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-text-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-file-cancel:before {
  content: "\E6B6"; }

.icon-file-cancel.color--default {
  color: var(--color-icon-default); }

.icon-file-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-file-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-file-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-file-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-file-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-file-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-file-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-file-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-file-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-file-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-file-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-audio-cancel:before {
  content: "\E6B7"; }

.icon-audio-cancel.color--default {
  color: var(--color-icon-default); }

.icon-audio-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-audio-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-audio-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-audio-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-audio-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-audio-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-audio-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-audio-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-audio-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-audio-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-audio-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-list-alt-cancel:before {
  content: "\E6B8"; }

.icon-list-alt-cancel.color--default {
  color: var(--color-icon-default); }

.icon-list-alt-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-list-alt-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-list-alt-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-list-alt-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-list-alt-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-list-alt-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-list-alt-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-list-alt-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-list-alt-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-list-alt-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-list-alt-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-post-cancel:before {
  content: "\E6B9"; }

.icon-post-cancel.color--default {
  color: var(--color-icon-default); }

.icon-post-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-post-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-post-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-post-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-post-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-post-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-post-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-post-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-post-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-post-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-post-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-text-block:before {
  content: "\E6BA"; }

.icon-text-block.color--default {
  color: var(--color-icon-default); }

.icon-text-block.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-text-block.color--success {
  color: var(--sd-colour-success) !important; }

.icon-text-block.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-text-block.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-text-block.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-text-block.color--light {
  color: var(--color-text-lighter) !important; }

.icon-text-block.color--white {
  color: #e2e5e9 !important; }

.icon-text-block.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-text-block.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-text-block.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-text-block.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-graphic-cancel:before {
  content: "\E6BB"; }

.icon-graphic-cancel.color--default {
  color: var(--color-icon-default); }

.icon-graphic-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-graphic-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-graphic-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-graphic-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-graphic-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-graphic-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-graphic-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-graphic-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-graphic-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-graphic-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-graphic-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-play-cancel:before {
  content: "\E6BC"; }

.icon-play-cancel.color--default {
  color: var(--color-icon-default); }

.icon-play-cancel.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-play-cancel.color--success {
  color: var(--sd-colour-success) !important; }

.icon-play-cancel.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-play-cancel.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-play-cancel.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-play-cancel.color--light {
  color: var(--color-text-lighter) !important; }

.icon-play-cancel.color--white {
  color: #e2e5e9 !important; }

.icon-play-cancel.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-play-cancel.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-play-cancel.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-play-cancel.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-up:before {
  content: "\E6BD"; }

.icon-thumb-up.color--default {
  color: var(--color-icon-default); }

.icon-thumb-up.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-up.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-up.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-up.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-up.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-up.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-up.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-up.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-up.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-up.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-up.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-thumb-down:before {
  content: "\E6BE"; }

.icon-thumb-down.color--default {
  color: var(--color-icon-default); }

.icon-thumb-down.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-thumb-down.color--success {
  color: var(--sd-colour-success) !important; }

.icon-thumb-down.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-thumb-down.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-thumb-down.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-thumb-down.color--light {
  color: var(--color-text-lighter) !important; }

.icon-thumb-down.color--white {
  color: #e2e5e9 !important; }

.icon-thumb-down.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-thumb-down.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-thumb-down.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-thumb-down.scale--4x {
  --icon-base-size: 64px
        ; }

.icon-open-ai:before {
  content: "\E6BF"; }

.icon-open-ai.color--default {
  color: var(--color-icon-default); }

.icon-open-ai.color--primary {
  color: var(--sd-colour-primary) !important; }

.icon-open-ai.color--success {
  color: var(--sd-colour-success) !important; }

.icon-open-ai.color--warning {
  color: var(--sd-colour-warning) !important; }

.icon-open-ai.color--alert {
  color: var(--sd-colour-alert) !important; }

.icon-open-ai.color--highlight {
  color: var(--sd-colour-highlight) !important; }

.icon-open-ai.color--light {
  color: var(--color-text-lighter) !important; }

.icon-open-ai.color--white {
  color: #e2e5e9 !important; }

.icon-open-ai.scale--1\.5x {
  --icon-base-size: 24px
        ; }

.icon-open-ai.scale--2x {
  --icon-base-size: 32px
        ; }

.icon-open-ai.scale--3x {
  --icon-base-size: 48px
        ; }

.icon-open-ai.scale--4x {
  --icon-base-size: 64px
        ; }

.icn-mix {
  position: relative;
  display: inline-flex !important;
  font-size: 16px;
  height: 16px; }
  .icn-mix .icn-mix__icn {
    opacity: 0.6; }
  .icn-mix .icn-mix__sub-icn {
    position: absolute;
    font-size: 1.1rem;
    box-sizing: content-box;
    line-height: 100%;
    color: #9b27b0;
    inset-inline-end: -0.4rem;
    inset-block-end: -0.6rem;
    height: 1em;
    width: 1em;
    background-color: var(--sd-item__main-Bg) !important;
    border-radius: var(--b-radius--full);
    padding: 1px;
    z-index: 1;
    opacity: 1 !important; }

.icn-mix--2x {
  font-size: 32px;
  height: 32px; }
  .icn-mix--2x .icn-mix__icn {
    opacity: 0.6;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px; }
  .icn-mix--2x .icn-mix__sub-icn {
    font-size: 1.6rem;
    inset-inline-end: -0.6rem;
    inset-block-end: -0.3rem; }

.double-size-icn {
  display: inline-block;
  height: 3.2rem;
  width: 3.2rem; }
  .double-size-icn [class^="icon-"],
  .double-size-icn [class*=" icon-"] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px; }

.double-size-icn--light [class^="icon-"],
.double-size-icn--light [class*=" icon-"] {
  opacity: 0.5; }

.subnav .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--100) !important; }

.subnav--darker .icn-mix__sub-icn {
  background-color: var(--sd-colour-panel-bg--200) !important; }

.subnav--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10) !important;
  color: #d686e4; }

.subnav--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }

.side-panel__top-tools .icn-mix__sub-icn {
  background-color: #f0f0f0; }

.side-panel__top-tools--dark-blue-grey .icn-mix__sub-icn {
  background-color: var(--color-subnav-bg--blueGrey-10);
  color: #d686e4; }

.side-panel__top-tools--dark-blue-grey .icn-mix__icn {
  color: inherit;
  opacity: 1; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.file-input .sd-line-input__input {
  padding-inline-end: 25px !important; }

.file-input--hidden {
  display: none; }

.link-input .sd-line-input__input {
  padding-inline-end: 35px !important; }

.no-padding {
  padding: 0; }

.form__row--half-width {
  max-width: 50%; }

.sd-line-input .sd-line-input__icon-bottom-right {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  cursor: pointer; }

.sd-line-input .sd-line-input__input--auto-height {
  resize: none;
  overflow: hidden;
  min-height: 2.4rem; }

.sd-line-input .sd-line-input__input--padding-right-60 {
  padding-inline-end: 60px !important; }

.sd-line-input--invalid, .form-label--invalid {
  color: #e41b21; }
  .sd-line-input--invalid .sd-line-input__icon-bottom-right, .form-label--invalid .sd-line-input__icon-bottom-right {
    inset-block-end: 18px; }
.navbtn--text-with-icon {
  width: auto;
  line-height: 4.8rem;
  padding: 0 20px;
  font-size: 1.5rem;
  border: 0;
  border-inline-start: 1px solid var(--sd-colour-line--light) !important; }
  .navbtn--text-with-icon i {
    vertical-align: text-top !important;
    margin-inline-end: 0.6rem; }

.navbtn .badge {
  position: absolute;
  inset-block-start: 5px;
  inset-inline-end: 5px;
  z-index: 2; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar__info-tools a {
  cursor: pointer; }

.dropdown .dropdown__menu-item--disabled {
  color: #8c97a6; }
.sd-slide-in-panel__header--invalid .subnav__sliding-toolbar {
  background-color: #FEF4F4;
  color: #E51C23; }
  .sd-slide-in-panel__header--invalid .subnav__sliding-toolbar h3 {
    font-weight: 500;
    padding: 0 2rem 0 1.6rem; }

.btn-group--flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 0;
  gap: 0.8rem; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.popup__menu {
  z-index: 2000;
  min-width: 100px;
  padding-block-start: 1rem;
  margin: 0;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-align: start; }
  .popup__menu--no-padding {
    padding: 0 !important; }

.popup__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: var(--sd-colour-line--light); }

.popup__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #8c97a6;
  font-weight: 500;
  padding-inline-start: 1.6rem;
  margin-block-end: .6rem; }
  .popup__menu-label .popup__menu-close {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .popup__menu-label .popup__menu-close i {
      margin-inline-end: 0 !important; }
    .popup__menu-label .popup__menu-close:hover, .popup__menu-label .popup__menu-close:focus {
      background-color: transparent;
      opacity: 1; }
  .popup__menu-label--center {
    padding-inline-start: 0;
    text-align: center;
    display: inline-block;
    width: 100%; }

.popup__menu-header {
  font-weight: 300;
  font-size: 1.5rem;
  color: var(--color-text-light);
  padding: 1rem 1rem 0 1rem;
  border-block-end: 1px solid var(--sd-colour-line--light); }
  .popup__menu-header--no-border {
    border-block-end: none; }
  .popup__menu-header--no-padding {
    padding: 0 !important; }

.popup__menu-footer {
  padding: 1rem;
  margin-block-start: 0.6rem;
  border-block-start: 1px solid var(--sd-colour-line--light);
  display: inline-block;
  width: 100%; }
  .popup__menu-footer--no-border {
    border-block-start: none; }
  .popup__menu-footer--no-padding {
    padding: 0 !important; }

.popup__menu-content {
  padding: 1rem;
  min-width: 100px; }
  .popup__menu-content--no-padding {
    padding: 0 !important; }
.SearchBar {
  height: 100%; }

.SearchBar.extended .search-handler {
  display: flex;
  border-inline-start: 1px solid var(--sd-colour-line--light) !important; }
  .SearchBar.extended .search-handler input {
    flex-grow: 1; }
  .SearchBar.extended .search-handler .search-close {
    opacity: .4; }
    .SearchBar.extended .search-handler .search-close:hover {
      opacity: .8; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sd-toggle--disabled {
  cursor: not-allowed; }

.sd-toggle--checked {
  background: #b0b0b0; }

.sd-toggle:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  box-sizing: border-box; }
.sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor {
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border);
  color: rgba(255, 255, 255, 0.8);
  padding: 0.6rem 0.8rem 0 0.8rem;
  color: var(--color-text);
  min-height: 32px;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  font-size: 14px;
  line-height: 1.4;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor:hover {
    border-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  .sd-line-input.sd-line-input--boxed .sd-line-input__input.plain-text-editor.focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

.sd-line-input.sd-media-carousel__media-caption .sd-line-input__input.plain-text-editor {
  padding-block-start: 3px;
  border-block-end: 1px solid var(--color-input-border);
  transition: border linear 0.2s;
  width: 100%; }

.sd-line-input .plain-text-editor .spelling-error {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: red;
  position: relative; }

.sd-line-input *:not([disabled]) .plain-text-editor {
  cursor: auto; }

.plain-text-editor.disabled {
  cursor: not-allowed; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.select-tag__popup {
  margin-block-start: 1px; }
  .select-tag__popup-list {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
    padding: 5px 10px; }
    .select-tag__popup-list li {
      margin: 5px 0; }
    .select-tag__popup-list span, .select-tag__popup-list i {
      float: inline-start;
      text-align: start; }
  .select-tag__popup-item {
    margin: 5px; }
    .select-tag__popup-item button {
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .select-tag__popup-item:hover {
      background: #eff7fa; }
    .select-tag__popup-item--active {
      background: #eff7fa; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sd-line-input__toggle .sd-line-input__label {
  margin-block-start: 4px;
  max-width: none; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.select-coloured-value__input {
  padding-block-start: 4px;
  height: 2.4rem;
  font-size: 1.4rem; }
  .select-coloured-value__input span {
    vertical-align: middle; }

.select-coloured-value__popup {
  width: 200px; }
  .select-coloured-value__popup button {
    padding: .6rem 1.6rem;
    width: 100%;
    text-align: start; }
    .select-coloured-value__popup button:hover {
      background: #eff7fa; }
  .select-coloured-value__popup--activeElement {
    background: #eff7fa; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.time-popup {
  width: 220px; }
  .time-popup__header-row {
    display: flex;
    flex-direction: row; }
    .time-popup__header-row .btn {
      flex: 1;
      padding: 4px 6px;
      font-size: 11px; }
  .time-popup__select-area {
    margin-block-start: 15px;
    border-block-start: 1px solid var(--sd-colour-line--light) !important; }
    .time-popup__select-area .header {
      margin-block-start: -10px;
      float: inline-start;
      background: var(--color-dropdown-menu-Bg) !important;
      text-transform: uppercase;
      color: var(--color-text-lighter) !important;
      font-size: 11px;
      padding-inline-end: 10px; }
    .time-popup__select-area ul {
      padding-block-start: 15px;
      *zoom: 1; }
      .time-popup__select-area ul:before, .time-popup__select-area ul:after {
        display: table;
        content: ""; }
      .time-popup__select-area ul:after {
        clear: both; }
      .time-popup__select-area ul > li {
        float: inline-start;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        border-radius: 2px; }
        .time-popup__select-area ul > li:hover {
          background: transparent !important;
          box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
          cursor: pointer; }
        .time-popup__select-area ul > li.active {
          background: var(--sd-colour-interactive--alpha-70) !important;
          color: white !important; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.date-popup {
  width: 260px; }
  .date-popup__header {
    width: 100%; }
  .date-popup__header-row {
    display: flex;
    flex-direction: row; }
    .date-popup__header-row .btn {
      flex: 1;
      padding: 4px 6px;
      font-size: 11px; }
      .date-popup__header-row .btn--mode {
        flex: 2; }
    .date-popup__header-row--tools {
      margin-block-start: 5px; }
      .date-popup__header-row--tools .btn {
        background: none; }
        .date-popup__header-row--tools .btn:hover, .date-popup__header-row--tools .btn:focus {
          -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          background: none; }
  .date-popup__content table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .date-popup__content table td, .date-popup__content table th {
      padding: 1px;
      border: 0; }
    .date-popup__content table thead tr th .btn {
      background: none;
      padding: 0; }
    .date-popup__content table thead tr th small {
      font-weight: 500; }
    .date-popup__content table tbody tr:first-child td {
      padding-block-start: 5px; }
    .date-popup__content table tbody td {
      padding: 0 2px; }
      .date-popup__content table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        min-height: 28px !important;
        padding: 0;
        background: none;
        color: var(--color-text);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); }
        .date-popup__content table tbody td .btn .text-muted {
          color: var(--color-text-lighter); }
        .date-popup__content table tbody td .btn:hover, .date-popup__content table tbody td .btn.active {
          color: var(--color-text);
          -webkit-box-shadow: inset 0 0 1px 0 #5fa9c8;
          -moz-box-shadow: inset 0 0 1px 0 #5fa9c8;
          box-shadow: inset 0 0 1px 0 #5fa9c8; }
        .date-popup__content table tbody td .btn.btn--primary, .date-popup__content table tbody td .btn.btn--primary.active {
          color: #fff;
          background: #5fa9c8; }
          .date-popup__content table tbody td .btn.btn--primary .text-muted, .date-popup__content table tbody td .btn.btn--primary.active .text-muted {
            color: #fff; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.date-time-input__row--required .form-label::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-inline-start: 0.3rem; }

.date-time-input__row--invalid .form-label {
  color: #e41b21; }
.InputArray__label {
  display: inline-block;
  padding-block-start: 13px !important;
  padding-block-end: 18px !important; }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

sd-suggest {
  box-sizing: border-box;
  max-width: 550px;
  width: 100%;
  border: 1px solid var(--sd-colour-line--medium);
  z-index: 100;
  background: var(--sd-item__main-Bg);
  position: absolute;
  inset-block-start: 0px;
  inset-inline-start: -550px;
  height: 100%;
  padding: 48px 0 0;
  overflow-x: scroll; }
  sd-suggest h6.no-suggestions {
    padding: 15px 18px; }
  sd-suggest label {
    display: inline-block; }
  sd-suggest .live-suggest__header {
    inset-block-start: 0;
    background: var(--sd-item__main-Bg); }
    sd-suggest .live-suggest__header h3 {
      color: var(--color-text-light); }
    sd-suggest .live-suggest__header .close i:before {
      cursor: pointer;
      font-weight: bold;
      color: var(--color-text);
      position: relative;
      inset-block-start: 13px;
      inset-inline-end: 18px; }
  sd-suggest .live-suggest__body .list-view {
    height: 65%;
    padding: 0;
    overflow-x: scroll;
    box-shadow: none; }
    sd-suggest .live-suggest__body .list-view .list-item-view.active .media-box {
      background-color: transparent !important;
      border-inline-end: none !important; }
      sd-suggest .live-suggest__body .list-view .list-item-view.active .media-box:hover {
        background-color: var(--sd-item__main-Bg--hover) !important; }
    sd-suggest .live-suggest__body .list-view .media-box {
      padding: 0 18px 10px; }
      sd-suggest .live-suggest__body .list-view .media-box .item-info {
        padding: 10px 0 5px; }
  sd-suggest .item-info {
    padding: 10px 0 5px; }
    sd-suggest .item-info label {
      color: var(--color-text-light); }
    sd-suggest .item-info__right {
      float: inline-end; }
    sd-suggest .item-info:hover {
      padding: 10px 0 5px; }
  sd-suggest i[sd-filetype-icon] {
    color: #8c97a6;
    width: 17px;
    position: relative;
    inset-block-start: 3px; }
  sd-suggest .keyword {
    color: var(--sd-slugline-color);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-inline-end: 10px; }
  sd-suggest .word-count span {
    color: #647182;
    font-size: 12px;
    font-weight: bold; }
  sd-suggest .item-details i.backlink {
    cursor: pointer;
    line-height: 28px;
    font-size: 0.7em;
    font-style: normal;
    padding-inline-start: 35px;
    margin-block-start: 0px; }
  sd-suggest .item-details .headline {
    margin: 13px 0 0; }
  sd-suggest .item-details .abstract {
    margin: 10px 0; }
  sd-suggest .item-details__body {
    padding: 0 18px; }
/**
 * Draft v0.11.5
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

.Editor3-root .link-toolbar {
  font-size: 13px !important;
  font-style: normal;
  padding: 0 10px;
  border-block-start: 1px solid var(--sd-editor-colour__controls-border);
  height: 0;
  min-height: auto;
  opacity: 0;
  transition: all .2s ease;
  display: block;
  font-weight: 300; }
  .Editor3-root .link-toolbar.is-link {
    height: 26px;
    padding: 5px 10px;
    opacity: 1; }
  .Editor3-root .link-toolbar a {
    margin-inline-start: 10px;
    cursor: pointer;
    color: var(--sd-editor-colour__txt);
    font-weight: 400; }
    .Editor3-root .link-toolbar a:hover {
      color: var(--sd-colour-interactive);
      border-block-end: 1px dotted var(--sd-colour-interactive); }

.main-article .Editor3-root, .main-editor-3-style .Editor3-root {
  border: 1px solid var(--sd-editor-colour__controls-border);
  font-weight: 300;
  padding: 0;
  position: relative;
  transition: box-shadow 0.3s ease, border-color 0.3s ease; }
  .main-article .Editor3-root.no-toolbar, .main-editor-3-style .Editor3-root.no-toolbar {
    padding-block-start: 5px; }
  .main-article .Editor3-root iframe, .main-editor-3-style .Editor3-root iframe {
    width: 97%; }
  .main-article .Editor3-root audio, .main-editor-3-style .Editor3-root audio {
    width: 100%; }
  .main-article .Editor3-root .Editor3-controls.floating-toolbar, .main-editor-3-style .Editor3-root .Editor3-controls.floating-toolbar {
    position: sticky;
    top: 0;
    left: auto;
    right: auto;
    z-index: 10;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); }
    .main-article .Editor3-root .Editor3-controls.floating-toolbar .link-toolbar.empty, .main-editor-3-style .Editor3-root .Editor3-controls.floating-toolbar .link-toolbar.empty {
      display: none; }
    .main-article .Editor3-root .Editor3-controls.floating-toolbar.floating-toolbar-invisible, .main-editor-3-style .Editor3-root .Editor3-controls.floating-toolbar.floating-toolbar-invisible {
      visibility: hidden; }
  .main-article .Editor3-root.read-only, .main-editor-3-style .Editor3-root.read-only {
    cursor: not-allowed; }
    .main-article .Editor3-root.read-only .Editor3-controls *, .main-editor-3-style .Editor3-root.read-only .Editor3-controls * {
      pointer-events: none; }
    .main-article .Editor3-root.read-only .Editor3-controls .Editor3-styleButton,
    .main-article .Editor3-root.read-only .Editor3-controls .Editor3-styleButton:hover,
    .main-article .Editor3-root.read-only .Editor3-controls .Editor3-activeButton,
    .main-article .Editor3-root.read-only .Editor3-controls .Editor3-activeButton:hover, .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-styleButton,
    .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-styleButton:hover,
    .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-activeButton,
    .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-activeButton:hover {
      color: var(--sd-editor-colour__txt);
      opacity: 0.25; }
      .main-article .Editor3-root.read-only .Editor3-controls .Editor3-styleButton [class*="icon-"],
      .main-article .Editor3-root.read-only .Editor3-controls .Editor3-styleButton:hover [class*="icon-"],
      .main-article .Editor3-root.read-only .Editor3-controls .Editor3-activeButton [class*="icon-"],
      .main-article .Editor3-root.read-only .Editor3-controls .Editor3-activeButton:hover [class*="icon-"], .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-styleButton [class*="icon-"],
      .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-styleButton:hover [class*="icon-"],
      .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-activeButton [class*="icon-"],
      .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-activeButton:hover [class*="icon-"] {
        color: var(--sd-editor-colour__txt); }
    .main-article .Editor3-root.read-only .Editor3-controls .Editor3-activeButton,
    .main-article .Editor3-root.read-only .Editor3-controls .Editor3-activeButton:hover, .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-activeButton,
    .main-editor-3-style .Editor3-root.read-only .Editor3-controls .Editor3-activeButton:hover {
      background: transparent !important; }
  .main-article .Editor3-root .image-block, .main-article .Editor3-root .embed-block, .main-editor-3-style .Editor3-root .image-block, .main-editor-3-style .Editor3-root .embed-block {
    cursor: default;
    position: relative;
    padding: 1.4rem 1rem 1rem;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.3) !important;
    transition: 0.3s linear box-shadow;
    flex-grow: 1; }
    .main-article .Editor3-root .image-block:hover, .main-article .Editor3-root .embed-block:hover, .main-editor-3-style .Editor3-root .image-block:hover, .main-editor-3-style .Editor3-root .embed-block:hover {
      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.46), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.6) !important; }
      .main-article .Editor3-root .image-block:hover .image-block__remove, .main-article .Editor3-root .embed-block:hover .image-block__remove, .main-editor-3-style .Editor3-root .image-block:hover .image-block__remove, .main-editor-3-style .Editor3-root .embed-block:hover .image-block__remove {
        visibility: visible; }
      .main-article .Editor3-root .image-block:hover .embed-block__remove, .main-article .Editor3-root .embed-block:hover .embed-block__remove, .main-editor-3-style .Editor3-root .image-block:hover .embed-block__remove, .main-editor-3-style .Editor3-root .embed-block:hover .embed-block__remove {
        visibility: visible; }
      .main-article .Editor3-root .image-block:hover .embed-block__edit, .main-article .Editor3-root .embed-block:hover .embed-block__edit, .main-editor-3-style .Editor3-root .image-block:hover .embed-block__edit, .main-editor-3-style .Editor3-root .embed-block:hover .embed-block__edit {
        visibility: visible; }
  .main-article .Editor3-root .image-block__title, .main-article .Editor3-root .image-block__description, .main-editor-3-style .Editor3-root .image-block__title, .main-editor-3-style .Editor3-root .image-block__description {
    border: 1px solid rgba(123, 123, 123, 0);
    border-bottom-color: rgba(123, 123, 123, 0.3);
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
    font-size: 1.4rem;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none !important;
    outline: none;
    padding: 0 0 0 0.2rem; }
    .main-article .Editor3-root .image-block__title:hover, .main-article .Editor3-root .image-block__description:hover, .main-editor-3-style .Editor3-root .image-block__title:hover, .main-editor-3-style .Editor3-root .image-block__description:hover {
      border-bottom-color: rgba(123, 123, 123, 0.6); }
    .main-article .Editor3-root .image-block__title:focus, .main-article .Editor3-root .image-block__description:focus, .main-editor-3-style .Editor3-root .image-block__title:focus, .main-editor-3-style .Editor3-root .image-block__description:focus {
      border-width: 1px !important;
      border-color: rgba(94, 169, 200, 0.3) !important;
      border-bottom-color: #5ea9c8 !important;
      box-shadow: 0 1px 0 #5ea9c8 !important; }
  .main-article .Editor3-root .image-block__title, .main-editor-3-style .Editor3-root .image-block__title {
    margin-block-end: 1.6rem;
    font-size: 1.5rem;
    font-weight: 500; }
  .main-article .Editor3-root .image-block__description, .main-editor-3-style .Editor3-root .image-block__description {
    margin-block-start: 1rem;
    margin-block-end: 0.2rem;
    font-weight: 300; }
  .main-article .Editor3-root .image-block__remove, .main-article .Editor3-root .embed-block__remove, .main-article .Editor3-root .embed-block__edit, .main-editor-3-style .Editor3-root .image-block__remove, .main-editor-3-style .Editor3-root .embed-block__remove, .main-editor-3-style .Editor3-root .embed-block__edit {
    z-index: 6;
    position: absolute;
    top: -1rem;
    right: -1rem;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.36), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.3) !important;
    background-color: var(--sd-editor-colour__controls-bg) !important;
    color: var(--sd-editor-colour__txt);
    visibility: hidden;
    opacity: 1 !important; }
  .main-article .Editor3-root .embed-block__edit, .main-editor-3-style .Editor3-root .embed-block__edit {
    top: 3rem; }
  .main-article .Editor3-root .image-block__image, .main-editor-3-style .Editor3-root .image-block__image {
    position: relative;
    background-color: #262626;
    margin: 0 -1rem; }
    .main-article .Editor3-root .image-block__image:hover .image-block__image-overlay, .main-editor-3-style .Editor3-root .image-block__image:hover .image-block__image-overlay {
      opacity: 1; }
    .main-article .Editor3-root .image-block__image video, .main-article .Editor3-root .image-block__image audio, .main-editor-3-style .Editor3-root .image-block__image video, .main-editor-3-style .Editor3-root .image-block__image audio {
      display: block; }
    .main-article .Editor3-root .image-block__image img, .main-editor-3-style .Editor3-root .image-block__image img {
      max-width: 100%; }
  .main-article .Editor3-root .image-block__image-overlay, .main-editor-3-style .Editor3-root .image-block__image-overlay {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.2s linear opacity;
    z-index: 1;
    opacity: 0;
    color: white; }
  .main-article .Editor3-root .image-block__metadata, .main-editor-3-style .Editor3-root .image-block__metadata {
    padding: 0.4rem 0 0.2rem 0;
    color: inherit;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    grid-gap: 0 1.6rem;
    z-index: 2;
    transition: 0.2s linear opacity;
    text-align: start;
    margin: 1.6rem 1.6rem 0; }
    .main-article .Editor3-root .image-block__metadata span, .main-editor-3-style .Editor3-root .image-block__metadata span {
      display: block;
      padding: 0.6rem 0;
      border-block-end: 1px dotted rgba(123, 123, 123, 0.5); }
      .main-article .Editor3-root .image-block__metadata span em, .main-editor-3-style .Editor3-root .image-block__metadata span em {
        font-style: normal;
        color: inherit;
        opacity: 0.9;
        font-weight: 300;
        padding-inline-end: 0.4rem;
        font-size: 1.1rem;
        text-transform: uppercase;
        letter-spacing: 0.05em; }
      .main-article .Editor3-root .image-block__metadata span:nth-child(1), .main-article .Editor3-root .image-block__metadata span:nth-child(2), .main-editor-3-style .Editor3-root .image-block__metadata span:nth-child(1), .main-editor-3-style .Editor3-root .image-block__metadata span:nth-child(2) {
        border-block-start: 1px dotted rgba(123, 123, 123, 0.5); }
    .main-article .Editor3-root .image-block__metadata--top-overlay, .main-editor-3-style .Editor3-root .image-block__metadata--top-overlay {
      padding: 0.2rem 0 0.6rem 0;
      margin-block-start: 0;
      background: none;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
      .main-article .Editor3-root .image-block__metadata--top-overlay span, .main-editor-3-style .Editor3-root .image-block__metadata--top-overlay span {
        padding-block-end: 0.4rem;
        border: none !important; }
    .main-article .Editor3-root .image-block__metadata--bottom-overlay, .main-editor-3-style .Editor3-root .image-block__metadata--bottom-overlay {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 2%, rgba(0, 0, 0, 0.6) 100%); }
    .main-article .Editor3-root .image-block__metadata--side-marg0, .main-editor-3-style .Editor3-root .image-block__metadata--side-marg0 {
      margin-inline-start: 0;
      margin-inline-end: 0; }
  .main-article .Editor3-root .image-block__action-bar, .main-editor-3-style .Editor3-root .image-block__action-bar {
    text-align: end;
    padding: 0.6rem 0 0; }
  .main-article .Editor3-root .image-block__icons-block, .main-editor-3-style .Editor3-root .image-block__icons-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 1; }
  .main-article .Editor3-root .image-block__image-action, .main-editor-3-style .Editor3-root .image-block__image-action {
    flex-grow: 0;
    flex-shrink: 0;
    color: white;
    width: 5.6rem;
    height: 5.6rem;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.2s linear all;
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0); }
    .main-article .Editor3-root .image-block__image-action i, .main-editor-3-style .Editor3-root .image-block__image-action i {
      color: white;
      height: 2.4rem;
      width: 2.4rem;
      font-size: 2.4rem;
      line-height: 1;
      opacity: 0.5;
      transition: 0.2s linear all; }
    .main-article .Editor3-root .image-block__image-action:hover, .main-editor-3-style .Editor3-root .image-block__image-action:hover {
      border-color: white;
      background-color: rgba(0, 0, 0, 0.4);
      text-decoration: none; }
      .main-article .Editor3-root .image-block__image-action:hover i, .main-editor-3-style .Editor3-root .image-block__image-action:hover i {
        opacity: 1; }
    .main-article .Editor3-root .image-block__image-action:active, .main-editor-3-style .Editor3-root .image-block__image-action:active {
      border-color: #5ea9c8;
      background-color: rgba(0, 0, 0, 0.6); }
      .main-article .Editor3-root .image-block__image-action:active i, .main-editor-3-style .Editor3-root .image-block__image-action:active i {
        color: #5ea9c8; }
    .main-article .Editor3-root .image-block__image-action + .image-block__image-action, .main-editor-3-style .Editor3-root .image-block__image-action + .image-block__image-action {
      margin-inline-start: 2rem; }
  .main-article .Editor3-root [class^="__image-overlay"] .image-block__metadata span,
  .main-article .Editor3-root [class*="__image-overlay"] .image-block__metadata span, .main-editor-3-style .Editor3-root [class^="__image-overlay"] .image-block__metadata span,
  .main-editor-3-style .Editor3-root [class*="__image-overlay"] .image-block__metadata span {
    border-color: rgba(255, 255, 255, 0.5) !important; }
    .main-article .Editor3-root [class^="__image-overlay"] .image-block__metadata span:last-child,
    .main-article .Editor3-root [class*="__image-overlay"] .image-block__metadata span:last-child, .main-editor-3-style .Editor3-root [class^="__image-overlay"] .image-block__metadata span:last-child,
    .main-editor-3-style .Editor3-root [class*="__image-overlay"] .image-block__metadata span:last-child {
      border-block-end: none; }
  .main-article .Editor3-root .multi-line-quote, .main-editor-3-style .Editor3-root .multi-line-quote {
    border-inline-start: 5px solid red;
    font-style: italic; }
  .main-article .Editor3-root .table-block table td, .main-editor-3-style .Editor3-root .table-block table td {
    font-weight: 300; }
  .main-article .Editor3-root .table-block.table-header tr:first-child td, .main-editor-3-style .Editor3-root .table-block.table-header tr:first-child td {
    font-weight: 500; }
  .main-article .Editor3-root .table-block .DraftEditor-editorContainer [data-block="true"]:only-child, .main-editor-3-style .Editor3-root .table-block .DraftEditor-editorContainer [data-block="true"]:only-child {
    border-bottom-width: 0em !important; }
  .main-article .Editor3-root .table-block__controls, .main-editor-3-style .Editor3-root .table-block__controls {
    margin-block-end: 6px; }
    .main-article .Editor3-root .table-block__controls span, .main-editor-3-style .Editor3-root .table-block__controls span {
      background: #000;
      color: #fff;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 13px;
      font-family: "Roboto", Helvetica, Arial, sans-serif; }
      .main-article .Editor3-root .table-block__controls span:hover, .main-editor-3-style .Editor3-root .table-block__controls span:hover {
        background: #444; }
      .main-article .Editor3-root .table-block__controls span:first-child, .main-editor-3-style .Editor3-root .table-block__controls span:first-child {
        border-radius: 5px 0 0 5px;
        border-inline-end: 1px solid #999; }
      .main-article .Editor3-root .table-block__controls span:last-child, .main-editor-3-style .Editor3-root .table-block__controls span:last-child {
        border-radius: 0 5px 5px 0; }
  .main-article .Editor3-root .table-block table td, .main-editor-3-style .Editor3-root .table-block table td {
    position: relative;
    border: 1px solid rgba(150, 150, 150, 0.25);
    padding: 5px;
    min-width: 20px; }
    .main-article .Editor3-root .table-block table td .public-DraftEditor-content, .main-editor-3-style .Editor3-root .table-block table td .public-DraftEditor-content {
      margin: 0;
      padding: 0; }
  .main-article .Editor3-root .spelling-error, .main-editor-3-style .Editor3-root .spelling-error {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: red;
    position: relative; }
  .main-article .Editor3-root .grammar-error, .main-editor-3-style .Editor3-root .grammar-error {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: blue;
    position: relative; }
  .main-article .Editor3-root .suggestions-dropdown, .main-editor-3-style .Editor3-root .suggestions-dropdown {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    display: block;
    position: absolute;
    top: 24px;
    left: -10px; }
  .main-article .Editor3-root .qumu-embed, .main-editor-3-style .Editor3-root .qumu-embed {
    white-space: initial; }
  .main-article .Editor3-root .media-block, .main-editor-3-style .Editor3-root .media-block {
    text-align: start;
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
    .main-article .Editor3-root .media-block__wrapper, .main-editor-3-style .Editor3-root .media-block__wrapper {
      display: inline-block; }
    .main-article .Editor3-root .media-block__title, .main-editor-3-style .Editor3-root .media-block__title {
      resize: none;
      font-size: 16px;
      line-height: 1.4;
      padding: 5px 5px 5px 0;
      margin-block-end: 5px;
      min-height: 28px;
      background-color: transparent;
      border: none; }
    .main-article .Editor3-root .media-block__description, .main-editor-3-style .Editor3-root .media-block__description {
      font-size: 13px;
      line-height: 1.4;
      resize: none;
      padding: 5px 5px 5px 0;
      min-height: 28px;
      color: var(--sd-editor-colour__txt);
      background-color: transparent;
      border: none;
      opacity: 0.7; }
    .main-article .Editor3-root .media-block img, .main-article .Editor3-root .media-block video, .main-article .Editor3-root .media-block audio, .main-editor-3-style .Editor3-root .media-block img, .main-editor-3-style .Editor3-root .media-block video, .main-editor-3-style .Editor3-root .media-block audio {
      display: inline-block;
      cursor: pointer; }
  .main-article .Editor3-root ul.public-DraftStyleDefault-ul, .main-article .Editor3-root ol.public-DraftStyleDefault-ol, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul, .main-editor-3-style .Editor3-root ol.public-DraftStyleDefault-ol {
    margin: 8px 0 0 20px;
    padding: 0 0 0 20px; }
    .main-article .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1, .main-article .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth1, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1, .main-editor-3-style .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth1 {
      margin-inline-start: 40px; }
    .main-article .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2, .main-article .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth2, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2, .main-editor-3-style .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth2 {
      margin-inline-start: 60px; }
    .main-article .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3, .main-article .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth3, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3, .main-editor-3-style .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth3 {
      margin-inline-start: 80px; }
    .main-article .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4, .main-article .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth4, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4, .main-editor-3-style .Editor3-root ol.public-DraftStyleDefault-ol .public-DraftStyleDefault-depth4 {
      margin-inline-start: 100px; }
    .main-article .Editor3-root ul.public-DraftStyleDefault-ul > li, .main-article .Editor3-root ol.public-DraftStyleDefault-ol > li, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul > li, .main-editor-3-style .Editor3-root ol.public-DraftStyleDefault-ol > li {
      border-bottom-width: 0.6em !important; }
  .main-article .Editor3-root ul.public-DraftStyleDefault-ul > li, .main-editor-3-style .Editor3-root ul.public-DraftStyleDefault-ul > li {
    list-style-type: disc; }
  .main-article .Editor3-root:not(.read-only):focus-within, .main-editor-3-style .Editor3-root:not(.read-only):focus-within {
    border-color: var(--sd-colour-interactive);
    box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-30); }
  .main-article .Editor3-root.read-only .embed-block:hover, .main-editor-3-style .Editor3-root.read-only .embed-block:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(122, 122, 122, 0.3) !important; }
  .main-article .Editor3-root.read-only .image-block__remove, .main-article .Editor3-root.read-only .embed-block__remove, .main-article .Editor3-root.read-only .embed-block__edit, .main-editor-3-style .Editor3-root.read-only .image-block__remove, .main-editor-3-style .Editor3-root.read-only .embed-block__remove, .main-editor-3-style .Editor3-root.read-only .embed-block__edit {
    display: none !important; }

.main-article .field:focus-within .field__label, .main-editor-3-style .field:focus-within .field__label {
  background-color: var(--sd-colour-interactive--active);
  opacity: 1; }

.Editor3-editor {
  cursor: text;
  font-size: 16px;
  line-height: 1.4;
  word-break: break-word;
  border: 1px solid var(--sd-editor-colour__controls-border);
  border-radius: var(--b-radius--medium); }

.Editor3-editor-single-line {
  border-block-end: 1px solid var(--sd-colour-line--light);
  cursor: text;
  font-size: 16px;
  margin-block-end: 10px; }

.Editor3-editor .public-DraftEditorPlaceholder-root,
.Editor3-editor .public-DraftEditor-content {
  padding: 10px 15px 0 15px; }
  .Editor3-editor .public-DraftEditorPlaceholder-root span[style*="super"],
  .Editor3-editor .public-DraftEditor-content span[style*="super"] {
    display: inline-block;
    margin-block-start: -6px; }
  .Editor3-editor .public-DraftEditorPlaceholder-root span[style*="sub"],
  .Editor3-editor .public-DraftEditor-content span[style*="sub"] {
    display: inline-block;
    margin-block-end: -6px; }

.Editor3-editor.unstyled__block--invisibles [data-block]:after {
  content: '\E690';
  font-family: 'sd_icons';
  font-size: 16px;
  color: var(--sd-colour-interactive); }

.Editor3-editor .public-DraftEditor-content {
  min-height: 20px; }
  .Editor3-editor .public-DraftEditor-content [data-block="true"] {
    border-block-end: 1.5em solid transparent; }
    .Editor3-editor .public-DraftEditor-content [data-block="true"].unstyled__block--over {
      border-bottom-width: 1.5em;
      transition: border-width 0.1s ease-in-out;
      border-bottom-color: rgba(93, 155, 192, 0.3); }
    .Editor3-editor .public-DraftEditor-content [data-block="true"]:only-child {
      border-bottom-width: 0.6em; }
  .Editor3-editor .public-DraftEditor-content h1, .Editor3-editor .public-DraftEditor-content h2, .Editor3-editor .public-DraftEditor-content h3, .Editor3-editor .public-DraftEditor-content h4, .Editor3-editor .public-DraftEditor-content h5, .Editor3-editor .public-DraftEditor-content h6 {
    z-index: 1; }
    .Editor3-editor .public-DraftEditor-content h1[data-block="true"], .Editor3-editor .public-DraftEditor-content h2[data-block="true"], .Editor3-editor .public-DraftEditor-content h3[data-block="true"], .Editor3-editor .public-DraftEditor-content h4[data-block="true"], .Editor3-editor .public-DraftEditor-content h5[data-block="true"], .Editor3-editor .public-DraftEditor-content h6[data-block="true"] {
      border-bottom-width: 0.5em; }
  .Editor3-editor .public-DraftEditor-content .unstyled {
    padding-block-start: 0.4em;
    border-top-width: 0;
    transition: border-width 0.1s ease-in-out; }
  .Editor3-editor .public-DraftEditor-content .unstyled:first-child {
    padding-block-start: 0.6em; }
  .Editor3-editor .public-DraftEditor-content .unstyled:last-child {
    padding-block-end: 1em; }
  .Editor3-editor .public-DraftEditor-content .unstyled--over {
    padding-block-start: 0;
    border-block-start: 1.5em solid rgba(93, 155, 192, 0.3);
    transition: border-width 0.1s ease-in-out; }
  .Editor3-editor .public-DraftEditor-content .unstyled + h3[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h4[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h5[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h6[data-block="true"] {
    padding-block-start: .4em; }
  .Editor3-editor .public-DraftEditor-content .unstyled + h1[data-block="true"], .Editor3-editor .public-DraftEditor-content .unstyled + h2[data-block="true"] {
    padding-block-start: 0.2em; }

.Editor3-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none; }

.Editor3-editor .Editor3-blockquote {
  border-inline-start: 5px solid #eee;
  font-style: italic;
  margin: 16px 0;
  padding: 10px 20px; }

.Editor3-editor .public-DraftStyleDefault-pre {
  background-color: rgba(123, 123, 123, 0.1);
  font-family: 'Roboto Mono', monospace !important;
  padding: 0 2ch;
  overflow-y: auto; }
  .Editor3-editor .public-DraftStyleDefault-pre [data-block="true"] {
    border-block-end: none;
    margin: 0 0 0.5; }
  .Editor3-editor .public-DraftStyleDefault-pre pre {
    position: relative;
    white-space: pre !important;
    padding-inline-end: 2ch; }
    .Editor3-editor .public-DraftStyleDefault-pre pre .public-DraftStyleDefault-block {
      white-space: inherit; }
    .Editor3-editor .public-DraftStyleDefault-pre pre.showCharacterLimit:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: var(--preCharacterLimit);
      border-inline-end: 1px dotted red;
      z-index: 1;
      pointer-events: none; }

.Editor3-controls {
  width: 100%;
  min-width: 300px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  user-select: none;
  background-color: var(--sd-editor-colour__controls-bg);
  border-block-end: 1px solid;
  border-bottom-color: var(--sd-editor-colour__controls-border);
  border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0;
  line-height: 100% !important; }
  .Editor3-controls.disabled * {
    pointer-events: none; }
  .Editor3-controls .embed-dialog {
    color: var(--color-text);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: #fff;
    width: 100%;
    border: 1px solid #dedede;
    margin: -1px 0px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35); }
    .Editor3-controls .embed-dialog__error {
      padding: 3px;
      font-size: 13px;
      color: #a80000;
      font-weight: 400; }
    .Editor3-controls .embed-dialog input {
      height: 30px;
      padding: 8px 47px 8px 15px; }
  .Editor3-controls .input-controls {
    flex-grow: 0;
    display: flex; }
  .Editor3-controls .link-input {
    display: block;
    flex-grow: 1;
    position: relative; }
    .Editor3-controls .link-input input[type="url"] {
      padding: 0px 47px 0px 5px;
      min-height: 32px; }

.Editor3-styleButton {
  color: var(--sd-editor-colour__txt);
  cursor: pointer;
  margin: 0.4rem 0.2rem;
  height: 3rem;
  min-width: 3rem;
  padding: 0.6rem;
  display: inline-block;
  border-radius: 1.5rem;
  text-align: center;
  line-height: 1.6rem; }
  .Editor3-styleButton--short {
    padding-inline-end: 0.2rem;
    margin-inline-end: -1rem; }
  .Editor3-styleButton [class*="icon-"] {
    color: inherit;
    opacity: 0.5;
    vertical-align: middle; }
  .Editor3-styleButton:hover [class*="icon-"] {
    color: inherit;
    opacity: 0.9; }
  .Editor3-styleButton .inactive [class*="icon-"] {
    opacity: 0.2; }
  .Editor3-styleButton .inactive:hover [class*="icon-"] {
    opacity: 0.2; }
  .Editor3-styleButton.Editor3-activeButton, .Editor3-styleButton.Editor3-activeButton:hover {
    color: var(--sd-editor-colour__button-txt--active);
    background-color: rgba(0, 0, 0, 0.075); }
    .Editor3-styleButton.Editor3-activeButton [class*="icon-"], .Editor3-styleButton.Editor3-activeButton:hover [class*="icon-"] {
      opacity: 1; }

.editor3-autocomplete {
  z-index: 1050;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); }
  .editor3-autocomplete .item {
    display: block;
    width: 100%;
    padding: 0.8rem 1.6rem;
    text-align: start;
    border: 2px solid transparent; }
    .editor3-autocomplete .item.selected {
      background: #eff7fa;
      border: 2px solid #5ea9c8; }
    .editor3-autocomplete .item:hover {
      background: #eff7fa; }

.main-article .dropdown__menu {
  color: var(--color-text); }

.annotation-input .dropdown__menu {
  width: 465px; }

.annotation-input .Editor3-editor {
  font-size: 13px;
  margin-block-end: 10px; }
  .annotation-input .Editor3-editor .public-DraftEditor-content {
    padding: 5px 10px 0 10px; }
    .annotation-input .Editor3-editor .public-DraftEditor-content [data-block="true"] {
      margin-block-end: 0.7em; }
    .annotation-input .Editor3-editor .public-DraftEditor-content [data-block="true"]:last-child {
      margin-block-end: 0.3em; }
  .annotation-input .Editor3-editor .DraftEditor-root {
    max-height: 15rem;
    min-height: 3.6rem;
    overflow-y: auto; }

/** COMMENTS **/
.comment-input .dropdown a, .annotation-input .dropdown a {
  color: #5ea9c8; }

.comment-input .dropdown__menu, .annotation-input .dropdown__menu {
  padding: 15px; }
  .comment-input .dropdown__menu label, .annotation-input .dropdown__menu label {
    margin-block-end: 5px; }
  .comment-input .dropdown__menu textarea, .annotation-input .dropdown__menu textarea {
    margin-block-end: 10px; }

.mentions-input {
  width: 300px;
  max-width: 100%;
  margin-block-end: 10px; }
  .mentions-input__suggestions__item {
    height: auto;
    min-height: 3.2rem;
    width: 240px; }
    .mentions-input__suggestions__item__display {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 175px;
      white-space: nowrap; }
    .mentions-input__suggestions__item .entry {
      display: flex;
      align-items: center;
      gap: var(--gap--small); }
  .mentions-input .entry .icon-tasks {
    margin: 0 5px 0 2px;
    position: relative;
    top: 2px;
    display: contents; }
  .mentions-input__input {
    min-height: 3.2rem;
    padding: 0.6rem; }
    .mentions-input__input:focus {
      border: 1px solid var(--sd-colour-interactive--alpha-70);
      box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }
  .mentions-input__suggestions {
    background-color: var(--color-dropdown-menu-Bg);
    border-radius: var(--b-radius--medium);
    box-shadow: var(--sd-shadow__dropdown); }

.comment-textarea {
  position: relative;
  overflow: visible; }

.main-article .btn {
  font-family: 'Roboto', Helvetica, sans-serif; }

.main-article .sd-editor__default-input {
  border: 1px solid rgba(123, 123, 123, 0.3);
  border-bottom-color: rgba(123, 123, 123, 0.3);
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  font-size: 1.4rem;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none !important;
  outline: none;
  padding: 0 0.3rem; }
  .main-article .sd-editor__default-input--embed {
    font-size: 1.3rem;
    font-family: 'Roboto', Helvetica, sans-serif; }
  .main-article .sd-editor__default-input:hover {
    border-bottom-color: rgba(123, 123, 123, 0.6); }
  .main-article .sd-editor__default-input:focus {
    border-width: 1px !important;
    border-color: rgba(94, 169, 200, 0.3) !important;
    border-bottom-color: #5ea9c8 !important;
    box-shadow: 0 1px 0 #5ea9c8 !important; }

.main-article .sd-editor__info-text {
  font-size: 1.3rem;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 300;
  color: inherit;
  opacity: 0.7;
  margin: 0.6rem 0; }

.dropdown--link-input .dropdown__menu {
  padding: 0;
  max-width: 400px;
  color: var(--color-text); }

.dropdown--link-input .nav-tabs--small {
  padding: 0 !important; }

.dropdown--link-input .nav-tabs__tab {
  flex-grow: 1; }
  .dropdown--link-input .nav-tabs__tab.nav-tabs-small {
    padding: 0; }
  .dropdown--link-input .nav-tabs__tab button.nav-tabs__link {
    text-align: center !important;
    background-color: transparent !important;
    margin: 0 !important;
    cursor: pointer;
    color: #747474 !important; }
  .dropdown--link-input .nav-tabs__tab.nav-tabs__tab--active button.nav-tabs__link {
    cursor: default !important;
    color: var(--color-text) !important; }

.dropdown--link-input .nav-tabs__content {
  font-weight: 400; }
  .dropdown--link-input .nav-tabs__content p {
    font-size: 1.4rem;
    line-height: 140%;
    margin-block-end: 0; }

.sd-editor--theme-turquoise .Editor3-root, .sd-editor--theme-turquoise .item-association, .sd-editor--theme-military .Editor3-root, .sd-editor--theme-military .item-association {
  border-color: rgba(0, 0, 0, 0.1); }

.sd-editor--theme-turquoise .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-turquoise .Editor3-styleButton.Editor3-activeButton:hover, .sd-editor--theme-military .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-military .Editor3-styleButton.Editor3-activeButton:hover {
  color: #9c27b0; }

.sd-editor--theme-turquoise .DraftEditor-root a, .sd-editor--theme-military .DraftEditor-root a {
  color: #9c27b0; }

.sd-editor--theme-dark .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-dark .Editor3-styleButton.Editor3-activeButton:hover, .sd-editor--theme-blue .Editor3-styleButton.Editor3-activeButton,
.sd-editor--theme-blue .Editor3-styleButton.Editor3-activeButton:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.sd-editor--theme-turquoise .btn.btn--hollow,
.sd-editor--theme-military .btn.btn--hollow,
.sd-editor--theme-dark .btn.btn--hollow,
.sd-editor--theme-blue .btn.btn--hollow {
  color: inherit; }

.sd-editor--theme-dark .btn.btn--hollow {
  border-color: rgba(170, 204, 209, 0.5); }
  .sd-editor--theme-dark .btn.btn--hollow:hover {
    border-color: #aaccd1; }

.sd-editor--theme-blue .btn.btn--hollow {
  border-color: rgba(255, 255, 255, 0.5); }
  .sd-editor--theme-blue .btn.btn--hollow:hover {
    border-color: white; }

.sd-editor--theme-blue .Editor3-root .image-block, .sd-editor--theme-blue .Editor3-root .embed-block, .sd-editor--theme-dark .Editor3-root .image-block, .sd-editor--theme-dark .Editor3-root .embed-block {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.25) !important; }
  .sd-editor--theme-blue .Editor3-root .image-block:hover, .sd-editor--theme-blue .Editor3-root .embed-block:hover, .sd-editor--theme-dark .Editor3-root .image-block:hover, .sd-editor--theme-dark .Editor3-root .embed-block:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) !important; }

.sd-editor--theme-blue .media-container, .sd-editor--theme-dark .media-container {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.25) !important; }

.Editor3-editor q::before, .Editor3-editor q::after, .Editor3-editor blockquote::before, .Editor3-editor blockquote::after {
  content: "";
  display: none; }

.table-controls.Editor3-controls {
  position: sticky;
  top: 0;
  left: auto;
  right: auto;
  z-index: 10;
  box-shadow: 0px 1px 5px #00000066; }

.sd-input-style .Editor3-root {
  background: var(--color-input-bg);
  color: var(--color-text);
  border: none;
  border-bottom: 1px solid var(--color-input-border);
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  font-size: 14px;
  line-height: 30px; }
  .sd-input-style .Editor3-root.read-only {
    opacity: 0.5; }
  .sd-input-style .Editor3-root .public-DraftEditor-content {
    padding: 0 0.8rem; }
    .sd-input-style .Editor3-root .public-DraftEditor-content [data-block="true"]:not(.unstyled__block--over) {
      border: 0; }

.draggable-block-handle-hide {
  position: absolute;
  left: -22px;
  visibility: hidden; }

.draggable-block-handle {
  position: absolute;
  left: -22px;
  visibility: visible; }

.article-embed {
  white-space: normal;
  cursor: not-allowed; }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

/*
====================================================
    Main navigation
====================================================
*/
.beta-switch {
  background: none !important;
  border-inline-end: none !important;
  margin-inline-end: 8px; }
  .beta-switch span {
    height: 14px;
    font-size: 10px;
    letter-spacing: 0.04em;
    padding: 4px 8px;
    border: 1px solid;
    background-color: rgba(0, 0, 0, 0.12);
    transition: background-color ease-in-out 0.2s;
    border-radius: 2px; }
    .beta-switch span:hover {
      background-color: rgba(0, 0, 0, 0.5); }
    .beta-switch span.stable {
      color: rgba(255, 255, 255, 0.4);
      border-color: rgba(255, 255, 255, 0.2); }
    .beta-switch span.beta {
      color: #00b877;
      border-color: rgba(0, 184, 119, 0.4); }

#top-menu {
  background: var(--sd-colour-top-menu);
  height: 48px;
  position: fixed;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 1030;
  margin-block-end: 0;
  transition: all 0.3s ease; }
  #top-menu.menu-open {
    inset-inline-start: 300px !important;
    inset-inline-end: 0 !important; }
    #top-menu.menu-open .collapse-nav {
      margin-inline-start: -48px;
      background-color: var(--sd-colour-bg--02) !important; }
      #top-menu.menu-open .collapse-nav:hover {
        background-color: var(--sd-colour-bg--01) !important; }
  #top-menu.test-environment {
    background: #3783a2; }
    #top-menu.test-environment:after {
      content: attr(data-text);
      color: black;
      font-size: 47px;
      color: black;
      inset-block-start: 13px;
      position: absolute; }
  #top-menu .current-user__button {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    background-color: var(--sd-colour-bg--01);
    transition: background-color ease-in-out 0.2s; }
    #top-menu .current-user__button .badge {
      position: absolute;
      inset-block-start: 4px;
      inset-inline-end: 4px;
      text-shadow: none;
      z-index: 1; }
    #top-menu .current-user__button:hover {
      background-color: var(--sd-colour-bg--00); }
  #top-menu #hamburger-menu a, #top-menu #hamburger-menu button {
    height: 48px;
    display: inline-block;
    line-height: 48px;
    padding: 0 25px;
    background: var(--sd-colour-bg--01);
    border: 0;
    font-weight: 400; }
    #top-menu #hamburger-menu a:hover, #top-menu #hamburger-menu button:hover {
      text-decoration: none;
      background: var(--sd-colour-bg--00); }
    #top-menu #hamburger-menu a.main-link, #top-menu #hamburger-menu button.main-link {
      font-size: 15px;
      color: #aaa; }
    #top-menu #hamburger-menu a.collapse-nav, #top-menu #hamburger-menu button.collapse-nav {
      width: 48px !important;
      text-align: center;
      padding: 0;
      line-height: 0;
      transition: all 0.3s ease; }
      #top-menu #hamburger-menu a.collapse-nav:hover, #top-menu #hamburger-menu button.collapse-nav:hover {
        background: var(--sd-colour-bg--00);
        cursor: pointer; }
  #top-menu .top-nav {
    height: 48px;
    float: inline-start; }
  #top-menu .dropdown.open .dropdown__toggle {
    background-color: var(--color-dropdown-menu-Bg);
    color: var(--sd-colour-interactive);
    z-index: 1001 !important; }
  #top-menu .top-menu__content-block {
    display: flex;
    align-items: center; }
    #top-menu .top-menu__content-block--right {
      margin-inline-start: auto;
      float: inline-end; }
  #top-menu .top-menu__info {
    display: flex;
    height: 30px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 1;
    color: white;
    font-size: 12px;
    border-radius: 15px;
    align-items: center;
    white-space: nowrap;
    max-width: 700px; }
  #top-menu .top-menu__info-label {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
    padding-inline-end: 5px; }
  #top-menu .top-menu__info-text {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #top-menu .top-menu__info-icon {
    margin-inline-end: 6px;
    color: inherit; }
    #top-menu .top-menu__info-icon--green {
      color: #46a546; }
    #top-menu .top-menu__info-icon--red {
      color: #E51C23; }
  #top-menu #unread-count {
    box-shadow: 0 0 0 2px var(--sd-colour-top-menu); }

#workspace-dropdown.dropdown {
  position: relative;
  float: inline-start; }
  #workspace-dropdown.dropdown.navbtn {
    box-shadow: none;
    border: none;
    width: auto; }
    #workspace-dropdown.dropdown.navbtn .name {
      display: block;
      float: inline-start;
      min-width: 155px;
      max-width: 200px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-align: start;
      text-transform: uppercase; }
  #workspace-dropdown.dropdown.open .dropdown__toggle {
    background-color: var(--color-dropdown-menu-Bg);
    color: var(--sd-colour-interactive);
    z-index: 1001 !important; }
    #workspace-dropdown.dropdown.open .dropdown__toggle .dropdown__caret {
      border-top-color: var(--color-text-light); }
    #workspace-dropdown.dropdown.open .dropdown__toggle.workspace {
      background-color: var(--color-dropdown-menu-Bg);
      color: #9c5e96; }
    #workspace-dropdown.dropdown.open .dropdown__toggle.desk--closed {
      background-color: var(--color-dropdown-menu-Bg);
      color: #E51C23; }
  #workspace-dropdown.dropdown .dropdown__toggle {
    background-color: rgba(64, 191, 149, 0.16);
    background-color: var(--sd-colour-bg__desk-select);
    color: white;
    padding: 0 15px;
    font-size: 12px;
    overflow: hidden; }
    #workspace-dropdown.dropdown .dropdown__toggle .dropdown__caret {
      border-top-color: white; }
    #workspace-dropdown.dropdown .dropdown__toggle.workspace {
      background-color: rgba(156, 94, 150, 0.24);
      background-color: var(--sd-colour-bg__desk-select--worspace); }
    #workspace-dropdown.dropdown .dropdown__toggle.desk--closed {
      background-color: #E51C23; }

#workspace-dropdown .dropdown__toggle .dropdown__caret {
  border-top-color: white !important; }

#workspace-dropdown .dropdown__menu {
  min-width: 295px;
  max-height: 550px;
  overflow: auto;
  margin: 0;
  padding: 0;
  z-index: 4;
  background-color: var(--color-dropdown-menu-Bg); }
  #workspace-dropdown .dropdown__menu .dropdown__menu-label {
    padding: 8px 16px;
    margin-block-start: 8px;
    border-block-start: 1px solid var(--sd-colour-line--light); }
    #workspace-dropdown .dropdown__menu .dropdown__menu-label:first-of-type {
      margin-block-start: 0;
      border-block-start: 0; }
  #workspace-dropdown .dropdown__menu .no-desk {
    width: 100%;
    background-color: var(--color-dropdown-menu-Bg);
    color: var(--color-text-lighter);
    border: none;
    height: auto;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0;
    padding: 10px 15px;
    border-radius: 0; }
  #workspace-dropdown .dropdown__menu button {
    width: 100%;
    background-color: transparent;
    color: var(--sd-colour-interactive) !important;
    border: none;
    height: auto;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0;
    padding: 10px 15px;
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 4rem;
    z-index: 5; }
    #workspace-dropdown .dropdown__menu button:hover {
      background-color: var(--sd-colour-interactive--alpha-20); }
    #workspace-dropdown .dropdown__menu button[disabled]:hover {
      cursor: default;
      background-color: transparent !important; }
    #workspace-dropdown .dropdown__menu button.action-btn {
      font-size: 13px;
      margin-block-start: 8px;
      padding: 12px 15px;
      height: 4.8rem;
      text-transform: none;
      color: var(--color-text-light) !important;
      border-block-start: 1px solid var(--sd-colour-line--light); }
      #workspace-dropdown .dropdown__menu button.action-btn i {
        color: var(--sd-colour-interactive) !important; }
  #workspace-dropdown .dropdown__menu .workspace-item button {
    color: #9c5e96 !important; }
  #workspace-dropdown .dropdown__menu .desk-item--closed button::after, #workspace-dropdown .dropdown__menu .desk-item--receiving button::after {
    font-family: 'sd_icons';
    position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 9px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-family: 'sd_icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #workspace-dropdown .dropdown__menu .desk-item--closed button {
    color: #E51C23 !important;
    background-color: rgba(228, 27, 33, 0.08); }
    #workspace-dropdown .dropdown__menu .desk-item--closed button::after {
      content: "\E625";
      color: #E51C23; }
    #workspace-dropdown .dropdown__menu .desk-item--closed button:hover {
      background-color: rgba(228, 27, 33, 0.16); }
  #workspace-dropdown .dropdown__menu .desk-item--receiving button::after {
    content: "\E624";
    color: #46a546; }

#workspace-dropdown.open .dropdown__toggle {
  z-index: 10 !important; }
  #workspace-dropdown.open .dropdown__toggle .dropdown__caret {
    border-top-color: var(--color-text) !important; }

.current-user__dropdown .current-user__display-name {
  color: var(--color-text);
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 16px auto 4px; }

.current-user__dropdown .current-user__username {
  color: var(--color-text-light);
  text-align: center;
  font-size: 1.4rem; }

.current-user__dropdown .dropdown__menu {
  min-width: 260px; }
  .current-user__dropdown .dropdown__menu .sd-avatar {
    margin: 1.4rem auto;
    height: 96px;
    width: 96px;
    font-size: 3rem; }

.current-user__dropdown sd-user-avatar > div {
  display: contents; }

.top-menu-dropdown-button {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  z-index: 2;
  color: white;
  background-color: rgba(255, 255, 255, 0.06);
  transition: background-color ease-in-out 0.2s; }
  .top-menu-dropdown-button:disabled {
    cursor: default; }
  .top-menu-dropdown-button:not([disabled]):hover {
    background-color: rgba(255, 255, 255, 0.1); }
  .top-menu-dropdown-button--active {
    color: var(--color-text);
    background-color: white; }
    .top-menu-dropdown-button--active:not([disabled]):hover {
      background-color: white; }
  .top-menu-dropdown-button--pulsate {
    animation: pulsateBG ease-in-out 3s infinite; }
    .top-menu-dropdown-button--pulsate:hover {
      background-color: rgba(255, 87, 36, 0.8);
      animation: none; }

.top-menu-dropdown-button--active.top-menu-dropdown-button--pulsate {
  color: var(--color-text);
  background-color: white;
  animation: none; }
  .top-menu-dropdown-button--active.top-menu-dropdown-button--pulsate:hover {
    background-color: white; }

#side-menu {
  position: absolute;
  width: 48px;
  inset-block-start: 48px;
  inset-inline-start: 0;
  inset-block-end: 3.2rem;
  background-color: var(--sd-colour-sidebar-menu--00);
  z-index: 1029;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease; }
  #side-menu.menu-open {
    inset-inline-start: 300px !important;
    inset-inline-end: 0 !important; }
  #side-menu hr {
    width: 24px;
    margin: 18px 12px;
    border-block-start: 1px dotted var(--sd-colour-line--medium);
    border-block-end: 0; }
  #side-menu i {
    opacity: 1; }
  #side-menu li {
    text-align: center; }
  #side-menu a, #side-menu .dropdown__toggle {
    display: block;
    margin: 6px auto;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    overflow: hidden;
    transition: opacity 0.2s, background-color 0.2s;
    position: relative; }
  #side-menu a:hover, #side-menu .dropdown__toggle:hover {
    opacity: 1; }
  #side-menu a:active, #side-menu .dropdown__toggle:active {
    opacity: 1; }
  #side-menu .main-icon {
    position: absolute;
    inset-block-start: 6px;
    inset-inline-start: 4px;
    transition: left 0.2s ease-out; }
  #side-menu .helper-icon {
    position: absolute;
    inset-block-start: 6px;
    inset-inline-start: 30px;
    transition: left 0.2s ease-out, transform 0.2s; }
  #side-menu .active a, #side-menu .active .dropdown__toggle {
    opacity: 1; }
  #side-menu .dropdown--dropright {
    display: block; }
    #side-menu .dropdown--dropright .dropdown__menu {
      inset-block-start: -10px; }
  #side-menu li.active .sd-sidebar-menu__btn {
    background-color: var(--sd-colour-interactive--active); }

#side-menu a {
  overflow: visible !important; }

#side-menu .sd-sidebar-menu__helper-icon {
  inset-inline-start: 4rem; }

#side-menu .sd-sidebar-menu__main-icon {
  width: 26px;
  height: 26px; }

#side-menu .sd-sidebar-menu__chevron_wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  overflow: hidden; }

#side-menu .authoring-active .active .sd-sidebar-menu__main-icon, #side-menu .authoring-active .active .sd-sidebar-menu__helper-icon,
#side-menu .full-width-toggle-available .active .sd-sidebar-menu__main-icon,
#side-menu .full-width-toggle-available .active .sd-sidebar-menu__helper-icon {
  color: white; }

#side-menu .authoring-active .active:hover .sd-sidebar-menu__main-icon,
#side-menu .full-width-toggle-available .active:hover .sd-sidebar-menu__main-icon {
  inset-inline-start: -5rem; }

#side-menu .authoring-active .active:hover .sd-sidebar-menu__helper-icon,
#side-menu .full-width-toggle-available .active:hover .sd-sidebar-menu__helper-icon {
  inset-inline-start: 0.5rem; }

#side-menu .authoring-active.list-hidden .active .sd-sidebar-menu__helper-icon,
#side-menu .full-width-toggle-available.list-hidden .active .sd-sidebar-menu__helper-icon {
  transform: rotate(180deg);
  inset-inline-start: -3rem; }

#side-menu .authoring-active.list-hidden .active:hover .sd-sidebar-menu__helper-icon,
#side-menu .full-width-toggle-available.list-hidden .active:hover .sd-sidebar-menu__helper-icon {
  inset-inline-start: 0.5rem; }

.side-menu-hidden #side-menu {
  display: none; }

.side-menu-hidden #main-container.hideMonitoring #authoring-container {
  width: 100% !important; }

.side-menu-hidden #workspace-container {
  inset-inline-start: 0; }

.sd-sidetab-menu,
.sd-sidebar-menu {
  inset-block-start: 0; }

#main-menu, .main-menu {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: 300px;
  background: var(--sd-colour-bg--02);
  color: #e2e5e9;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  box-shadow: inset -5px 0 5px 0px rgba(0, 0, 0, 0.26); }
  #main-menu .header, #main-menu .main-menu__header, .main-menu .header, .main-menu .main-menu__header {
    grid-column: 1/2;
    grid-row: 1/2;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 48px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
    border-block-end: 1px solid var(--sd-colour-line--x-light); }
  #main-menu .main-menu__heading, .main-menu .main-menu__heading {
    font-size: 1.6rem;
    font-weight: 300;
    color: #a9b1bc;
    padding-inline-start: 2.4rem; }
  #main-menu .content, #main-menu .main-menu__content, .main-menu .content, .main-menu .main-menu__content {
    grid-column: 1/2;
    grid-row: 2/3;
    overflow: auto; }
    #main-menu .content ul, #main-menu .content .main-menu__list, #main-menu .main-menu__content ul, #main-menu .main-menu__content .main-menu__list, .main-menu .content ul, .main-menu .content .main-menu__list, .main-menu .main-menu__content ul, .main-menu .main-menu__content .main-menu__list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      margin-block-start: 1.6rem; }
      #main-menu .content ul li a, #main-menu .content ul li .main-menu__menu-item, #main-menu .content ul .main-menu__list-item a, #main-menu .content ul .main-menu__list-item .main-menu__menu-item, #main-menu .content .main-menu__list li a, #main-menu .content .main-menu__list li .main-menu__menu-item, #main-menu .content .main-menu__list .main-menu__list-item a, #main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item, #main-menu .main-menu__content ul li a, #main-menu .main-menu__content ul li .main-menu__menu-item, #main-menu .main-menu__content ul .main-menu__list-item a, #main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list li a, #main-menu .main-menu__content .main-menu__list li .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list .main-menu__list-item a, #main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item, .main-menu .content ul li a, .main-menu .content ul li .main-menu__menu-item, .main-menu .content ul .main-menu__list-item a, .main-menu .content ul .main-menu__list-item .main-menu__menu-item, .main-menu .content .main-menu__list li a, .main-menu .content .main-menu__list li .main-menu__menu-item, .main-menu .content .main-menu__list .main-menu__list-item a, .main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item, .main-menu .main-menu__content ul li a, .main-menu .main-menu__content ul li .main-menu__menu-item, .main-menu .main-menu__content ul .main-menu__list-item a, .main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list li a, .main-menu .main-menu__content .main-menu__list li .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list .main-menu__list-item a, .main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        display: flex;
        align-items: center;
        position: relative;
        padding-inline-start: 4rem;
        height: 4rem;
        font-size: 14px;
        color: inherit;
        text-decoration: none;
        border-inline-start: 4px solid transparent;
        transition: all 0.2s ease-in-out; }
        #main-menu .content ul li a:hover, #main-menu .content ul li .main-menu__menu-item:hover, #main-menu .content ul .main-menu__list-item a:hover, #main-menu .content ul .main-menu__list-item .main-menu__menu-item:hover, #main-menu .content .main-menu__list li a:hover, #main-menu .content .main-menu__list li .main-menu__menu-item:hover, #main-menu .content .main-menu__list .main-menu__list-item a:hover, #main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover, #main-menu .main-menu__content ul li a:hover, #main-menu .main-menu__content ul li .main-menu__menu-item:hover, #main-menu .main-menu__content ul .main-menu__list-item a:hover, #main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item:hover, #main-menu .main-menu__content .main-menu__list li a:hover, #main-menu .main-menu__content .main-menu__list li .main-menu__menu-item:hover, #main-menu .main-menu__content .main-menu__list .main-menu__list-item a:hover, #main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover, .main-menu .content ul li a:hover, .main-menu .content ul li .main-menu__menu-item:hover, .main-menu .content ul .main-menu__list-item a:hover, .main-menu .content ul .main-menu__list-item .main-menu__menu-item:hover, .main-menu .content .main-menu__list li a:hover, .main-menu .content .main-menu__list li .main-menu__menu-item:hover, .main-menu .content .main-menu__list .main-menu__list-item a:hover, .main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover, .main-menu .main-menu__content ul li a:hover, .main-menu .main-menu__content ul li .main-menu__menu-item:hover, .main-menu .main-menu__content ul .main-menu__list-item a:hover, .main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item:hover, .main-menu .main-menu__content .main-menu__list li a:hover, .main-menu .main-menu__content .main-menu__list li .main-menu__menu-item:hover, .main-menu .main-menu__content .main-menu__list .main-menu__list-item a:hover, .main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item:hover {
          background: var(--sd-colour-interactive--alpha-20);
          cursor: pointer; }
        #main-menu .content ul li a sup, #main-menu .content ul li .main-menu__menu-item sup, #main-menu .content ul .main-menu__list-item a sup, #main-menu .content ul .main-menu__list-item .main-menu__menu-item sup, #main-menu .content .main-menu__list li a sup, #main-menu .content .main-menu__list li .main-menu__menu-item sup, #main-menu .content .main-menu__list .main-menu__list-item a sup, #main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item sup, #main-menu .main-menu__content ul li a sup, #main-menu .main-menu__content ul li .main-menu__menu-item sup, #main-menu .main-menu__content ul .main-menu__list-item a sup, #main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item sup, #main-menu .main-menu__content .main-menu__list li a sup, #main-menu .main-menu__content .main-menu__list li .main-menu__menu-item sup, #main-menu .main-menu__content .main-menu__list .main-menu__list-item a sup, #main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item sup, .main-menu .content ul li a sup, .main-menu .content ul li .main-menu__menu-item sup, .main-menu .content ul .main-menu__list-item a sup, .main-menu .content ul .main-menu__list-item .main-menu__menu-item sup, .main-menu .content .main-menu__list li a sup, .main-menu .content .main-menu__list li .main-menu__menu-item sup, .main-menu .content .main-menu__list .main-menu__list-item a sup, .main-menu .content .main-menu__list .main-menu__list-item .main-menu__menu-item sup, .main-menu .main-menu__content ul li a sup, .main-menu .main-menu__content ul li .main-menu__menu-item sup, .main-menu .main-menu__content ul .main-menu__list-item a sup, .main-menu .main-menu__content ul .main-menu__list-item .main-menu__menu-item sup, .main-menu .main-menu__content .main-menu__list li a sup, .main-menu .main-menu__content .main-menu__list li .main-menu__menu-item sup, .main-menu .main-menu__content .main-menu__list .main-menu__list-item a sup, .main-menu .main-menu__content .main-menu__list .main-menu__list-item .main-menu__menu-item sup {
          padding-inline-start: 4px;
          opacity: 0.7;
          font-weight: 300;
          letter-spacing: 0.05em; }
      #main-menu .content ul li.active a, #main-menu .content ul li.active .main-menu__menu-item, #main-menu .content ul li.main-menu__list-item--active a, #main-menu .content ul li.main-menu__list-item--active .main-menu__menu-item, #main-menu .content ul .main-menu__list-item.active a, #main-menu .content ul .main-menu__list-item.active .main-menu__menu-item, #main-menu .content ul .main-menu__list-item.main-menu__list-item--active a, #main-menu .content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, #main-menu .content .main-menu__list li.active a, #main-menu .content .main-menu__list li.active .main-menu__menu-item, #main-menu .content .main-menu__list li.main-menu__list-item--active a, #main-menu .content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, #main-menu .content .main-menu__list .main-menu__list-item.active a, #main-menu .content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, #main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, #main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content ul li.active a, #main-menu .main-menu__content ul li.active .main-menu__menu-item, #main-menu .main-menu__content ul li.main-menu__list-item--active a, #main-menu .main-menu__content ul li.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content ul .main-menu__list-item.active a, #main-menu .main-menu__content ul .main-menu__list-item.active .main-menu__menu-item, #main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active a, #main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list li.active a, #main-menu .main-menu__content .main-menu__list li.active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active a, #main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.active a, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, #main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .content ul li.active a, .main-menu .content ul li.active .main-menu__menu-item, .main-menu .content ul li.main-menu__list-item--active a, .main-menu .content ul li.main-menu__list-item--active .main-menu__menu-item, .main-menu .content ul .main-menu__list-item.active a, .main-menu .content ul .main-menu__list-item.active .main-menu__menu-item, .main-menu .content ul .main-menu__list-item.main-menu__list-item--active a, .main-menu .content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .content .main-menu__list li.active a, .main-menu .content .main-menu__list li.active .main-menu__menu-item, .main-menu .content .main-menu__list li.main-menu__list-item--active a, .main-menu .content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, .main-menu .content .main-menu__list .main-menu__list-item.active a, .main-menu .content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, .main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, .main-menu .content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content ul li.active a, .main-menu .main-menu__content ul li.active .main-menu__menu-item, .main-menu .main-menu__content ul li.main-menu__list-item--active a, .main-menu .main-menu__content ul li.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content ul .main-menu__list-item.active a, .main-menu .main-menu__content ul .main-menu__list-item.active .main-menu__menu-item, .main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active a, .main-menu .main-menu__content ul .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list li.active a, .main-menu .main-menu__content .main-menu__list li.active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active a, .main-menu .main-menu__content .main-menu__list li.main-menu__list-item--active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.active a, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.active .main-menu__menu-item, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active a, .main-menu .main-menu__content .main-menu__list .main-menu__list-item.main-menu__list-item--active .main-menu__menu-item {
        background: var(--sd-colour-interactive--alpha-10);
        color: var(--sd-colour-interactive--active);
        border-inline-start: 4px solid var(--sd-colour-interactive--active); }
      #main-menu .content ul .main-menu__group-header, #main-menu .content .main-menu__list .main-menu__group-header, #main-menu .main-menu__content ul .main-menu__group-header, #main-menu .main-menu__content .main-menu__list .main-menu__group-header, .main-menu .content ul .main-menu__group-header, .main-menu .content .main-menu__list .main-menu__group-header, .main-menu .main-menu__content ul .main-menu__group-header, .main-menu .main-menu__content .main-menu__list .main-menu__group-header {
        font-size: 11px;
        text-transform: uppercase;
        padding: 12px 0 4px 24px;
        color: #8c97a6;
        letter-spacing: 0.06em; }
  #main-menu .footer, #main-menu .main-menu__footer, .main-menu .footer, .main-menu .main-menu__footer {
    grid-column: 1/2;
    grid-row: 3/4;
    z-index: 2;
    border-block-start: 1px solid var(--sd-colour-line--x-light);
    box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.24);
    text-align: center; }
    #main-menu .footer .icon-superdesk, #main-menu .main-menu__footer .icon-superdesk, .main-menu .footer .icon-superdesk, .main-menu .main-menu__footer .icon-superdesk {
      background: url(6494665ba33bdf4948db3814dc336e8d.svg) no-repeat 0 0;
      background-size: contain;
      width: 130px;
      height: 42px;
      margin: 14px auto 10px; }
    #main-menu .footer .powered, #main-menu .main-menu__footer .powered, .main-menu .footer .powered, .main-menu .main-menu__footer .powered {
      display: block;
      color: rgba(140, 151, 166, 0.8);
      font-size: 10px;
      font-weight: 300;
      letter-spacing: 0.08em;
      padding: 8px 0 6px;
      text-align: center;
      border-block-end: 1px solid var(--sd-colour-line--x-light); }
    #main-menu .footer .about, #main-menu .main-menu__footer .about, .main-menu .footer .about, .main-menu .main-menu__footer .about {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #e2e5e9;
      background-color: rgba(0, 0, 0, 0.1);
      font-size: 12px;
      font-weight: 300;
      padding: 0 16px;
      height: 3.2rem;
      font-weight: 300;
      letter-spacing: 0.05em;
      border-block-start: 1px solid var(--sd-colour-line--x-light); }
      #main-menu .footer .about a, #main-menu .main-menu__footer .about a, .main-menu .footer .about a, .main-menu .main-menu__footer .about a {
        color: #e2e5e9;
        cursor: pointer; }

.about-content {
  position: relative; }
  .about-content .sf-logo {
    width: 110px;
    background-size: 110px;
    opacity: 0.5;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0; }

@media screen and (max-width: 1180px) {
  .top-menu.menu-open {
    inset-inline-start: 300px !important;
    inset-inline-end: -300px !important; } }

@media screen and (max-width: 320px) {
  .sf-main-menu {
    width: 260px; }
  .top-menu {
    max-height: 40px;
    overflow: hidden; }
    .top-menu.menu-open {
      inset-inline-start: 260px !important;
      inset-inline-end: -260px !important; } }
.annotation-body-react {
  border-bottom: 1px dotted; }
  .annotation-body-react p {
    display: inline; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.notification-holder {
  position: fixed;
  z-index: 9050;
  width: 340px;
  inset-block-start: -5px;
  inset-inline-start: 50%;
  margin-inline-start: -170px;
  overflow: hidden;
  padding: 0 10px 10px; }
  .notification-holder .alert {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 3px -2px #666;
    padding: 15px 30px;
    margin: 0 0 10px;
    opacity: 0.98;
    filter: "alpha(opacity=98)"; }
    .notification-holder .alert.success {
      border-color: #a6d5a2; }

.zen-mode .notification-holder {
  background: none; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-block-end: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: var(--color-text);
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    inset-block-start: 26px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-block-end: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-block-end: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-inline-end: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-inline-start: 5px solid #fff;
        border-inline-end: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-inline-start: 4px solid #fff;
        border-inline-end: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: var(--color-text);
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: white;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-inline-end: 5px;
        vertical-align: middle;
        margin-block-start: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 3px !important;
  height: 32px;
  border: 1px solid var(--sd-colour-line--medium);
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 10px 8px var(--sd-colour-bg__searchbar);
  padding: 0 0 0 36px !important;
  position: relative;
  color: var(--color-text);
  transition: all 0.2s ease; }
  .searchbar.searchbar-large {
    height: 40px !important;
    font-size: 15px;
    line-height: 26px;
    background-position: 10px 12px; }
  .searchbar:hover {
    border-color: var(--sd-colour-line--strong); }
  .searchbar:focus {
    transition: box-shadow 0.2s ease-out;
    border-color: var(--sd-colour-interactive--alpha-70);
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 4px var(--sd-colour-interactive--alpha-20); }

.flat-searchbar {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-grow: 1;
  transition: all ease 0.2s; }
  .flat-searchbar .search-handler {
    flex-grow: 1;
    min-width: 48px;
    padding: 4px 10px 4px 14px;
    background: none;
    display: flex !important;
    align-items: center;
    white-space: nowrap;
    border-inline-end: 1px solid var(--sd-colour-line--light) !important;
    transition: all 0.3s ease;
    gap: 4px; }
    .flat-searchbar .search-handler input {
      font-size: 14px;
      border: 0 !important;
      width: 100%;
      padding: 0;
      color: var(--color-text);
      background-color: transparent;
      transition: all 0.3s ease;
      flex-grow: 1; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none; }
      .flat-searchbar .search-handler input::placeholder {
        color: var(--color-text-lighter);
        font-weight: 300;
        letter-spacing: 0.03rem; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      margin: 0;
      flex-shrink: 0;
      flex-grow: 0; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px;
        color: var(--color-icon-default); }
    .flat-searchbar .search-handler--left-border {
      border-inline-end: 0 !important;
      border-inline-start: 1px solid var(--sd-colour-line--light); }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-inline-end: 2px dotted var(--sd-colour-line--medium);
    height: 30px;
    float: inline-start; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: var(--color-text);
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.4; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.8; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler {
      box-shadow: none !important; }
      .flat-searchbar.extended .search-handler input {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        font-size: 1.4rem;
        padding: 0;
        padding-inline-end: 0px;
        color: inherit;
        align-self: auto;
        background-color: transparent;
        border: 0;
        box-shadow: none !important;
        padding-inline-end: 1rem;
        height: auto; }
    .flat-searchbar.extended .separator-handler {
      margin-inline-start: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }
    .flat-searchbar.extended:focus-within {
      box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
      background-color: var(--sd-colour-bg__searchbar); }
    .flat-searchbar.extended .trigger-icon,
    .flat-searchbar.extended .trigger-icon:hover {
      opacity: 0.5;
      margin: 0;
      pointer-events: none; }
  .flat-searchbar:focus-within {
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
    background-color: var(--sd-colour-bg__searchbar);
    outline: none; }
  .flat-searchbar:hover {
    background-color: var(--sd-colour-bg__searchbar); }

.search-start {
  height: 2.8rem;
  width: 2.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  margin: 0 0.8rem 0 0;
  padding: 0;
  transition: all 0.2s ease-out;
  background-color: var(--sd-colour-interactive--alpha-40);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .search-start i {
    transition: color 0.2s ease-out;
    color: var(--sd-colour-interactive--alpha-80); }
  .search-start.visible {
    opacity: 1;
    display: flex; }
    .search-start.visible:hover {
      background-color: var(--sd-colour-interactive--alpha-80); }
      .search-start.visible:hover i {
        color: white; }
    .search-start.visible:active {
      background-color: var(--sd-colour-interactive); }
      .search-start.visible:active i {
        color: white; }
  .search-start:hover {
    background-color: var(--sd-colour-interactive--alpha-80); }
    .search-start:hover i {
      color: white; }
  .search-start:active {
    background-color: var(--sd-colour-interactive); }
    .search-start:active i {
      color: white; }

.monitoring-backlink .separator-handler {
  margin-block-start: 0;
  margin-inline-end: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #8c97a6;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #8c97a6;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #2c323a;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: black;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: var(--sd-slugline-color);
        color: var(--sd-slugline-color); }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #596473; }
    .filter-type__item--active i {
      opacity: 1;
      color: #f3f5f6;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #f3f5f6; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-inline-start: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-block-end: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-inline-end: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        inset-inline-end: -5px;
        inset-block-start: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: inline-start;
        padding-inline-end: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-inline-end: 10px;
  float: inline-end; }

.online-users {
  float: inline-start;
  height: 48px;
  padding-inline-start: 15px;
  margin-inline-start: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-block-end: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-block-end: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  padding-inline-start: 1rem;
  color: var(--color-text); }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

[sd-timezone] .item-list {
  width: 100%;
  color: var(--color-text); }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-inline-end: 2.5rem;
    flex-grow: 1; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px;
  color: var(--color-text); }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    padding-inline-end: 3.2rem;
    padding-inline-start: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-block-end: 1px solid var(--color-input-border);
    border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
    background-color: var(--color-input-bg);
    font-size: 1.3rem;
    color: var(--color-text); }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-color: var(--color-input-border-hover);
      background-color: var(--color-input-bg--hover); }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
      border-color: var(--sd-colour-interactive);
      background-color: var(--sd-colour-interactive--alpha-20); }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    inset-inline-end: 2px;
    inset-block-start: 0; }

.datepicker-wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2000;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: var(--b-radius--small);
  width: 280px; }
  .datepicker-wrapper .btn:hover {
    box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap--x-small);
    margin-block-end: 8px; }
    .datepicker-wrapper .datepicker-additional .btn {
      min-height: 24px;
      flex-grow: 1; }
  .datepicker-wrapper .datepicker-core {
    margin-block-start: 4px;
    margin-block-end: 12px;
    border-block-end: 1px solid var(--sd-colour-line--light) !important; }
    .datepicker-wrapper .datepicker-core table {
      margin: 8px 0 12px;
      width: 100%; }
      .datepicker-wrapper .datepicker-core table thead {
        margin-block-end: 8px; }
        .datepicker-wrapper .datepicker-core table thead tr th {
          padding-block-end: 8px; }
          .datepicker-wrapper .datepicker-core table thead tr th .btn {
            background: none;
            padding: 0;
            display: flex;
            align-items: center; }
        .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
          font-weight: 500; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
          font-weight: normal;
          font-size: 14px; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
          display: inline-block;
          width: 14px;
          height: 14px;
          background-repeat: no-repeat; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
          margin-inline-start: 3px;
          background-position: -189px -165px; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
          margin-inline-end: 3px;
          background-position: -213px -165px; }
      .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
        padding-block-start: 5px; }
      .datepicker-wrapper .datepicker-core table tbody td {
        padding: 0 2px; }
        .datepicker-wrapper .datepicker-core table tbody td .btn {
          width: 100% !important;
          min-width: 28px !important;
          padding: 0;
          background-color: transparent;
          color: var(--color-text);
          box-shadow: none;
          border-radius: var(--b-radius--small); }
          .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
            color: var(--color-text-lighter); }
          .datepicker-wrapper .datepicker-core table tbody td .btn:hover {
            box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
            background: transparent; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.active {
            color: white !important;
            background-color: var(--sd-colour-interactive); }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
            color: white;
            background: ver(--sd-colour-interactive); }
            .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
              color: white; }

.timepicker-popup {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2000;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: var(--b-radius--small);
  width: 200px;
  min-height: 310px; }
  .timepicker-popup .timepicker-additional {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap--x-small);
    margin-block-end: 18px; }
    .timepicker-popup .timepicker-additional .btn {
      height: 24px;
      flex-grow: 1;
      font-size: 11px;
      letter-spacing: 0;
      padding-inline: 4px;
      box-shadow: none; }
      .timepicker-popup .timepicker-additional .btn:hover {
        box-shadow: none; }
  .timepicker-popup .timepicker-core .select-area {
    margin-block-start: 15px;
    border-block-start: 1px solid var(--sd-colour-line--medium); }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-block-start: -10px;
      float: inline-start;
      background-color: var(--color-dropdown-menu-Bg);
      text-transform: uppercase;
      color: var(--color-text-light);
      font-size: 11px;
      padding-inline-end: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-block-start: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: inline-start;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 1px 2px 0;
        color: var(--color-text);
        background-color: transparent;
        box-shadow: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: var(--b-radius--small); }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
          background: transparent; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          color: white !important;
          background-color: var(--sd-colour-interactive); }
  .timepicker-popup .timepicker-core .timepicker-popup__foter {
    padding: 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap--small); }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-block-end: 1px solid var(--sd-colour-line--light) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    inset-block-start: -9px; }
  .pills-list.line-input > li:hover {
    border-color: var(--sd-colour-line--medium) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: var(--color-text);
  border: 0;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: white; }
  .backlink:hover, a.backlink:hover {
    color: var(--sd-colour-interactive);
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all 0.2s ease-in-out; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-block-start: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-block-start: -3px;
      padding-inline-end: 20px;
      color: var(--color-text-light); }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: var(--color-text-lighter);
      margin-block-start: -5px; }
    .activity-log ul li.activity.with-date {
      margin-block-start: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-block-start: 1px solid var(--sd-colour-line--light);
        inset-block-start: -17px;
        position: absolute;
        inset-inline-end: 0;
        inset-inline-start: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: var(--color-text-lighter);
          margin-block-start: -10px;
          display: block;
          float: inline-start;
          padding-inline-end: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1.6rem;
  margin-block-end: 20px;
  list-style-type: none; }
  .notification-list li {
    background: var(--sd-item__main-Bg);
    padding: 12px 8px;
    border-radius: var(--b-radius--medium);
    width: 100%;
    min-height: 48px;
    margin: 1.6rem 0;
    box-shadow: 0 0 0 1px var(--sd-colour--shadow-line), 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.16);
    border: none; }
    .notification-list li .content {
      padding-inline-start: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: var(--color-text); }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: var(--color-text-light);
        margin-block-start: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: var(--sd-colour-interactive); }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: var(--sd-colour-interactive--hover); }
    .notification-list li.unread {
      border-color: var(--sd-colour-interactive--alpha-50); }
    .notification-list li.important {
      border: 1px solid rgba(167, 1, 1, 0.8) !important;
      box-shadow: inset 0px 0px 1px 1px rgba(38, 23, 23, 0.3) !important; }
    .notification-list li .info {
      color: var(--color-text-light); }

.notification-pane ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

.hard-error {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-inline-end: 0; }
  .sd-pagination .page-info {
    margin-inline-end: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-block-start: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-inline-start: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-block-start: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-block-end: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-inline-start: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 8px;
  padding: 0 8px;
  gap: 8px; }
  .sortbar .lab {
    margin-inline-end: 8px; }
  .sortbar .dropdown__toggle {
    color: var(--color-text);
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.7; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-block-end: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-block-start: -1px;
    float: inline-end; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-block-start: 1px solid #e5e5e5; }
  .plain-list > li {
    border-block-end: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-block-start: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: var(--sd-colour-interactive); }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px;
  border-radius: var(--b-radius--small); }
  .sd-mentions-item > div * + * {
    margin-inline-start: 6px; }

.sd-mentions-item.active > div {
  background-color: var(--sd-colour-interactive--alpha-20);
  cursor: pointer; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 6px 8px;
    clear: both;
    border-radius: 3px;
    margin-block-end: 2px; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: var(--color-text); }
    .users-list-embed > li:hover, .users-list-embed > li :focus {
      background: var(--sd-colour-interactive--alpha-20); }
    .users-list-embed > li:active {
      background: var(--sd-colour-interactive--alpha-30); }
    .users-list-embed > li.active {
      background: var(--sd-colour-interactive--alpha-30); }
    .users-list-embed > li.inactive {
      color: var(--color-text-light);
      opacity: 0.75; }

.mentio-menu {
  padding: 8px;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background-color: var(--color-dropdown-menu-Bg) !important;
  border-radius: var(--b-radius--small);
  box-shadow: var(--sd-shadow__dropdown);
  width: 240px;
  inset-block-end: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: var(--sd-item__main-Bg);
  border: none;
  box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: var(--b-radius--medium);
  margin-block-end: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: var(--sd-item__main-Bg--hover);
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    opacity: 0.75; }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: end; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: var(--sd-item__main-Bg--hover);
  box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px;
  color: var(--color-text); }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background-color: var(--sd-item__main-Bg);
    margin-block-end: 6px;
    margin-inline-end: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      background-color: var(--sd-item__main-Bg--hover); }
    .pills-list > li.active {
      background: var(--sd-colour-interactive--active);
      box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1); }
      .pills-list > li.active:not(.editable) {
        color: white; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted var(--sd-colour-line--medium);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-block-start: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      inset-block-start: 0px;
      inset-inline-end: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: inline-start;
        line-height: 0;
        opacity: 0.6; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-block-start: -2px;
          color: var(--color-text-light); }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: inline-start;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: inline-end; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 500;
      padding: 2px 5px;
      line-height: 12px;
      margin-inline-start: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

.pills-list:not(.pills-list--draggable) > li {
  transition: all ease-in-out 0.2s; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1); }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-inline-start: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic;
  color: var(--color-text-light); }
  .or-label:before {
    content: "_________";
    position: absolute;
    inset-block-start: -6px;
    color: var(--sd-colour-line--medium);
    inset-inline-start: 50%;
    margin-inline-start: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    inset-block-start: -6px;
    color: var(--sd-colour-line--medium);
    inset-inline-start: 50%;
    margin-inline-start: 15px; }

.list-group .list-group-item {
  padding: 0 8px 0 16px;
  border: 1px solid var(--sd-colour-line--light);
  border-width: 0 1px 1px 1px;
  background-color: var(--sd-item__main-Bg);
  display: flex;
  align-items: center;
  min-height: 4.2rem; }
  .list-group .list-group-item:first-child {
    border-width: 1px;
    border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }
  .list-group .list-group-item:last-child {
    border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }
  .list-group .list-group-item:hover {
    background-color: var(--sd-item__main-Bg--hover);
    cursor: pointer; }
  .list-group .list-group-item a {
    text-decoration: none;
    color: var(--color-text); }
  .list-group .list-group-item--no-click:hover {
    cursor: default;
    background-color: var(--sd-item__main-Bg); }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear .1s all;
    opacity: 0; }
  .scroll-shadow.shadow .inner {
    opacity: 1; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #8c97a6;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-inline-end: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: white; }

.toggle-box .tag-label {
  white-space: nowrap;
  overflow: hidden; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: inline-end;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: var(--sd-item__main-Bg);
  padding: 18px 14px 19px 25px;
  margin-block-end: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed var(--sd-colour-line--medium); }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      inset-inline-start: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-block-start: 0px;
  margin-inline-start: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: var(--sd-item__main-Bg--alternate); }

.drag-and-drop--handle {
  width: 6px;
  height: 20px;
  background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: var(--sd-colour-interactive); }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-text);
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-block-end: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-inline-start: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-block-start: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-inline-end: 10rem; }

.sd-list-item.inactive {
  color: var(--color-text-light);
  opacity: 0.5; }

body > .sd-list-item {
  z-index: 1060; }

.sd-toggle + label {
  letter-spacing: 0;
  color: var(--color-text); }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-block-start: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-block-start: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: var(--sd-colour--locked-info);
  color: white;
  padding: 0.4rem;
  padding-inline-end: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  white-space: nowrap;
  opacity: 0.8;
  font-weight: 300;
  margin-inline-end: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-inline-end: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: white;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-inline-end: 4px;
  margin-inline-start: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: var(--color-text);
  padding: 0.6rem 1.6rem;
  margin-block-end: 0.2rem;
  font-size: 1.3rem;
  line-height: 140%;
  text-decoration: none;
  text-align: start; }
  .sd-dropdown-item:hover {
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: var(--sd-item__main-Bg); }
  .sd-content-box--emphasise {
    background-color: var(--sd-item__main-Bg);
    border: 1px solid var(--sd-colour-interactive--alpha-50); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  inset-block-start: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-inline-end: 325px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-inline-end: 333px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: var(--sd-colour-panel-bg--100);
  width: 0;
  overflow: hidden;
  position: absolute;
  inset-inline-end: 48px;
  inset-block-start: 0;
  inset-block-end: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    position: absolute;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-start: 1px;
    inset-inline-end: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: var(--sd-colour-panel-bg--100);
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: var(--sd-colour-panel-bg--100); }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 1;
    font-size: 1.4rem;
    padding: 0 1.2rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    inset-block-start: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    inset-block-start: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.4) !important; }

.sd-line-input input.sd-line-input__input,
.sd-line-input textarea.sd-line-input__input {
  display: block !important; }

.modal__body .sd-list-item {
  transition: transform .1s linear !important; }

.dropdown__caret {
  border-top-color: var(--color-text) !important; }

.dropdown__menu-divider {
  background-color: var(--sd-colour-line--light) !important; }

.dropdown__menu {
  background-color: var(--color-dropdown-menu-Bg) !important;
  color: var(--color-text) !important; }
  .dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: var(--color-text) !important;
    background-color: transparent !important; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
      color: var(--color-text-light) !important; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
      color: var(--color-icon-default) !important; }
  .dropdown__menu li a:not(.btn):hover, .dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background-color: var(--sd-colour-interactive--alpha-20) !important; }
  .dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
    background-color: var(--sd-colour-interactive--alpha-30) !important; }
  .dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
    background-color: none !important; }
  .dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
    background-color: var(--sd-colour-interactive--lighten-30) !important; }
  .dropdown__menu .dropdown__menu-header {
    border-block-end: 1px solid var(--color-border-line--light) !important; }
  .dropdown__menu .dropdown__menu-footer {
    border-block-start: 1px solid var(--color-border-line--light) !important; }

.custom-dropdown__menu {
  max-height: 400px;
  background: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  text-align: start; }

.sd-toggle + label {
  letter-spacing: 0;
  color: var(--color-text);
  display: inline-block;
  margin: 0;
  margin-inline-start: 8px; }

.dropdown.navbtn {
  display: flex; }

.sd-list-item {
  flex-shrink: 0; }

.toggle-box {
  margin-block-end: 1.6rem; }
  .toggle-box.toggle-box--no-margin {
    margin-block-end: 0; }

.dropdown__menu-footer.dropdown__menu-footer--align-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap--small); }

.modal.modal--tabs .modal__body-footer {
  display: flex; }

.modal--fullscreen .modal__header {
  border-radius: 0 !important; }

.sd-flex--align-self-stretch {
  align-self: stretch !important; }

.subnav [sd-searchbar] {
  display: contents; }

.publish-queue .flat-searchbar.extended {
  max-width: 380px; }

.sd-margin-start--0-5 {
  margin-inline-start: 0.4rem; }

.sd-margin-start--1 {
  margin-inline-start: 0.8rem; }

.sd-margin-start--1-5 {
  margin-inline-start: 1.2rem; }

.sd-margin-start--2 {
  margin-inline-start: 1.6rem; }

.sd-margin-start--3 {
  margin-inline-start: 2.4rem; }

.sd-margin-start--4 {
  margin-inline-start: 3.2rem; }

.sd-margin-start--5 {
  margin-inline-start: 4rem; }

.sd-margin-start--auto {
  margin-inline-start: auto; }

.sd-margin-end--0-5 {
  margin-inline-end: 0.4rem; }

.sd-margin-end--1 {
  margin-inline-end: 0.8rem; }

.sd-margin-end--1-5 {
  margin-inline-end: 1.2rem; }

.sd-margin-end--2 {
  margin-inline-end: 1.6rem; }

.sd-margin-end--3 {
  margin-inline-end: 2.4rem; }

.sd-margin-end--4 {
  margin-inline-end: 3.2rem; }

.sd-margin-end--5 {
  margin-inline-end: 4rem; }

.sd-margin-end--auto {
  margin-inline-end: auto; }

.sd-padding-start--0-5 {
  padding-inline-start: 0.4rem; }

.sd-padding-start--1 {
  padding-inline-start: 0.8rem; }

.sd-padding-start--1-5 {
  padding-inline-start: 1.2rem; }

.sd-padding-start--2 {
  padding-inline-start: 1.6rem; }

.sd-padding-start--3 {
  padding-inline-start: 2.4rem; }

.sd-padding-start--4 {
  padding-inline-start: 3.2rem; }

.sd-padding-start--5 {
  padding-inline-start: 4rem; }

.sd-padding-end--0-5 {
  padding-inline-end: 0.4rem; }

.sd-padding-end--1 {
  padding-inline-end: 0.8rem; }

.sd-padding-end--1-5 {
  padding-inline-end: 1.2rem; }

.sd-padding-end--2 {
  padding-inline-end: 1.6rem; }

.sd-padding-end--3 {
  padding-inline-end: 2.4rem; }

.sd-padding-end--4 {
  padding-inline-end: 3.2rem; }

.sd-padding-end--5 {
  padding-inline-end: 4rem; }

.sd-flex--nowrap {
  flex-wrap: nowrap !important; }

/*
======================================
user avatar uploader
======================================
*/
.upload-avatar .modal-body {
  position: relative; }

.upload-avatar .sidebar {
  width: 200px;
  display: flex;
  flex-direction: column; }
  .upload-avatar .sidebar .split-popup__nav-item {
    border-block-end: 1px solid var(--sd-colour-line--x-light);
    padding-inline-start: 16px;
    padding-inline-end: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    font-size: calc(var(--text-size--base) * 1.2); }
    .upload-avatar .sidebar .split-popup__nav-item a {
      color: var(--sd-colour-interactive);
      text-decoration: none; }
    .upload-avatar .sidebar .split-popup__nav-item [class^="icon-"] {
      margin-inline-end: 0.8rem;
      opacity: 0.75;
      color: inherit; }
    .upload-avatar .sidebar .split-popup__nav-item:hover {
      background-color: var(--sd-colour-interactive--alpha-20);
      cursor: pointer; }
    .upload-avatar .sidebar .split-popup__nav-item.active {
      background-color: var(--sd-colour-interactive--alpha-10);
      color: var(--sd-colour-interactive); }
      .upload-avatar .sidebar .split-popup__nav-item.active a {
        color: var(--sd-colour-interactive); }
      .upload-avatar .sidebar .split-popup__nav-item.active [class^="icon-"] {
        opacity: 1; }
    .upload-avatar .sidebar .split-popup__nav-item.remove-avatar {
      margin-block-start: auto;
      border-block-start: 1px solid var(--sd-colour-line--x-light);
      border-block-end: none;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-block-start: 6px;
      padding-block-end: 6px;
      height: auto;
      gap: 2px; }
      .upload-avatar .sidebar .split-popup__nav-item.remove-avatar .remove-avatar__inner {
        display: flex; }
      .upload-avatar .sidebar .split-popup__nav-item.remove-avatar small {
        font-size: 12px;
        color: var(--color-text-lighter); }

.upload-avatar .main {
  padding: 20px;
  overflow: auto;
  position: relative; }
  .upload-avatar .main .computer {
    height: 100%; }
    .upload-avatar .main .computer .dropzone {
      height: 100%;
      border: 2px dashed var(--sd-colour-line--light);
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .upload-avatar .main .computer .dropzone .text {
        text-align: center;
        color: var(--color-text-light);
        font-size: 30px;
        font-weight: 300; }
      .upload-avatar .main .computer .dropzone .input-holder {
        text-align: center;
        margin: 30px auto 0;
        width: 170px; }
        .upload-avatar .main .computer .dropzone .input-holder input {
          width: 100%;
          height: auto;
          cursor: pointer !important; }
        .upload-avatar .main .computer .dropzone .input-holder input::-webkit-file-upload-button {
          visibility: hidden; }
        .upload-avatar .main .computer .dropzone .input-holder input[type="file"] {
          padding-block-start: 4px;
          font-size: 13px;
          background-color: transparent;
          height: 32px;
          color: var(--color-text); }
        .upload-avatar .main .computer .dropzone .input-holder input:before {
          content: attr(label);
          display: inline-block;
          background: -webkit-linear-gradient(top, #f9f9f9, #fff);
          border: 1px solid #d0d0d0;
          border-radius: 2px;
          padding: 0 10px;
          outline: none;
          white-space: nowrap;
          -webkit-user-select: none;
          text-shadow: 1px 1px #fff;
          font-size: 12px;
          color: #787878;
          box-sizing: border-box;
          width: 100%;
          text-align: center;
          cursor: pointer !important; }
        .upload-avatar .main .computer .dropzone .input-holder input:focus {
          outline: none !important; }
        .upload-avatar .main .computer .dropzone .input-holder input:hover:before {
          border-color: #c0c0c0;
          cursor: pointer !important; }
        .upload-avatar .main .computer .dropzone .input-holder input:active:before {
          background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
          outline: none; }
  .upload-avatar .main .camera video {
    box-sizing: border-box;
    width: 100%; }
  .upload-avatar .main .preview .crop-area {
    position: absolute;
    inset-block-start: 50px;
    inset-inline-start: 20px;
    inset-inline-end: 20px;
    inset-block-end: 20px; }
    .upload-avatar .main .preview .crop-area .original {
      position: absolute;
      inset-inline-start: 0;
      inset-block-start: 0;
      inset-block-end: 0;
      width: 300px; }
      .upload-avatar .main .preview .crop-area .original img {
        width: 100%; }
    .upload-avatar .main .preview .crop-area .preview {
      position: absolute;
      inset-inline-end: 0;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: 300px; }
      .upload-avatar .main .preview .crop-area .preview .preview-large {
        width: 120px;
        height: 120px;
        overflow: hidden;
        margin: 0 15px 30px 15px; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-4-3-small {
        width: 300px;
        height: 225px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: inline-end; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-4-3-medium {
        width: 400px;
        height: 300px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: inline-end; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-4-3-large {
        width: 800px;
        height: 600px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: inline-end; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-16-9-small {
        width: 300px;
        height: 169px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: inline-end; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-16-9-medium {
        width: 400px;
        height: 225px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: inline-end; }
      .upload-avatar .main .preview .crop-area .preview .preview-large-16-9-large {
        width: 1280px;
        height: 720px;
        overflow: hidden;
        margin: 0 15px 30px 35px;
        float: inline-end; }
      .upload-avatar .main .preview .crop-area .preview .preview-round {
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin: 0 45px 30px 45px;
        border-radius: 30px; }
    .upload-avatar .main .preview .crop-area.image {
      inset-block-start: 200px; }
      .upload-avatar .main .preview .crop-area.image .loading {
        background: url(bc64c8da982d3a424c62b4d324c50a18.gif) no-repeat center; }
  .upload-avatar .main .preview .cords-label {
    color: #999; }

.upload-progress {
  position: absolute;
  height: 2px;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 1;
  background: var(--sd-item__main-Bg); }
  .upload-progress .bar {
    height: 2px;
    background: var(--sd-colour-interactive); }

/*
======================================
media uploader
======================================
*/
.upload-media .modal__body {
  display: flex;
  flex-direction: column;
  overflow-x: hidden !important;
  padding: 0 !important; }

.upload-media .drag-area {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  overflow-y: auto;
  border: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.upload-media .upload-edit {
  z-index: 1;
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative; }
  .upload-media .upload-edit.error {
    inset-block-start: 40px; }
  .upload-media .upload-edit .upload-thumbs .flex-grid__item {
    min-height: 350px; }
    .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb {
      border-radius: 3px 3px 0 0;
      overflow: hidden;
      position: relative; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder {
        height: 200px;
        background-color: #f3f5f6;
        position: relative;
        line-height: 205px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder i {
          position: absolute;
          inset-block-start: 50%;
          margin-block-start: -25px;
          inset-inline-start: 50%;
          margin-inline-start: -30px;
          opacity: 0.2;
          z-index: 1; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder img {
          width: 100%;
          position: relative;
          z-index: 2;
          display: inline-block;
          vertical-align: middle; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .holder .failed {
          position: absolute;
          inset-inline-start: 0;
          inset-inline-end: 0;
          inset-block-start: 0;
          inset-block-end: 0;
          z-index: 2;
          background: rgba(255, 255, 255, 0.7) url(a2f2b54edee7b4c9c833d88670e40572.png) no-repeat center center; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .remove {
        position: absolute;
        inset-block-start: 0px;
        inset-inline-end: 0px;
        height: 20px;
        width: 20px;
        background: #fff;
        opacity: 0.4;
        text-align: center;
        line-height: 20px;
        z-index: 2; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .remove:hover {
          cursor: pointer;
          opacity: 0.9; }
          .upload-media .upload-edit .upload-thumbs .flex-grid__item .thumb .remove:hover i {
            opacity: 0.5; }
    .upload-media .upload-edit .upload-thumbs .flex-grid__item .info {
      position: relative;
      padding-block-start: 2px;
      padding-block-end: 3px;
      border-block-start: 1px solid var(--sd-colour-line--medium);
      border-radius: 0 0 3px 3px; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .upload-progress {
        position: absolute;
        height: 2px;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        z-index: 1;
        background: var(--sd-item__main-Bg);
        inset-block-start: -1px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .upload-progress .bar {
          height: 2px;
          background: var(--sd-colour-interactive); }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info input[type="text"] {
        width: 100%;
        color: var(--color-text);
        border: 0;
        border-block-end: 1px solid var(--color-input-border);
        font-size: 1.4rem;
        background-color: var(--color-input-bg);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        padding: 0 0.8rem;
        height: 3.2rem;
        border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
        display: block; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info input[type="text"]:hover {
          border-color: var(--color-input-border-hover);
          background-color: var(--color-input-bg--hover); }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info input[type="text"]:focus {
          box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
          border-color: var(--sd-colour-interactive);
          background-color: var(--sd-colour-interactive--alpha-20); }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info label {
        padding: 0;
        line-height: 14px;
        color: var(--color-text-light); }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .btn--mini {
        position: absolute;
        inset-inline-end: 4px;
        inset-block-start: 4px;
        border: 0;
        background: none;
        display: none;
        width: 18px;
        height: 18px;
        padding: 2px; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .form__row {
        line-height: 18px;
        position: relative;
        padding: 3px 6px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .form__row:hover .btn--mini {
          display: block; }
      .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .other-info {
        z-index: 5;
        background: #fff; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .other-info .row.shadow {
          background: #f4f4f4;
          border-top-width: 2px; }
        .upload-media .upload-edit .upload-thumbs .flex-grid__item .info .other-info .row .text {
          color: #999;
          font-size: 13px; }

/*
======================================
edit image modal
======================================
*/
.modal-body__flex {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow-y: hidden !important; }
  .modal-body__flex--disabled {
    position: relative; }
    .modal-body__flex--disabled:after {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: 0;
      inset-inline-end: 0;
      background-color: rgba(255, 255, 255, 0.8);
      z-index: 999; }
  .modal-body__flex-top {
    display: flex;
    flex: 1; }
  .modal-body__flex-bottom {
    background-color: #dedede;
    border-block-start: 1px solid #d5d5d5;
    padding: 15px 8px 0 8px;
    box-sizing: border-box;
    flex: 0 0 auto; }
  .modal-body__flex-main {
    flex: 1;
    overflow: auto;
    padding: 4px 20px 0px 20px;
    box-sizing: border-box; }
    .modal-body__flex-main label {
      color: #808080; }
      .modal-body__flex-main label span.size {
        color: black;
        font-weight: 500;
        margin-inline-start: 10px; }
    .modal-body__flex-main button {
      margin-block-start: 10px;
      margin-inline-end: 8px; }
  .modal-body__flex-sidebar {
    width: 335px;
    overflow-y: auto;
    background-color: #f0f0f0;
    border-inline-start: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 15px; }
  .modal-body__flex-loader:before {
    content: '';
    position: absolute;
    inset-block-start: 100px;
    inset-inline-start: 100px;
    transform: translateY(-50%);
    background-position: left !important;
    background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center; }
  .modal-body__flex-metadata > div {
    margin-block-end: 25px; }
  .modal-body__flex-metadata label {
    font-size: 11px;
    text-transform: uppercase;
    color: #8c97a6;
    line-height: 12px; }
  .modal-body__flex-metadata .header {
    font-size: 16px; }

.crop-area__thumbnails {
  max-height: 260px;
  overflow-y: auto; }
  .crop-area__thumbnails ul li {
    margin: 0 7px 14px 7px;
    max-width: 160px;
    display: inline-block;
    padding: 10px 10px 0px 10px;
    background-color: #f0f0f0;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    box-shadow: 0 1px 0 #d6d6d6;
    border-radius: 2px;
    vertical-align: top; }
    .crop-area__thumbnails ul li img {
      max-width: 140px;
      max-height: 140px; }
    .crop-area__thumbnails ul li.active {
      border: 1px solid #b3b3b3;
      background-color: white;
      box-shadow: 0 1px 0 #b3b3b3; }
    .crop-area__thumbnails ul li label {
      color: #808080; }

.image-point__image, .crop-area img {
  max-height: 55vh; }

.image-point__poi {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1;
  display: inline-block; }
  .image-point__poi__overlay {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    z-index: 3; }
    .image-point__poi__overlay:hover {
      cursor: crosshair; }
  .image-point__poi__cursor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    border: 2px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box; }
  .image-point__poi__cross-left, .image-point__poi__cross-right, .image-point__poi__cross-top, .image-point__poi__cross-bottom {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 2; }
  .image-point__poi__cross-left, .image-point__poi__cross-right {
    height: 2px;
    inset-inline-start: 0; }
  .image-point__poi__cross-top, .image-point__poi__cross-bottom {
    width: 2px;
    inset-block-start: 0; }

.crop-box {
  background: transparent;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-color: rgba(0, 0, 0, 0.5);
  border-style: solid;
  box-sizing: border-box;
  z-index: 1200; }

@media only screen and (min-width: 1900px) {
  .crop-area__thumbnails {
    max-height: 390px; }
    .crop-area__thumbnails ul li {
      width: 225px;
      max-width: 225px;
      height: 177px; }
      .crop-area__thumbnails ul li img {
        max-width: 200px;
        max-height: 132px; } }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
sd-content-schema-editor .schema-editor {
  margin-block-end: 10px;
  box-sizing: border-box;
  cursor: pointer; }
  sd-content-schema-editor .schema-editor h4 {
    padding: 5px; }
  sd-content-schema-editor .schema-editor ul.pills-list {
    padding-block-start: 10px; }
    sd-content-schema-editor .schema-editor ul.pills-list .vocabulary-field-type {
      font-weight: 300;
      font-style: italic; }
    sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item {
      cursor: grab;
      border: 1px solid var(--sd-colour-line--x-light);
      padding: 20px;
      margin-block-end: 12px;
      border-radius: 6px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item .header {
        margin-block-end: 10px; }
        sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item .header button {
          margin: -15px;
          opacity: 0; }
        sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item .header .title {
          font-size: 16px;
          font-weight: 500; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item fieldset {
        padding-block-start: 10px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item .dropdown--add-more > button {
        opacity: .1;
        z-index: 99;
        transition: all 0.3s; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item .dropdown--add-more .dropdown__menu {
        margin-block-start: 10px;
        margin-inline-start: -90px;
        max-height: 253px;
        overflow: auto;
        z-index: 100; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item:hover {
        background: var(--sd-item__main-Bg); }
        sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item:hover .header button {
          opacity: 1; }
        sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item:hover .dropdown--add-more > button {
          opacity: 1; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item:first-of-type .dropdown--add-more__top {
        inset-block-start: -14px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item:last-of-type .dropdown--add-more__bottom {
        inset-block-end: -14px; }
      sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item.ui-sortable-helper {
        border-color: var(--sd-colour-interactive--alpha-50);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.1);
        cursor: grabbing !important; }
        sd-content-schema-editor .schema-editor ul.pills-list > li.schema-item.ui-sortable-helper .dropdown--add-more {
          display: none; }
    sd-content-schema-editor .schema-editor ul.pills-list .dropdown--add-more {
      cursor: grabbing;
      position: absolute;
      margin-inline-start: -14px;
      inset-inline-start: 50%; }
      sd-content-schema-editor .schema-editor ul.pills-list .dropdown--add-more__top {
        inset-block-start: -18px; }
      sd-content-schema-editor .schema-editor ul.pills-list .dropdown--add-more__bottom {
        inset-block-end: -19px; }
  sd-content-schema-editor .schema-editor .field {
    margin-block-end: 15px; }
    sd-content-schema-editor .schema-editor .field label {
      min-width: 130px;
      line-height: 23px; }
    sd-content-schema-editor .schema-editor .field input, sd-content-schema-editor .schema-editor .field select, sd-content-schema-editor .schema-editor .field .input-medium {
      width: 90px; }
    sd-content-schema-editor .schema-editor .field .dropdown {
      margin-block-start: 0; }
    sd-content-schema-editor .schema-editor .field .sd-check__wrapper {
      margin-inline-start: 0; }
      sd-content-schema-editor .schema-editor .field .sd-check__wrapper .sd-checkbox {
        margin-block-start: 3px;
        margin-inline-start: 0; }
    sd-content-schema-editor .schema-editor .field:last-of-type {
      margin-block-end: 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.dashboard-container {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-block-start: 96px;
  overflow-y: auto; }
  .dashboard-container > .content {
    padding: 0 2.4rem 5.2rem 0; }
  .dashboard-container .empty-dashboard {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 40%;
    font-size: 22px;
    font-weight: bold;
    color: #aaa;
    width: 300px;
    margin-inline-start: -150px; }

.sd-widget {
  background: var(--sd-colour__dashboard-widget-Bg);
  border-block-start: 0;
  border-radius: var(--b-radius--medium);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: [topLine] auto [mainHeader] auto [mainContent] 1fr;
  grid-template-columns: 1fr auto;
  position: relative; }
  .sd-widget .widget-line {
    grid-row: topLine;
    border-radius: 1px 1px 0 0;
    height: 0px;
    background: transparent; }
  .sd-widget .widget-header {
    grid-row: mainHeader;
    display: flex;
    align-items: center;
    height: 34px;
    box-shadow: 0 1px 0 0 var(--sd-colour-line--medium);
    position: relative;
    z-index: 2;
    background-color: var(--sd-item__main-Bg);
    border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }
    .sd-widget .widget-header .widget-title {
      color: var(--color-text);
      padding-inline-start: 12px;
      font-size: 1.3rem;
      font-weight: 400; }
  .sd-widget .widget-header__search-button {
    display: flex;
    align-items: center;
    width: 36px;
    justify-content: center;
    height: 100%;
    border-inline-end: 1px solid var(--sd-colour-line--light);
    transition: all ease-in-out 0.1s;
    border-radius: var(--b-radius--medium) 0 0 0; }
    .sd-widget .widget-header__search-button i {
      opacity: 0.5;
      transition: all ease-in-out 0.1s;
      color: var(--color-text); }
    .sd-widget .widget-header__search-button:hover i {
      opacity: 1; }
    .sd-widget .widget-header__search-button:active i {
      opacity: 1;
      color: var(--sd-colour-interactive); }
    .sd-widget .widget-header__search-button--active {
      background-color: var(--sd-colour-interactive); }
      .sd-widget .widget-header__search-button--active i {
        opacity: 0.5;
        color: white; }
  .sd-widget .widget-content {
    position: relative;
    grid-row: mainContent;
    overflow-y: hidden; }
    .sd-widget .widget-content .activity-list.card-list > li {
      box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.2);
      border-radius: 2px; }
      .sd-widget .widget-content .activity-list.card-list > li:hover {
        box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.2); }
  .sd-widget .widget-footer {
    border-block-start: 1px solid var(--sd-colour-line--medium);
    height: 31px;
    background-color: var(--sd-item__main-Bg);
    border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }
  .sd-widget .widget-settings {
    position: absolute;
    top: 2px;
    inset-inline-end: 6px;
    line-height: 1;
    width: 28px;
    height: 28px;
    text-align: center;
    z-index: 3; }
    .sd-widget .widget-settings .dropdown__toggle {
      margin-block-start: 4px; }
      .sd-widget .widget-settings .dropdown__toggle i {
        opacity: 0.7; }
    .sd-widget .widget-settings .dropdown__menu {
      margin-block-start: -7px;
      margin-inline-end: 4px; }
  .sd-widget .slider .arrow {
    width: 8px;
    height: 12px;
    background: url(cf5c71eac6ee6443c36859fd33e09492.png) no-repeat 0 0;
    margin-block-start: 9px;
    opacity: 0.85; }
    .sd-widget .slider .arrow.left {
      float: inline-start;
      margin-inline-start: 9px; }
    .sd-widget .slider .arrow.right {
      background-position: -10px 0px;
      margin-inline-end: 9px;
      float: inline-end; }
    .sd-widget .slider .arrow:hover {
      cursor: pointer;
      opacity: 1; }
    .sd-widget .slider .arrow.disable {
      opacity: 0.4; }
  .sd-widget ::-webkit-scrollbar {
    border-inline-start: 4px solid var(--sd-colour-panel-bg--100) !important;
    border-inline-end: 1px solid var(--sd-colour-panel-bg--100) !important;
    width: 8px !important;
    background: var(--sd-colour-panel-bg--100) !important; }
  .sd-widget ::-webkit-scrollbar-track {
    background: var(--sd-colour-panel-bg--100) !important;
    border-inline-start: 3px solid var(--sd-colour-panel-bg--100) !important; }
    .sd-widget ::-webkit-scrollbar-track:hover {
      background: rgba(0, 0, 0, 0.05) !important; }
  .sd-widget ::-webkit-scrollbar-thumb {
    border-inline-start: 3px solid var(--sd-colour-panel-bg--100) !important; }

/*
---------------------------------------------
Widgets styles
---------------------------------------------
*/
.d-widget.default .widget-content {
  padding: 20px; }

.sd-widget.ingest-stats .widget-content {
  padding: 10px;
  overflow: hidden; }

.statistics .stats-container {
  float: inline-start; }
  .statistics .stats-container.size1 {
    width: 372px; }
  .statistics .stats-container.size2 {
    width: 744px; }

.statistics .stats-block {
  float: inline-start;
  border: 1px solid #ccc;
  margin-inline-end: 30px;
  margin-block-end: 30px;
  border-radius: 3px; }
  .statistics .stats-block .title {
    text-align: center;
    margin-block-end: 5px;
    margin-block-start: 10px;
    padding-block-end: 10px;
    border-block-end: 1px solid #f0f0f0;
    font-size: 18px;
    color: var(--color-text);
    letter-spacing: 1px; }
  .statistics .stats-block .block {
    padding: 10px; }
  .statistics .stats-block.theme-dark {
    background: #212121;
    border-color: #000; }
    .statistics .stats-block.theme-dark .title {
      color: #a8a8a8;
      border-color: #313131; }

/*
---------------------------------------------
STREAM PAGE
---------------------------------------------
*/
.workspace-stream {
  padding: 40px 35px 5.2rem !important;
  overflow: auto;
  inset-block-end: auto; }
  .workspace-stream .activity-container {
    width: 500px; }

/*
=============================================
Gridster library
=============================================
*/
.gridster {
  position: relative; }

.gridster > * {
  margin: 0 auto;
  -webkit-transition: height .4s;
  -moz-transition: height .4s;
  -o-transition: height .4s;
  -ms-transition: height .4s;
  transition: height .4s; }

.gridster .gs_w {
  z-index: 2;
  position: absolute; }

.ready .gs_w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s;
  -moz-transition: opacity .3s, left .3s, top .3s;
  -o-transition: opacity .3s, left .3s, top .3s;
  transition: opacity .3s, left .3s, top .3s; }

.ready .gs_w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; }

.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #f0f0f0;
  border: 1px dashed #c8c8c8;
  border-radius: 3px; }

.gridster .player-revert {
  z-index: 10 !important;
  -webkit-transition: left .3s, top .3s !important;
  -moz-transition: left .3s, top .3s !important;
  -o-transition: left .3s, top .3s !important;
  transition: left .3s, top .3s !important; }

.gridster .dragging {
  z-index: 10 !important;
  transition: all 0s !important;
  opacity: 0.8;
  filter: "alpha(opacity=80)";
  cursor: move; }

.gridster .dash-grid {
  list-style-type: none;
  width: 100% !important; }
  .gridster .dash-grid li .widget-close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(900502ce15042f6509f53d837fca5888.png) no-repeat 0 0;
    z-index: 100;
    inset-inline-end: -15px;
    inset-block-start: -15px;
    cursor: pointer; }
  .gridster .dash-grid li .widget-resize-width, .gridster .dash-grid li .widget-resize-height {
    cursor: pointer;
    position: absolute; }
  .gridster .dash-grid li .widget-resize-width {
    width: 47px;
    height: 43px;
    z-index: 100;
    inset-inline-end: -25px;
    inset-block-start: 50%;
    margin-block-start: -22px; }
    .gridster .dash-grid li .widget-resize-width .resize-left, .gridster .dash-grid li .widget-resize-width .resize-right {
      width: 23px;
      height: 43px;
      float: inline-start;
      opacity: 0;
      filter: "alpha(opacity=0)";
      transition: all 0.3s linear;
      background: url(0c12d208a5eb6e69390855a2392335f4.png) no-repeat 0 0; }
    .gridster .dash-grid li .widget-resize-width .resize-right {
      background-position: -23px 0;
      float: inline-end; }
  .gridster .dash-grid li .widget-resize-height {
    width: 43px;
    height: 47px;
    z-index: 100;
    inset-inline-start: 50%;
    inset-block-end: -24px;
    margin-inline-start: -22px; }
    .gridster .dash-grid li .widget-resize-height .resize-up, .gridster .dash-grid li .widget-resize-height .resize-down {
      width: 43px;
      height: 23px;
      background: url(0c12d208a5eb6e69390855a2392335f4.png) no-repeat -47px 0;
      opacity: 0;
      filter: "alpha(opacity=0)";
      transition: all 0.3s linear; }
    .gridster .dash-grid li .widget-resize-height .resize-down {
      background-position: -47px -23px;
      margin-block-start: 1px; }

.gridster.editmode .dash-grid li:hover .resize-left, .gridster.editmode .dash-grid li:hover .resize-right, .gridster.editmode .dash-grid li:hover .resize-up, .gridster.editmode .dash-grid li:hover .resize-down {
  opacity: 0.5;
  filter: "alpha(opacity=50)";
  transition: all 0.3s linear; }
  .gridster.editmode .dash-grid li:hover .resize-left:hover, .gridster.editmode .dash-grid li:hover .resize-right:hover, .gridster.editmode .dash-grid li:hover .resize-up:hover, .gridster.editmode .dash-grid li:hover .resize-down:hover {
    opacity: 1;
    filter: "alpha(opacity=100)";
    transition: all 0.3s linear; }

.gridster.editmode .dash-grid li.dragging .widget-resize-width, .gridster.editmode .dash-grid li.dragging .widget-resize-height {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.gridster.editmode .d-widget {
  border-color: #999;
  box-shadow: 0 0 4px 1px #b8b8b8;
  transition: all 0.3s linear; }

/*
=============================================
Add new widget modal
=============================================
*/
.widget-select .modal-screen {
  inset-block-start: 48px;
  inset-block-end: auto; }

.widget-select .modal-body {
  height: 500px;
  max-height: 500px;
  background-color: #f8f8f8; }
  .widget-select .modal-body .nav-tabs {
    line-height: 48px;
    padding-inline-start: 20px; }
    .widget-select .modal-body .nav-tabs label {
      display: inline-block;
      color: #989898; }

.widget-select .modal-footer {
  min-height: 60px; }
  .widget-select .modal-footer .center {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: auto;
    text-align: center; }
  .widget-select .modal-footer .btn-done {
    float: inline-end;
    margin-block-start: -28px; }
  .widget-select .modal-footer .btn-next i {
    margin-inline-start: 8px;
    width: 8px; }

.widget-list {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  display: flex;
  flex-flow: row wrap; }
  .widget-list li {
    width: calc(33% - 40px);
    margin: 20px;
    padding: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: var(--sd-item__main-Bg);
    position: relative; }
    .widget-list li .thumbnail {
      border-radius: 4px 4px 0 0;
      position: relative;
      padding-block-start: 6px;
      min-height: 177px;
      background-color: var(--sd-item__main-Bg--hover); }
      .widget-list li .thumbnail::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 8px;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 4px 4px 0 0; }
      .widget-list li .thumbnail img {
        max-width: 100%; }
    .widget-list li .title {
      text-align: center;
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--color-text);
      padding: 8px 0; }
    .widget-list li:hover {
      cursor: pointer;
      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.5); }
    .widget-list li.widget.world-clock .thumbnail {
      background-color: #02a6f2; }
    .widget-list li.widget.user-activity .thumbnail {
      background-color: #7d54c9; }
    .widget-list li.widget.ingest-stats .thumbnail {
      background-color: #00bdd6; }
    .widget-list li.widget.aggregate .thumbnail {
      background-color: #8bc34b; }
    .widget-list li.widget.archive .thumbnail {
      background-color: #4051b5; }
    .widget-list li.widget.ingest .thumbnail {
      background-color: #673ab6; }
    .widget-list li.widget.activity .thumbnail {
      background-color: #009485; }
    .widget-list li.widget.routing .thumbnail {
      background-color: #e5522a; }
    .widget-list li.widget.analytics .thumbnail {
      background-color: #d72877; }
    .widget-list li.widget.stages-auto-publish .thumbnail {
      background-color: #ae46be; }
    .widget-list li.widget.selected {
      cursor: default;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); }
      .widget-list li.widget.selected .thumbnail, .widget-list li.widget.selected .title {
        opacity: 0.3;
        filter: "alpha(opacity=30)"; }
      .widget-list li.widget.selected::before {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        background-color: #49b04b;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYgMjIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0yNS4zMSAyLjU1NWMtLjgtLjgtMi4yLS42LTMgLjJsLTEyLjQgMTIuNC02LjI4OC02LjI4OWMtMS0xLTIuNC0xLTMtLjItLjguOC0uNiAyLjIuMiAzLjJsNy40ODkgNy40ODljMCAwIC44MDcuNiAxLjYuNnMxLjUwOS0uNTgxIDEuNTA5LS41ODFsMTMuNjktMTMuODE5YzEtLjggMS0yLjIuMi0zIi8+PC9zdmc+);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
        border-radius: 50%;
        inset-block-start: -16px;
        inset-inline-end: -16px;
        z-index: 1;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.55); }

.widget-detail {
  padding: 40px !important;
  display: flex; }
  .widget-detail .thumbnail-box {
    position: relative;
    width: calc(60% - 30px);
    margin-inline-end: 30px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px; }
    .widget-detail .thumbnail-box::before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      inset-inline-end: 0;
      height: 8px;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 4px 4px 0 0; }
    .widget-detail .thumbnail-box.world-clock {
      background-color: #02a6f2; }
    .widget-detail .thumbnail-box.ingest-stats {
      background-color: #00bdd6; }
    .widget-detail .thumbnail-box.aggregate {
      background-color: #8bc34b; }
    .widget-detail .thumbnail-box.archive {
      background-color: #4051b5; }
    .widget-detail .thumbnail-box.ingest {
      background-color: #673ab6; }
    .widget-detail .thumbnail-box.activity {
      background-color: #009485; }
    .widget-detail .thumbnail-box.routing {
      background-color: #e5522a; }
    .widget-detail .thumbnail-box.analytics {
      background-color: #d72877; }
    .widget-detail .thumbnail-box.user-activity {
      background-color: #7d54c9; }
  .widget-detail .content-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(40%); }
    .widget-detail .content-box .title {
      font-size: 30px;
      line-height: 110%;
      font-weight: 700;
      padding: 0 0 20px;
      width: 100%; }
    .widget-detail .content-box .description {
      font-size: 14px;
      width: 100%;
      margin-block-end: 20px;
      flex-grow: 1; }
      .widget-detail .content-box .description ul {
        list-style: circle; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.ingest .widget-header, .sd-widget.archive .widget-header, .sd-widget.related-item .widget-header, .sd-widget.aggregate .widget-header, .sd-widget.package-manager .widget-header, .sd-widget.packages .widget-header, .sd-widget.user-activity .widget-header {
  z-index: 2;
  background-color: var(--sd-item__main-Bg);
  box-sizing: border-box; }

.sd-widget.ingest .widget-content, .sd-widget.archive .widget-content, .sd-widget.related-item .widget-content, .sd-widget.aggregate .widget-content, .sd-widget.package-manager .widget-content, .sd-widget.packages .widget-content, .sd-widget.user-activity .widget-content {
  overflow-x: hidden;
  inset-block-start: 0; }

.sd-widget.ingest .widget-mode, .sd-widget.archive .widget-mode, .sd-widget.related-item .widget-mode, .sd-widget.aggregate .widget-mode, .sd-widget.package-manager .widget-mode, .sd-widget.packages .widget-mode, .sd-widget.user-activity .widget-mode {
  float: inline-end;
  position: relative;
  z-index: 1;
  margin-inline-end: 40px;
  padding: 9px 0 0; }
  .sd-widget.ingest .widget-mode .text, .sd-widget.archive .widget-mode .text, .sd-widget.related-item .widget-mode .text, .sd-widget.aggregate .widget-mode .text, .sd-widget.package-manager .widget-mode .text, .sd-widget.packages .widget-mode .text, .sd-widget.user-activity .widget-mode .text {
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: middle;
    color: var(--color-text-light); }

.sd-widget.ingest .search-box__content, .sd-widget.archive .search-box__content, .sd-widget.related-item .search-box__content, .sd-widget.aggregate .search-box__content, .sd-widget.package-manager .search-box__content, .sd-widget.packages .search-box__content, .sd-widget.user-activity .search-box__content {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 100%;
  width: 100%;
  transition: opacity ease-in-out 0.2s;
  opacity: 1; }
  .sd-widget.ingest .search-box__content .sd-input, .sd-widget.archive .search-box__content .sd-input, .sd-widget.related-item .search-box__content .sd-input, .sd-widget.aggregate .search-box__content .sd-input, .sd-widget.package-manager .search-box__content .sd-input, .sd-widget.packages .search-box__content .sd-input, .sd-widget.user-activity .search-box__content .sd-input {
    width: 100%; }
  .sd-widget.ingest .search-box__content .p-dropdown, .sd-widget.archive .search-box__content .p-dropdown, .sd-widget.related-item .search-box__content .p-dropdown, .sd-widget.aggregate .search-box__content .p-dropdown, .sd-widget.package-manager .search-box__content .p-dropdown, .sd-widget.packages .search-box__content .p-dropdown, .sd-widget.user-activity .search-box__content .p-dropdown {
    min-height: 5.6rem;
    border-block-end: 1px solid var(--sd-colour-line--light);
    background-color: var(--sd-item__main-Bg);
    border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0;
    width: 100%; }
    .sd-widget.ingest .search-box__content .p-dropdown:hover, .sd-widget.archive .search-box__content .p-dropdown:hover, .sd-widget.related-item .search-box__content .p-dropdown:hover, .sd-widget.aggregate .search-box__content .p-dropdown:hover, .sd-widget.package-manager .search-box__content .p-dropdown:hover, .sd-widget.packages .search-box__content .p-dropdown:hover, .sd-widget.user-activity .search-box__content .p-dropdown:hover {
      border-block-end: 1px solid var(--sd-colour-line--light);
      background-color: var(--sd-item__main-Bg--hover); }

.sd-widget.ingest .search-cancel, .sd-widget.archive .search-cancel, .sd-widget.related-item .search-cancel, .sd-widget.aggregate .search-cancel, .sd-widget.package-manager .search-cancel, .sd-widget.packages .search-cancel, .sd-widget.user-activity .search-cancel {
  position: absolute;
  height: 24px;
  width: 24px;
  padding: 4px;
  inset-inline-end: 6px;
  margin: 0;
  inset-block-start: 5px;
  transition: opacity ease-in-out 0.2s;
  opacity: 0.5; }
  .sd-widget.ingest .search-cancel:hover, .sd-widget.archive .search-cancel:hover, .sd-widget.related-item .search-cancel:hover, .sd-widget.aggregate .search-cancel:hover, .sd-widget.package-manager .search-cancel:hover, .sd-widget.packages .search-cancel:hover, .sd-widget.user-activity .search-cancel:hover {
    opacity: 1; }
  .sd-widget.ingest .search-cancel:active i, .sd-widget.archive .search-cancel:active i, .sd-widget.related-item .search-cancel:active i, .sd-widget.aggregate .search-cancel:active i, .sd-widget.package-manager .search-cancel:active i, .sd-widget.packages .search-cancel:active i, .sd-widget.user-activity .search-cancel:active i {
    color: #5ea9c8; }

.sd-widget.ingest .search-box, .sd-widget.archive .search-box, .sd-widget.related-item .search-box, .sd-widget.aggregate .search-box, .sd-widget.package-manager .search-box, .sd-widget.packages .search-box, .sd-widget.user-activity .search-box {
  transition: all ease-in-out 0.2s;
  position: relative;
  height: 34px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: var(--sd-colour-panel-bg--100);
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  z-index: 1; }
  .sd-widget.ingest .search-box:hover, .sd-widget.archive .search-box:hover, .sd-widget.related-item .search-box:hover, .sd-widget.aggregate .search-box:hover, .sd-widget.package-manager .search-box:hover, .sd-widget.packages .search-box:hover, .sd-widget.user-activity .search-box:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.1); }
  .sd-widget.ingest .search-box:focus-within, .sd-widget.archive .search-box:focus-within, .sd-widget.related-item .search-box:focus-within, .sd-widget.aggregate .search-box:focus-within, .sd-widget.package-manager .search-box:focus-within, .sd-widget.packages .search-box:focus-within, .sd-widget.user-activity .search-box:focus-within {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 var(--sd-colour-interactive); }
  .sd-widget.ingest .search-box input, .sd-widget.archive .search-box input, .sd-widget.related-item .search-box input, .sd-widget.aggregate .search-box input, .sd-widget.package-manager .search-box input, .sd-widget.packages .search-box input, .sd-widget.user-activity .search-box input {
    transition: all ease-in-out 0.16s;
    flex-grow: 1;
    height: 100%;
    border: none !important;
    border-radius: 0;
    padding: 0 30px 0 0.8rem;
    margin: 0;
    box-shadow: none;
    display: block;
    background-color: transparent; }
  .sd-widget.ingest .search-box.blank, .sd-widget.archive .search-box.blank, .sd-widget.related-item .search-box.blank, .sd-widget.aggregate .search-box.blank, .sd-widget.package-manager .search-box.blank, .sd-widget.packages .search-box.blank, .sd-widget.user-activity .search-box.blank {
    background: var(--sd-colour-panel-bg--100); }
  .sd-widget.ingest .search-box .text, .sd-widget.archive .search-box .text, .sd-widget.related-item .search-box .text, .sd-widget.aggregate .search-box .text, .sd-widget.package-manager .search-box .text, .sd-widget.packages .search-box .text, .sd-widget.user-activity .search-box .text {
    font-size: 14px;
    font-style: italic;
    color: #596473;
    padding: 10px;
    background: var(--sd-colour-panel-bg--100); }
  .sd-widget.ingest .search-box .more-actions, .sd-widget.archive .search-box .more-actions, .sd-widget.related-item .search-box .more-actions, .sd-widget.aggregate .search-box .more-actions, .sd-widget.package-manager .search-box .more-actions, .sd-widget.packages .search-box .more-actions, .sd-widget.user-activity .search-box .more-actions {
    position: absolute;
    inset-inline-end: 0px;
    inset-block-start: 6px; }
  .sd-widget.ingest .search-box .search-box__btn, .sd-widget.archive .search-box .search-box__btn, .sd-widget.related-item .search-box .search-box__btn, .sd-widget.aggregate .search-box .search-box__btn, .sd-widget.package-manager .search-box .search-box__btn, .sd-widget.packages .search-box .search-box__btn, .sd-widget.user-activity .search-box .search-box__btn {
    flex: 0 0 auto;
    margin: 0 0.8rem 0 auto; }
  .sd-widget.ingest .search-box .search-box__icon, .sd-widget.archive .search-box .search-box__icon, .sd-widget.related-item .search-box .search-box__icon, .sd-widget.aggregate .search-box .search-box__icon, .sd-widget.package-manager .search-box .search-box__icon, .sd-widget.packages .search-box .search-box__icon, .sd-widget.user-activity .search-box .search-box__icon {
    opacity: 0.3;
    margin-inline-start: 0.6rem; }
  .sd-widget.ingest .search-box--hidden, .sd-widget.archive .search-box--hidden, .sd-widget.related-item .search-box--hidden, .sd-widget.aggregate .search-box--hidden, .sd-widget.package-manager .search-box--hidden, .sd-widget.packages .search-box--hidden, .sd-widget.user-activity .search-box--hidden {
    height: 0;
    box-shadow: none;
    border: none; }
    .sd-widget.ingest .search-box--hidden .search-box__content, .sd-widget.archive .search-box--hidden .search-box__content, .sd-widget.related-item .search-box--hidden .search-box__content, .sd-widget.aggregate .search-box--hidden .search-box__content, .sd-widget.package-manager .search-box--hidden .search-box__content, .sd-widget.packages .search-box--hidden .search-box__content, .sd-widget.user-activity .search-box--hidden .search-box__content {
      opacity: 0; }

.sd-widget.ingest .search-box--no-shadow, .sd-widget.ingest .search-box--no-shadow:hover, .sd-widget.archive .search-box--no-shadow, .sd-widget.archive .search-box--no-shadow:hover, .sd-widget.related-item .search-box--no-shadow, .sd-widget.related-item .search-box--no-shadow:hover, .sd-widget.aggregate .search-box--no-shadow, .sd-widget.aggregate .search-box--no-shadow:hover, .sd-widget.package-manager .search-box--no-shadow, .sd-widget.package-manager .search-box--no-shadow:hover, .sd-widget.packages .search-box--no-shadow, .sd-widget.packages .search-box--no-shadow:hover, .sd-widget.user-activity .search-box--no-shadow, .sd-widget.user-activity .search-box--no-shadow:hover {
  box-shadow: none; }

.sd-widget.ingest .search-box--fluid-height, .sd-widget.archive .search-box--fluid-height, .sd-widget.related-item .search-box--fluid-height, .sd-widget.aggregate .search-box--fluid-height, .sd-widget.package-manager .search-box--fluid-height, .sd-widget.packages .search-box--fluid-height, .sd-widget.user-activity .search-box--fluid-height {
  min-height: 34px;
  height: inherit; }

.sd-widget.ingest .content-list-holder, .sd-widget.archive .content-list-holder, .sd-widget.related-item .content-list-holder, .sd-widget.aggregate .content-list-holder, .sd-widget.package-manager .content-list-holder, .sd-widget.packages .content-list-holder, .sd-widget.user-activity .content-list-holder {
  position: static;
  flex-grow: 1;
  overflow-y: auto; }

.sd-widget.ingest .filter-box, .sd-widget.archive .filter-box, .sd-widget.related-item .filter-box, .sd-widget.aggregate .filter-box, .sd-widget.package-manager .filter-box, .sd-widget.packages .filter-box, .sd-widget.user-activity .filter-box {
  height: 38px;
  position: absolute;
  inset-block-start: 38px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  border-block-end: 1px solid var(--sd-colour-line--light); }
  .sd-widget.ingest .filter-box .btn, .sd-widget.archive .filter-box .btn, .sd-widget.related-item .filter-box .btn, .sd-widget.aggregate .filter-box .btn, .sd-widget.package-manager .filter-box .btn, .sd-widget.packages .filter-box .btn, .sd-widget.user-activity .filter-box .btn {
    margin: 5px 5px 0 0;
    padding: 0 10px; }
    .sd-widget.ingest .filter-box .btn i, .sd-widget.archive .filter-box .btn i, .sd-widget.related-item .filter-box .btn i, .sd-widget.aggregate .filter-box .btn i, .sd-widget.package-manager .filter-box .btn i, .sd-widget.packages .filter-box .btn i, .sd-widget.user-activity .filter-box .btn i {
      opacity: 0.75; }
  .sd-widget.ingest .filter-box .text, .sd-widget.archive .filter-box .text, .sd-widget.related-item .filter-box .text, .sd-widget.aggregate .filter-box .text, .sd-widget.package-manager .filter-box .text, .sd-widget.packages .filter-box .text, .sd-widget.user-activity .filter-box .text {
    margin-inline-end: 10px;
    float: inline-start;
    padding: 10px;
    font-style: italic; }

.sd-widget.ingest .pagination-box, .sd-widget.archive .pagination-box, .sd-widget.related-item .pagination-box, .sd-widget.aggregate .pagination-box, .sd-widget.package-manager .pagination-box, .sd-widget.packages .pagination-box, .sd-widget.user-activity .pagination-box {
  height: 38px;
  position: absolute;
  inset-block-start: 38px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  border-block-end: 1px solid var(--sd-colour-line--light); }
  .sd-widget.ingest .pagination-box .sd-pagination, .sd-widget.archive .pagination-box .sd-pagination, .sd-widget.related-item .pagination-box .sd-pagination, .sd-widget.aggregate .pagination-box .sd-pagination, .sd-widget.package-manager .pagination-box .sd-pagination, .sd-widget.packages .pagination-box .sd-pagination, .sd-widget.user-activity .pagination-box .sd-pagination {
    padding: 5px 10px; }
  .sd-widget.ingest .pagination-box.mode-detailed, .sd-widget.archive .pagination-box.mode-detailed, .sd-widget.related-item .pagination-box.mode-detailed, .sd-widget.aggregate .pagination-box.mode-detailed, .sd-widget.package-manager .pagination-box.mode-detailed, .sd-widget.packages .pagination-box.mode-detailed, .sd-widget.user-activity .pagination-box.mode-detailed {
    inset-block-start: 76px; }
  .sd-widget.ingest .pagination-box .page-info, .sd-widget.archive .pagination-box .page-info, .sd-widget.related-item .pagination-box .page-info, .sd-widget.aggregate .pagination-box .page-info, .sd-widget.package-manager .pagination-box .page-info, .sd-widget.packages .pagination-box .page-info, .sd-widget.user-activity .pagination-box .page-info {
    float: inline-start; }

.sd-widget.ingest .pin-info, .sd-widget.archive .pin-info, .sd-widget.related-item .pin-info, .sd-widget.aggregate .pin-info, .sd-widget.package-manager .pin-info, .sd-widget.packages .pin-info, .sd-widget.user-activity .pin-info {
  font-size: 9px; }

.sd-widget.ingest .ingest-list-holder, .sd-widget.archive .ingest-list-holder, .sd-widget.related-item .ingest-list-holder, .sd-widget.aggregate .ingest-list-holder, .sd-widget.package-manager .ingest-list-holder, .sd-widget.packages .ingest-list-holder, .sd-widget.user-activity .ingest-list-holder {
  position: absolute;
  inset-block-start: 3.6rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0; }
  .sd-widget.ingest .ingest-list-holder.mode-detailed, .sd-widget.archive .ingest-list-holder.mode-detailed, .sd-widget.related-item .ingest-list-holder.mode-detailed, .sd-widget.aggregate .ingest-list-holder.mode-detailed, .sd-widget.package-manager .ingest-list-holder.mode-detailed, .sd-widget.packages .ingest-list-holder.mode-detailed, .sd-widget.user-activity .ingest-list-holder.mode-detailed {
    inset-block-start: 114px; }

.sd-widget.ingest .ingest-list, .sd-widget.archive .ingest-list, .sd-widget.related-item .ingest-list, .sd-widget.aggregate .ingest-list, .sd-widget.package-manager .ingest-list, .sd-widget.packages .ingest-list, .sd-widget.user-activity .ingest-list {
  margin: 0;
  list-style-type: none;
  padding: 0;
  /*overflow: hidden;*/ }
  .sd-widget.ingest .ingest-list > li, .sd-widget.archive .ingest-list > li, .sd-widget.related-item .ingest-list > li, .sd-widget.aggregate .ingest-list > li, .sd-widget.package-manager .ingest-list > li, .sd-widget.packages .ingest-list > li, .sd-widget.user-activity .ingest-list > li {
    position: relative; }
    .sd-widget.ingest .ingest-list > li .item-block, .sd-widget.archive .ingest-list > li .item-block, .sd-widget.related-item .ingest-list > li .item-block, .sd-widget.aggregate .ingest-list > li .item-block, .sd-widget.package-manager .ingest-list > li .item-block, .sd-widget.packages .ingest-list > li .item-block, .sd-widget.user-activity .ingest-list > li .item-block {
      cursor: pointer;
      border-block-end: 1px solid var(--sd-colour-line--light);
      padding: 10px;
      display: flex; }
      .sd-widget.ingest .ingest-list > li .item-block .content, .sd-widget.archive .ingest-list > li .item-block .content, .sd-widget.related-item .ingest-list > li .item-block .content, .sd-widget.aggregate .ingest-list > li .item-block .content, .sd-widget.package-manager .ingest-list > li .item-block .content, .sd-widget.packages .ingest-list > li .item-block .content, .sd-widget.user-activity .ingest-list > li .item-block .content {
        flex-grow: 1;
        padding: 0 16px 0 8px; }
      .sd-widget.ingest .ingest-list > li .item-block i, .sd-widget.archive .ingest-list > li .item-block i, .sd-widget.related-item .ingest-list > li .item-block i, .sd-widget.aggregate .ingest-list > li .item-block i, .sd-widget.package-manager .ingest-list > li .item-block i, .sd-widget.packages .ingest-list > li .item-block i, .sd-widget.user-activity .ingest-list > li .item-block i {
        color: var(--color-text-light);
        margin-block-start: 1px; }
      .sd-widget.ingest .ingest-list > li .item-block--basic, .sd-widget.archive .ingest-list > li .item-block--basic, .sd-widget.related-item .ingest-list > li .item-block--basic, .sd-widget.aggregate .ingest-list > li .item-block--basic, .sd-widget.package-manager .ingest-list > li .item-block--basic, .sd-widget.packages .ingest-list > li .item-block--basic, .sd-widget.user-activity .ingest-list > li .item-block--basic {
        border-block-end: none;
        padding: 4px 0; }
    .sd-widget.ingest .ingest-list > li .basic .legal, .sd-widget.archive .ingest-list > li .basic .legal, .sd-widget.related-item .ingest-list > li .basic .legal, .sd-widget.aggregate .ingest-list > li .basic .legal, .sd-widget.package-manager .ingest-list > li .basic .legal, .sd-widget.packages .ingest-list > li .basic .legal, .sd-widget.user-activity .ingest-list > li .basic .legal {
      margin-inline-start: 10px; }
    .sd-widget.ingest .ingest-list > li .basic .keyword, .sd-widget.archive .ingest-list > li .basic .keyword, .sd-widget.related-item .ingest-list > li .basic .keyword, .sd-widget.aggregate .ingest-list > li .basic .keyword, .sd-widget.package-manager .ingest-list > li .basic .keyword, .sd-widget.packages .ingest-list > li .basic .keyword, .sd-widget.user-activity .ingest-list > li .basic .keyword {
      color: var(--sd-slugline-color);
      display: block; }
    .sd-widget.ingest .ingest-list > li .basic .headline, .sd-widget.archive .ingest-list > li .basic .headline, .sd-widget.related-item .ingest-list > li .basic .headline, .sd-widget.aggregate .ingest-list > li .basic .headline, .sd-widget.package-manager .ingest-list > li .basic .headline, .sd-widget.packages .ingest-list > li .basic .headline, .sd-widget.user-activity .ingest-list > li .basic .headline {
      display: inline-block; }
    .sd-widget.ingest .ingest-list > li .basic .takekey, .sd-widget.archive .ingest-list > li .basic .takekey, .sd-widget.related-item .ingest-list > li .basic .takekey, .sd-widget.aggregate .ingest-list > li .basic .takekey, .sd-widget.package-manager .ingest-list > li .basic .takekey, .sd-widget.packages .ingest-list > li .basic .takekey, .sd-widget.user-activity .ingest-list > li .basic .takekey {
      color: var(--color-text);
      font-weight: 500;
      display: block; }
    .sd-widget.ingest .ingest-list > li .top-line, .sd-widget.archive .ingest-list > li .top-line, .sd-widget.related-item .ingest-list > li .top-line, .sd-widget.aggregate .ingest-list > li .top-line, .sd-widget.package-manager .ingest-list > li .top-line, .sd-widget.packages .ingest-list > li .top-line, .sd-widget.user-activity .ingest-list > li .top-line {
      margin: 0;
      list-style-type: none;
      padding: 0;
      margin-block-end: 5px; }
      .sd-widget.ingest .ingest-list > li .top-line > li, .sd-widget.archive .ingest-list > li .top-line > li, .sd-widget.related-item .ingest-list > li .top-line > li, .sd-widget.aggregate .ingest-list > li .top-line > li, .sd-widget.package-manager .ingest-list > li .top-line > li, .sd-widget.packages .ingest-list > li .top-line > li, .sd-widget.user-activity .ingest-list > li .top-line > li {
        float: inline-start;
        padding-inline-end: 7px;
        margin-inline-end: 7px;
        border-inline-end: 1px solid var(--sd-colour-line--light);
        font-size: 11px;
        color: var(--color-text-light);
        line-height: 21px; }
        .sd-widget.ingest .ingest-list > li .top-line > li em, .sd-widget.archive .ingest-list > li .top-line > li em, .sd-widget.related-item .ingest-list > li .top-line > li em, .sd-widget.aggregate .ingest-list > li .top-line > li em, .sd-widget.package-manager .ingest-list > li .top-line > li em, .sd-widget.packages .ingest-list > li .top-line > li em, .sd-widget.user-activity .ingest-list > li .top-line > li em {
          color: var(--color-text-lighter);
          margin-inline-end: 4px; }
        .sd-widget.ingest .ingest-list > li .top-line > li .state-label, .sd-widget.archive .ingest-list > li .top-line > li .state-label, .sd-widget.related-item .ingest-list > li .top-line > li .state-label, .sd-widget.aggregate .ingest-list > li .top-line > li .state-label, .sd-widget.package-manager .ingest-list > li .top-line > li .state-label, .sd-widget.packages .ingest-list > li .top-line > li .state-label, .sd-widget.user-activity .ingest-list > li .top-line > li .state-label {
          margin-block-start: 4px; }
        .sd-widget.ingest .ingest-list > li .top-line > li .type-icon, .sd-widget.archive .ingest-list > li .top-line > li .type-icon, .sd-widget.related-item .ingest-list > li .top-line > li .type-icon, .sd-widget.aggregate .ingest-list > li .top-line > li .type-icon, .sd-widget.package-manager .ingest-list > li .top-line > li .type-icon, .sd-widget.packages .ingest-list > li .top-line > li .type-icon, .sd-widget.user-activity .ingest-list > li .top-line > li .type-icon {
          opacity: 0.5;
          filter: "alpha(opacity=50)"; }
        .sd-widget.ingest .ingest-list > li .top-line > li .urgency-label, .sd-widget.archive .ingest-list > li .top-line > li .urgency-label, .sd-widget.related-item .ingest-list > li .top-line > li .urgency-label, .sd-widget.aggregate .ingest-list > li .top-line > li .urgency-label, .sd-widget.package-manager .ingest-list > li .top-line > li .urgency-label, .sd-widget.packages .ingest-list > li .top-line > li .urgency-label, .sd-widget.user-activity .ingest-list > li .top-line > li .urgency-label {
          margin-block-start: 2px; }
        .sd-widget.ingest .ingest-list > li .top-line > li:last-child, .sd-widget.archive .ingest-list > li .top-line > li:last-child, .sd-widget.related-item .ingest-list > li .top-line > li:last-child, .sd-widget.aggregate .ingest-list > li .top-line > li:last-child, .sd-widget.package-manager .ingest-list > li .top-line > li:last-child, .sd-widget.packages .ingest-list > li .top-line > li:last-child, .sd-widget.user-activity .ingest-list > li .top-line > li:last-child {
          border: 0; }
        .sd-widget.ingest .ingest-list > li .top-line > li time, .sd-widget.archive .ingest-list > li .top-line > li time, .sd-widget.related-item .ingest-list > li .top-line > li time, .sd-widget.aggregate .ingest-list > li .top-line > li time, .sd-widget.package-manager .ingest-list > li .top-line > li time, .sd-widget.packages .ingest-list > li .top-line > li time, .sd-widget.user-activity .ingest-list > li .top-line > li time {
          color: var(--color-text-lighter); }
    .sd-widget.ingest .ingest-list > li .main-line figure, .sd-widget.archive .ingest-list > li .main-line figure, .sd-widget.related-item .ingest-list > li .main-line figure, .sd-widget.aggregate .ingest-list > li .main-line figure, .sd-widget.package-manager .ingest-list > li .main-line figure, .sd-widget.packages .ingest-list > li .main-line figure, .sd-widget.user-activity .ingest-list > li .main-line figure {
      float: inline-start;
      margin-inline-end: 10px;
      border: 1px solid var(--sd-colour-line--x-light);
      padding: 2px;
      margin-block-start: 3px; }
      .sd-widget.ingest .ingest-list > li .main-line figure img, .sd-widget.archive .ingest-list > li .main-line figure img, .sd-widget.related-item .ingest-list > li .main-line figure img, .sd-widget.aggregate .ingest-list > li .main-line figure img, .sd-widget.package-manager .ingest-list > li .main-line figure img, .sd-widget.packages .ingest-list > li .main-line figure img, .sd-widget.user-activity .ingest-list > li .main-line figure img {
        height: 55px; }
    .sd-widget.ingest .ingest-list > li .main-line h5, .sd-widget.archive .ingest-list > li .main-line h5, .sd-widget.related-item .ingest-list > li .main-line h5, .sd-widget.aggregate .ingest-list > li .main-line h5, .sd-widget.package-manager .ingest-list > li .main-line h5, .sd-widget.packages .ingest-list > li .main-line h5, .sd-widget.user-activity .ingest-list > li .main-line h5 {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px; }
    .sd-widget.ingest .ingest-list > li.alert, .sd-widget.archive .ingest-list > li.alert, .sd-widget.related-item .ingest-list > li.alert, .sd-widget.aggregate .ingest-list > li.alert, .sd-widget.package-manager .ingest-list > li.alert, .sd-widget.packages .ingest-list > li.alert, .sd-widget.user-activity .ingest-list > li.alert {
      border: 0;
      border-radius: 0; }
    .sd-widget.ingest .ingest-list > li .pinned .content, .sd-widget.archive .ingest-list > li .pinned .content, .sd-widget.related-item .ingest-list > li .pinned .content, .sd-widget.aggregate .ingest-list > li .pinned .content, .sd-widget.package-manager .ingest-list > li .pinned .content, .sd-widget.packages .ingest-list > li .pinned .content, .sd-widget.user-activity .ingest-list > li .pinned .content {
      opacity: 0.4; }
    .sd-widget.ingest .ingest-list > li .pinned.pinned-instance, .sd-widget.archive .ingest-list > li .pinned.pinned-instance, .sd-widget.related-item .ingest-list > li .pinned.pinned-instance, .sd-widget.aggregate .ingest-list > li .pinned.pinned-instance, .sd-widget.package-manager .ingest-list > li .pinned.pinned-instance, .sd-widget.packages .ingest-list > li .pinned.pinned-instance, .sd-widget.user-activity .ingest-list > li .pinned.pinned-instance {
      padding: 10px 5px 5px;
      border-block-end: 0; }
      .sd-widget.ingest .ingest-list > li .pinned.pinned-instance .content, .sd-widget.archive .ingest-list > li .pinned.pinned-instance .content, .sd-widget.related-item .ingest-list > li .pinned.pinned-instance .content, .sd-widget.aggregate .ingest-list > li .pinned.pinned-instance .content, .sd-widget.package-manager .ingest-list > li .pinned.pinned-instance .content, .sd-widget.packages .ingest-list > li .pinned.pinned-instance .content, .sd-widget.user-activity .ingest-list > li .pinned.pinned-instance .content {
        padding: 5px;
        background: white;
        opacity: 1;
        border: 1px solid var(--sd-colour-line--light);
        border-radius: 3px; }
    .sd-widget.ingest .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.archive .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.related-item .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.aggregate .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.package-manager .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.packages .ingest-list > li:first-child .pinned.pinned-instance, .sd-widget.user-activity .ingest-list > li:first-child .pinned.pinned-instance {
      margin-block-start: 10px; }
    .sd-widget.ingest .ingest-list > li .basic.item-block .content p, .sd-widget.archive .ingest-list > li .basic.item-block .content p, .sd-widget.related-item .ingest-list > li .basic.item-block .content p, .sd-widget.aggregate .ingest-list > li .basic.item-block .content p, .sd-widget.package-manager .ingest-list > li .basic.item-block .content p, .sd-widget.packages .ingest-list > li .basic.item-block .content p, .sd-widget.user-activity .ingest-list > li .basic.item-block .content p {
      padding-inline-end: 15px; }
      .sd-widget.ingest .ingest-list > li .basic.item-block .content p i, .sd-widget.archive .ingest-list > li .basic.item-block .content p i, .sd-widget.related-item .ingest-list > li .basic.item-block .content p i, .sd-widget.aggregate .ingest-list > li .basic.item-block .content p i, .sd-widget.package-manager .ingest-list > li .basic.item-block .content p i, .sd-widget.packages .ingest-list > li .basic.item-block .content p i, .sd-widget.user-activity .ingest-list > li .basic.item-block .content p i {
        margin-block-start: -2px;
        height: 18px;
        padding-inline-start: 0;
        margin-inline-end: 4px;
        background-position-x: 0px;
        color: var(--color-text-light); }
    .sd-widget.ingest .ingest-list > li .pin-info, .sd-widget.archive .ingest-list > li .pin-info, .sd-widget.related-item .ingest-list > li .pin-info, .sd-widget.aggregate .ingest-list > li .pin-info, .sd-widget.package-manager .ingest-list > li .pin-info, .sd-widget.packages .ingest-list > li .pin-info, .sd-widget.user-activity .ingest-list > li .pin-info {
      text-transform: uppercase;
      font-size: 10px;
      color: var(--color-text-light); }
    .sd-widget.ingest .ingest-list > li .toggle-box, .sd-widget.archive .ingest-list > li .toggle-box, .sd-widget.related-item .ingest-list > li .toggle-box, .sd-widget.aggregate .ingest-list > li .toggle-box, .sd-widget.package-manager .ingest-list > li .toggle-box, .sd-widget.packages .ingest-list > li .toggle-box, .sd-widget.user-activity .ingest-list > li .toggle-box {
      margin-block-end: 0; }
  .sd-widget.ingest .ingest-list .active .item-block, .sd-widget.archive .ingest-list .active .item-block, .sd-widget.related-item .ingest-list .active .item-block, .sd-widget.aggregate .ingest-list .active .item-block, .sd-widget.package-manager .ingest-list .active .item-block, .sd-widget.packages .ingest-list .active .item-block, .sd-widget.user-activity .ingest-list .active .item-block {
    background: #eff7fa; }
  .sd-widget.ingest .ingest-list.simple-list, .sd-widget.archive .ingest-list.simple-list, .sd-widget.related-item .ingest-list.simple-list, .sd-widget.aggregate .ingest-list.simple-list, .sd-widget.package-manager .ingest-list.simple-list, .sd-widget.packages .ingest-list.simple-list, .sd-widget.user-activity .ingest-list.simple-list {
    margin-block-start: 1.6rem; }

.sd-widget.ingest .main-list, .sd-widget.archive .main-list, .sd-widget.related-item .main-list, .sd-widget.aggregate .main-list, .sd-widget.package-manager .main-list, .sd-widget.packages .main-list, .sd-widget.user-activity .main-list {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-block-start: 34px;
  width: 100%;
  transition: all ease 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .sd-widget.ingest .main-list.wrap, .sd-widget.archive .main-list.wrap, .sd-widget.related-item .main-list.wrap, .sd-widget.aggregate .main-list.wrap, .sd-widget.package-manager .main-list.wrap, .sd-widget.packages .main-list.wrap, .sd-widget.user-activity .main-list.wrap {
    inset-inline-start: -100%;
    inset-inline-end: auto;
    overflow: hidden; }
    .sd-widget.ingest .main-list.wrap .scroll-shadow, .sd-widget.archive .main-list.wrap .scroll-shadow, .sd-widget.related-item .main-list.wrap .scroll-shadow, .sd-widget.aggregate .main-list.wrap .scroll-shadow, .sd-widget.package-manager .main-list.wrap .scroll-shadow, .sd-widget.packages .main-list.wrap .scroll-shadow, .sd-widget.user-activity .main-list.wrap .scroll-shadow {
      display: none; }
    .sd-widget.ingest .main-list.wrap .content-list-holder, .sd-widget.archive .main-list.wrap .content-list-holder, .sd-widget.related-item .main-list.wrap .content-list-holder, .sd-widget.aggregate .main-list.wrap .content-list-holder, .sd-widget.package-manager .main-list.wrap .content-list-holder, .sd-widget.packages .main-list.wrap .content-list-holder, .sd-widget.user-activity .main-list.wrap .content-list-holder {
      overflow: hidden !important; }
  .sd-widget.ingest .main-list.custom-widget, .sd-widget.archive .main-list.custom-widget, .sd-widget.related-item .main-list.custom-widget, .sd-widget.aggregate .main-list.custom-widget, .sd-widget.package-manager .main-list.custom-widget, .sd-widget.packages .main-list.custom-widget, .sd-widget.user-activity .main-list.custom-widget {
    inset-block-end: 50%; }

.sd-widget.ingest .preview, .sd-widget.archive .preview, .sd-widget.related-item .preview, .sd-widget.aggregate .preview, .sd-widget.package-manager .preview, .sd-widget.packages .preview, .sd-widget.user-activity .preview {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  inset-block-end: 0;
  inset-block-start: 38px;
  transition: all ease 0.2s; }
  .sd-widget.ingest .preview.custom-widget, .sd-widget.archive .preview.custom-widget, .sd-widget.related-item .preview.custom-widget, .sd-widget.aggregate .preview.custom-widget, .sd-widget.package-manager .preview.custom-widget, .sd-widget.packages .preview.custom-widget, .sd-widget.user-activity .preview.custom-widget {
    inset-block-start: 50%; }
  .sd-widget.ingest .preview .nav, .sd-widget.archive .preview .nav, .sd-widget.related-item .preview .nav, .sd-widget.aggregate .preview .nav, .sd-widget.package-manager .preview .nav, .sd-widget.packages .preview .nav, .sd-widget.user-activity .preview .nav {
    height: 34px;
    display: flex;
    align-items: center;
    background: var(--sd-colour-panel-bg--100);
    padding: 0 10px;
    border-block-end: 1px solid var(--sd-colour-line--light); }
  .sd-widget.ingest .preview .open, .sd-widget.ingest .preview .associate, .sd-widget.archive .preview .open, .sd-widget.archive .preview .associate, .sd-widget.related-item .preview .open, .sd-widget.related-item .preview .associate, .sd-widget.aggregate .preview .open, .sd-widget.aggregate .preview .associate, .sd-widget.package-manager .preview .open, .sd-widget.package-manager .preview .associate, .sd-widget.packages .preview .open, .sd-widget.packages .preview .associate, .sd-widget.user-activity .preview .open, .sd-widget.user-activity .preview .associate {
    border: 0;
    background: 0;
    padding: 0 8px;
    color: var(--color-text);
    line-height: 34px;
    box-sizing: border-box; }
    .sd-widget.ingest .preview .open span, .sd-widget.ingest .preview .associate span, .sd-widget.archive .preview .open span, .sd-widget.archive .preview .associate span, .sd-widget.related-item .preview .open span, .sd-widget.related-item .preview .associate span, .sd-widget.aggregate .preview .open span, .sd-widget.aggregate .preview .associate span, .sd-widget.package-manager .preview .open span, .sd-widget.package-manager .preview .associate span, .sd-widget.packages .preview .open span, .sd-widget.packages .preview .associate span, .sd-widget.user-activity .preview .open span, .sd-widget.user-activity .preview .associate span {
      line-height: 24px; }
    .sd-widget.ingest .preview .open i, .sd-widget.ingest .preview .associate i, .sd-widget.archive .preview .open i, .sd-widget.archive .preview .associate i, .sd-widget.related-item .preview .open i, .sd-widget.related-item .preview .associate i, .sd-widget.aggregate .preview .open i, .sd-widget.aggregate .preview .associate i, .sd-widget.package-manager .preview .open i, .sd-widget.package-manager .preview .associate i, .sd-widget.packages .preview .open i, .sd-widget.packages .preview .associate i, .sd-widget.user-activity .preview .open i, .sd-widget.user-activity .preview .associate i {
      margin-block-start: 3px;
      margin-inline-end: 5px;
      opacity: 0.4;
      filter: "alpha(opacity=40)"; }
    .sd-widget.ingest .preview .open:hover i, .sd-widget.ingest .preview .associate:hover i, .sd-widget.archive .preview .open:hover i, .sd-widget.archive .preview .associate:hover i, .sd-widget.related-item .preview .open:hover i, .sd-widget.related-item .preview .associate:hover i, .sd-widget.aggregate .preview .open:hover i, .sd-widget.aggregate .preview .associate:hover i, .sd-widget.package-manager .preview .open:hover i, .sd-widget.package-manager .preview .associate:hover i, .sd-widget.packages .preview .open:hover i, .sd-widget.packages .preview .associate:hover i, .sd-widget.user-activity .preview .open:hover i, .sd-widget.user-activity .preview .associate:hover i {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .sd-widget.ingest .preview .state-label, .sd-widget.archive .preview .state-label, .sd-widget.related-item .preview .state-label, .sd-widget.aggregate .preview .state-label, .sd-widget.package-manager .preview .state-label, .sd-widget.packages .preview .state-label, .sd-widget.user-activity .preview .state-label {
    margin-block-start: 5px; }
  .sd-widget.ingest .preview .content-item-preview .content-container, .sd-widget.archive .preview .content-item-preview .content-container, .sd-widget.related-item .preview .content-item-preview .content-container, .sd-widget.aggregate .preview .content-item-preview .content-container, .sd-widget.package-manager .preview .content-item-preview .content-container, .sd-widget.packages .preview .content-item-preview .content-container, .sd-widget.user-activity .preview .content-item-preview .content-container {
    inset-block-start: 36px; }
    .sd-widget.ingest .preview .content-item-preview .content-container img, .sd-widget.archive .preview .content-item-preview .content-container img, .sd-widget.related-item .preview .content-item-preview .content-container img, .sd-widget.aggregate .preview .content-item-preview .content-container img, .sd-widget.package-manager .preview .content-item-preview .content-container img, .sd-widget.packages .preview .content-item-preview .content-container img, .sd-widget.user-activity .preview .content-item-preview .content-container img {
      max-width: 100%;
      height: auto; }
  .sd-widget.ingest .preview.wrap, .sd-widget.archive .preview.wrap, .sd-widget.related-item .preview.wrap, .sd-widget.aggregate .preview.wrap, .sd-widget.package-manager .preview.wrap, .sd-widget.packages .preview.wrap, .sd-widget.user-activity .preview.wrap {
    inset-inline-start: 100%; }
    .sd-widget.ingest .preview.wrap .scroll-shadow, .sd-widget.archive .preview.wrap .scroll-shadow, .sd-widget.related-item .preview.wrap .scroll-shadow, .sd-widget.aggregate .preview.wrap .scroll-shadow, .sd-widget.package-manager .preview.wrap .scroll-shadow, .sd-widget.packages .preview.wrap .scroll-shadow, .sd-widget.user-activity .preview.wrap .scroll-shadow {
      display: none; }

.sd-widget.related-item .preview .content-item-preview {
  position: static;
  width: 325px; }

.widget-ingest .ingest-list-holder, .widget-archive .ingest-list-holder, .widget-related-item .ingest-list-holder {
  background: var(--sd-colour-panel-bg--100); }

.widget-ingest .ingest-list, .widget-archive .ingest-list, .widget-related-item .ingest-list {
  padding: 12px 12px 3.2rem; }
  .widget-ingest .ingest-list > li .item-block, .widget-archive .ingest-list > li .item-block, .widget-related-item .ingest-list > li .item-block {
    border-color: var(--sd-colour-line--medium);
    padding: 12px 0; }
    .widget-ingest .ingest-list > li .item-block.pinned.pinned-instance, .widget-archive .ingest-list > li .item-block.pinned.pinned-instance, .widget-related-item .ingest-list > li .item-block.pinned.pinned-instance {
      padding: 0 0 12px 0; }
  .widget-ingest .ingest-list > li.active .item-block.pinned, .widget-archive .ingest-list > li.active .item-block.pinned, .widget-related-item .ingest-list > li.active .item-block.pinned {
    background: none; }
    .widget-ingest .ingest-list > li.active .item-block.pinned .content, .widget-archive .ingest-list > li.active .item-block.pinned .content, .widget-related-item .ingest-list > li.active .item-block.pinned .content {
      background: #eff7fa; }
  .widget-ingest .ingest-list > li .top-line > li, .widget-archive .ingest-list > li .top-line > li, .widget-related-item .ingest-list > li .top-line > li {
    border: 0; }
  .widget-ingest .ingest-list > li .main-line h5, .widget-archive .ingest-list > li .main-line h5, .widget-related-item .ingest-list > li .main-line h5 {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: var(--sd-colour-bg--02);
    font-size: 13px;
    line-height: 20px; }

.tabpane.widget-ingest .sd-widget .widget-mode, .tabpane.widget-archive .sd-widget .widget-mode, .tabpane.widget-related-item .sd-widget .widget-mode {
  margin: 0;
  padding: 10px 5px; }
  .tabpane.widget-ingest .sd-widget .widget-mode time, .tabpane.widget-archive .sd-widget .widget-mode time, .tabpane.widget-related-item .sd-widget .widget-mode time {
    font-size: 11px;
    color: var(--color-text-lighter);
    text-align: end;
    display: inline-block;
    margin: 4px 10px 0 0; }

.tabpane.widget-ingest .sd-widget .main-list, .tabpane.widget-archive .sd-widget .main-list, .tabpane.widget-related-item .sd-widget .main-list {
  inset-block-start: 0px; }

.tabpane.widget-ingest .sd-widget .existing-items, .tabpane.widget-archive .sd-widget .existing-items, .tabpane.widget-related-item .sd-widget .existing-items {
  inset-block-start: -35px; }

.tabpane.widget-ingest .sd-widget .ingest-list-holder, .tabpane.widget-archive .sd-widget .ingest-list-holder, .tabpane.widget-related-item .sd-widget .ingest-list-holder {
  inset-block-end: 0; }

.tabpane.widget-ingest .sd-widget .preview, .tabpane.widget-archive .sd-widget .preview, .tabpane.widget-related-item .sd-widget .preview {
  inset-block-start: 44px; }

.tabpane.widget-related-item .boxed-list__static-actions .more-activity-toggle {
  height: 2.4rem;
  width: 2.4rem;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static; }
  .tabpane.widget-related-item .boxed-list__static-actions .more-activity-toggle i {
    margin: 0;
    vertical-align: middle; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
/*
---------------------------------------------
TASK PAGE
---------------------------------------------
*/
.task-labels {
  list-style-type: none;
  padding: 0;
  margin: 5px 0 0; }

.task-label, .task-labels > li {
  float: inline-start;
  margin-inline-end: 4px;
  background: #eee;
  border-radius: 3px;
  height: 18px;
  line-height: 18px;
  color: #444;
  padding: 2px 5px;
  min-height: auto;
  font-size: 10px; }
  .task-label i, .task-labels > li i {
    opacity: 0.7;
    filter: "alpha(opacity=70)"; }
  .task-label.urgent, .task-labels > li.urgent {
    background-color: #ba7474; }
  .task-label.critical, .task-labels > li.critical {
    background-color: #8b0000; }
  .task-label.done, .task-labels > li.done {
    background-color: #288001; }

.task-list > header {
  padding: 10px; }
  .task-list > header .card .header {
    min-height: 24px; }
  .task-list > header .card .title {
    padding: 3px 0;
    line-height: 18px;
    min-height: 18px; }
  .task-list > header button {
    border: 0;
    background: none; }
  .task-list > header .switch-view {
    float: inline-start;
    margin-inline-end: 30px; }
    .task-list > header .switch-view button {
      display: inline-block;
      border-radius: 3px;
      height: 30px;
      box-sizing: border-box;
      padding: 0 10px;
      line-height: 30px;
      color: #4f4f4f;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px; }
      .task-list > header .switch-view button:hover {
        background: #e4e4e4; }
      .task-list > header .switch-view button.active {
        background: #ddd;
        color: #000;
        box-shadow: inset 0 2px 0 #ccc; }
  .task-list > header .status-tabs {
    float: inline-start;
    margin: -10px 0; }
    .task-list > header .status-tabs li button {
      text-transform: uppercase;
      font-size: 12px; }
    .task-list > header .status-tabs li.active button {
      border-block-end: 3px solid #596473;
      padding-block-end: 6px; }
      .task-list > header .status-tabs li.active button.todo {
        border-bottom-color: #b70000; }
      .task-list > header .status-tabs li.active button.in_progress {
        border-bottom-color: #cc7800; }
      .task-list > header .status-tabs li.active button.done {
        border-bottom-color: #288001; }

.task-list {
  white-space: nowrap; }
  .task-list .content {
    padding: 20px;
    white-space: nowrap;
    overflow: auto; }
  .task-list .card .title {
    font-weight: 500; }
  .task-list .card .marker {
    width: 4px;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    border-radius: 2px 0 0 2px; }
    .task-list .card .marker.todo {
      background: #b70000; }
    .task-list .card .marker.in_progress {
      background: #cc7800; }
    .task-list .card .marker.done {
      background: #288001; }
  .task-list .board-holder {
    width: 300px;
    display: inline-block;
    vertical-align: top; }
  .task-list .board {
    min-height: 500px;
    margin-inline-end: 20px; }
    .task-list .board header {
      text-transform: uppercase;
      font-size: 11px;
      color: var(--color-text);
      line-height: 24px;
      font-weight: 500;
      border-block-end: 4px solid #596473; }
      .task-list .board header.todo {
        border-bottom-color: #b70000; }
      .task-list .board header.in_progress {
        border-bottom-color: #cc7800; }
      .task-list .board header.done {
        border-bottom-color: #288001; }
    .task-list .board .card-list > li {
      margin-block-start: 5px;
      background: #fff;
      padding: 5px;
      min-height: 24px;
      position: relative !important;
      height: auto !important; }
      .task-list .board .card-list > li .title {
        padding: 0 10px;
        font-size: 13px;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
        color: var(--color-text);
        min-height: 24px;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .task-list .board .card-list > li:hover .title {
        padding: 0 45px 0 10px; }
      .task-list .board .card-list > li .action .item-field a {
        padding: 0 10px;
        line-height: 40px; }

.create-task-popup .modal-body textarea {
  resize: none; }

.create-task-popup .modal-body .title {
  border: 0 !important;
  border-block-end: 1px solid var(--sd-colour-line--light) !important;
  padding: 5px 20px;
  font-weight: 400;
  height: 40px;
  font-size: 18px;
  line-height: 28px; }
  .create-task-popup .modal-body .title:focus {
    box-shadow: none !important; }

.create-task-popup .modal-body fieldset.full {
  margin: -20px -20px 15px; }

.create-task-popup .modal-body fieldset.due {
  margin: -0 -15px;
  position: relative; }
  .create-task-popup .modal-body fieldset.due .break {
    height: 1px;
    background: #dcdcdc;
    margin: 10px 15px 0; }
  .create-task-popup .modal-body fieldset.due label {
    float: inline-start;
    background: var(--sd-colour-panel-bg--100);
    padding: 0 10px 0 0;
    margin: -10px 15px 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    font-weight: 500; }
  .create-task-popup .modal-body fieldset.due .field {
    width: 50%;
    float: inline-start;
    padding: 0 15px; }
    .create-task-popup .modal-body fieldset.due .field.clear {
      clear: left; }

.create-task-popup .modal-body .description {
  height: 28px;
  padding: 5px;
  border: 1px solid #dfdfdf !important;
  margin-block-end: 15px; }
  .create-task-popup .modal-body .description:focus {
    border-color: #ccc !important; }

.create-task-popup .modal-body .assignee-box {
  margin-block-end: 15px; }

.stages-list {
  float: none;
  margin-block-start: 3px; }

.stage-label a, .stage-label button {
  background: #fff;
  border-color: #d7d7d7 !important;
  color: var(--color-text) !important; }
  .stage-label a:hover, .stage-label button:hover {
    border-color: #505050 !important;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); }

.stage-label.active a {
  background: #505050 !important;
  border-color: #505050 !important;
  border-block-start: 0 !important;
  color: #fff !important;
  box-shadow: inset 0 2px 0px #373737 !important; }
  .stage-label.active a:hover {
    background: #505050 !important; }

/*

.add-comment-box {
    width: 100%;
    @include box-sizing(border-box);
    background: $background-main;
    border: 1px solid #e1e1e1;
    padding: 10px;
    @include border-radius(5px);
    margin-block-end: 15px;
    text-align: end;

    textarea {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 62px;
        line-height: 20px;
        @include box-sizing(border-box);
        @include border-radius(3px);
        padding: 10px;
        border-color: #adadad;
        @include box-shadow(0px 1px 0px 0px #fff);
        @include box-shadow(inset 0px 3px 6px -3px #a8a8a8);
        font-size: 14px;
        color: #444;
        text-align: start;
    }

    .btn {
        margin-inline-start: 5px;
        margin-block-start: 10px;
        display: none;
    }

    &.focused {
        .btn {
            display: inline-block;
        }
    }

}

.comment-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
        padding-block-end: 15px;
        margin-block-end: 8px;
        position: relative;
        .comment-info {
            figure {
                border: 1px solid #b9b9b9;
                float: inline-start;
                margin-inline-end: 10px;
                    img {
                        width: 30px;
                        height: 30px;
                    }
            }
            b {
                font-size: 12px;
                display: block;
                line-height: 14px;
                color: #007fb3;
            }
            time {
                font-size: 11px;
                color: #aeaeae;

            }
        }
        .comment-text {
            font-size: 13px;
            color: #303030;
            line-height: 18px;
            border-block-start: 1px solid #ddd;
            padding-block-start: 5px;
            margin: 10px 0 3px 42px;
            position: relative;
            &:before {
                content: " ";
                width: 9px;
                height: 9px;
                position: absolute;
                background: url(~images/comment-ballon.png) no-repeat 0 0;
                inset-block-start: -9px;
                inset-inline-start:15px;
            }
        }
        .action-menu {
            @include generic-inline-action-menu();
        }
        &:hover {
            .action-menu {
                display: block;
            }
        }
    }

}

*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.world-clock .widget-content .clock-container {
  height: 185px;
  overflow: hidden;
  display: flex; }
  .world-clock .widget-content .clock-container > div:first-child .clock-box:first-child {
    border-inline-start: 0 !important; }

.world-clock .widget-content .clock-item {
  display: contents; }

.world-clock .widget-content .clock-box {
  min-height: 185px;
  border-inline-start: 1px solid var(--sd-colour-line--medium);
  min-width: 106px;
  text-align: center;
  flex: 1 1 auto; }
  .world-clock .widget-content .clock-box header {
    color: var(--color-text);
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 0 0;
    text-align: center; }
  .world-clock .widget-content .clock-box .wclock {
    width: 100%;
    height: 100px;
    text-align: center; }
  .world-clock .widget-content .clock-box time {
    display: block;
    font-size: 12px;
    color: var(--color-text);
    margin-block-start: 4px;
    text-align: center; }
  .world-clock .widget-content .clock-box .date {
    display: block;
    color: var(--color-text-lighter);
    font-size: 11px;
    text-align: center; }
  .world-clock .widget-content .clock-box.digital {
    background-color: var(--sd-colour-bg--02);
    color: var(--sd-colour-bg--99); }
    .world-clock .widget-content .clock-box.digital header {
      color: var(--sd-colour-bg--99); }
    .world-clock .widget-content .clock-box.digital time {
      padding-block-start: 27px;
      margin-block-end: 15px;
      font-size: 34px;
      height: 45px;
      vertical-align: middle;
      color: var(--sd-colour-interactive--lighten-30); }

.world-clock.widget-config .nav-tabs {
  border-block-end: 1px solid var(--sd-colour-line--medium); }

.world-clock.widget-config .tab-content {
  padding: 20px;
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-block-start: 48px;
  margin: 0;
  padding: 20px;
  display: block;
  width: auto; }

.world-clock.widget-config .list-group {
  max-width: 100%;
  max-height: 280px;
  overflow: auto; }
  .world-clock.widget-config .list-group::-webkit-scrollbar {
    width: 10px;
    border-inline-start: 3px solid var(--color-modal-Bg); }
  .world-clock.widget-config .list-group::-webkit-scrollbar-thumb {
    border-radius: 2px;
    border-inline-start: 3px solid var(--color-modal-Bg);
    background: var(--sd-colour-line--medium); }
.close-desk-widget-content {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 8px;
  inset-block-end: 8px;
  inset-inline-start: 8px;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  .close-desk-widget-content .space-eater {
    flex-grow: 1; }
  .close-desk-widget-content .simple-list {
    padding: 0; }

.widget-list li.widget.close-desk .thumbnail {
  background-color: #e55028; }

.widget-detail .thumbnail-box.close-desk {
  background-color: #e55028; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.activity .activity-holder {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-color: var(--sd-colour__dashboard-widget-Bg); }
  .sd-widget.activity .activity-holder .shadow-list-holder {
    padding: 0 10px; }

.sd-widget.activity .activity-log li.with-date {
  margin-block-start: 25px; }
  .sd-widget.activity .activity-log li.with-date .date {
    border-block-start: 0;
    inset-block-start: -15px; }
    .sd-widget.activity .activity-log li.with-date .date span {
      float: none;
      padding: 3px 5px;
      color: var(--color-text);
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 500; }

.sd-widget.activity .activity-log li:hover {
  box-shadow: none; }

.sd-widget.activity .activity-load-more {
  margin: 14px 0 12px; }

.sd-widget.activity .activity-log ul li.activity .activity-content p {
  font-weight: 300;
  font-size: 12px; }
  .sd-widget.activity .activity-log ul li.activity .activity-content p b {
    font-weight: 600; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.upload-avatar .modal-content {
  flex: 0 0 750px !important; }

.upload-avatar .main .computer .info {
  font-size: 12px;
  color: var(--sd-colour-interactive);
  padding: 10px;
  text-align: center; }

.upload-avatar .remove-avatar {
  cursor: pointer; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.user-roles-settings .new-role-modal {
  width: 299px;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  margin-inline-start: -150px; }
  .user-roles-settings .new-role-modal .content .field {
    margin-block-end: 10px; }
    .user-roles-settings .new-role-modal .content .field textarea {
      height: 22px; }

.user-roles-settings .label.default {
  font-size: 9px;
  font-weight: 600;
  padding: 2px 5px;
  line-height: 12px;
  margin-inline-start: 5px;
  text-transform: uppercase; }

.privileges-settings {
  padding: 0;
  overflow: auto !important; }
  .privileges-settings table {
    padding: 20px; }
  .privileges-settings thead tr .label {
    position: absolute;
    inset-block-start: -6px;
    inset-inline-start: 17%;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 9px;
    line-height: 10px;
    height: 13px;
    letter-spacing: 0.1em;
    box-sizing: border-box; }
  .privileges-settings thead tr th {
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
    text-align: center;
    border: 1px solid var(--sd-colour-line--medium) !important;
    border-inline-end: 0 !important;
    border-color: var(--sd-colour-line--medium) !important;
    background: var(--sd-item__main-Bg);
    padding: 10px 16px;
    white-space: nowrap;
    z-index: 1; }
  .privileges-settings thead tr .name {
    min-width: 270px; }
  .privileges-settings thead tr input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    margin-inline-end: 5px; }
  .privileges-settings td {
    padding: 10px 16px;
    border-block-end: 1px solid var(--sd-colour-line--medium);
    border-inline-start: 1px solid var(--sd-colour-line--medium);
    border-block-start: 0;
    text-align: center;
    word-wrap: break-word;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none; }
  .privileges-settings .name {
    min-width: 270px;
    font-size: 11px;
    line-height: 1.1;
    text-align: start;
    border-inline-start: 0 !important;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 500;
    max-width: 270px;
    color: var(--color-text-light); }
    .privileges-settings .name > div {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
  .privileges-settings .role-field {
    min-width: 90px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.users .users-subnav .multiple-action {
  margin-inline-start: 30px;
  float: inline-start; }

.disabled-label {
  background: #c8a1a8;
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  height: 13px;
  line-height: 13px;
  padding: 0 8px;
  border-radius: 2px;
  margin-inline-start: 10px; }

.users-table {
  border-block-start: 2px solid var(--sd-colour-line--medium); }
  .users-table .table-header {
    background: var(--sd-item__main-Bg); }
  .users-table .table-title {
    height: 30px;
    font-size: 11px;
    color: var(--color-text-light);
    line-height: 30px;
    font-weight: 300;
    text-transform: uppercase; }
  .users-table .table-newest {
    margin: 0 0 30px;
    background: var(--sd-item__main-Bg--alternate);
    border-block-start: 1px solid var(--sd-colour-line--medium); }
  .users-table .table-body {
    margin-block-start: -1px; }
  .users-table .table-body {
    background: var(--sd-item__main-Bg);
    border-block-start: 1px solid var(--sd-colour-line--medium); }
  .users-table .table-header > li, .users-table .table-newest > li, .users-table .table-body > li {
    height: 40px;
    border-block-end: 1px solid var(--sd-colour-line--light);
    position: relative;
    clear: both; }
    .users-table .table-header > li > div:not(.tooltip), .users-table .table-newest > li > div:not(.tooltip), .users-table .table-body > li > div:not(.tooltip) {
      float: inline-start;
      height: 30px;
      padding: 5px;
      line-height: 30px; }
      .users-table .table-header > li > div:not(.tooltip).chckbx, .users-table .table-newest > li > div:not(.tooltip).chckbx, .users-table .table-body > li > div:not(.tooltip).chckbx {
        width: 25px;
        text-align: center; }
        .users-table .table-header > li > div:not(.tooltip).chckbx span, .users-table .table-newest > li > div:not(.tooltip).chckbx span, .users-table .table-body > li > div:not(.tooltip).chckbx span {
          vertical-align: middle;
          margin: 0; }
      .users-table .table-header > li > div:not(.tooltip).row-wrapper, .users-table .table-newest > li > div:not(.tooltip).row-wrapper, .users-table .table-body > li > div:not(.tooltip).row-wrapper {
        position: absolute;
        inset-inline-start: 60px;
        inset-inline-end: 92px;
        inset-block-start: 5px;
        padding: 0; }
        .users-table .table-header > li > div:not(.tooltip).row-wrapper > div, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div {
          color: var(--color-text);
          float: inline-start;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding: 0 5px;
          height: 30px; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.name {
            font-weight: 500; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.email {
            color: var(--sd-colour-interactive);
            font-weight: 300; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.created {
            font-size: 11px;
            color: var(--color-text-light); }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.name, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.name {
            width: 28%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.role, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.role, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.role {
            width: 16%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.username, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.username, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.username {
            width: 14%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.email, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.email {
            width: 30%; }
          .users-table .table-header > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-newest > li > div:not(.tooltip).row-wrapper > div.created, .users-table .table-body > li > div:not(.tooltip).row-wrapper > div.created {
            width: 12%; }
      .users-table .table-header > li > div:not(.tooltip).action, .users-table .table-newest > li > div:not(.tooltip).action, .users-table .table-body > li > div:not(.tooltip).action {
        float: inline-end;
        width: 82px;
        line-height: 18px !important; }
    .users-table .table-header > li.inactive .row-wrapper > div, .users-table .table-newest > li.inactive .row-wrapper > div, .users-table .table-body > li.inactive .row-wrapper > div {
      color: var(--color-text-light); }
      .users-table .table-header > li.inactive .row-wrapper > div.email, .users-table .table-newest > li.inactive .row-wrapper > div.email, .users-table .table-body > li.inactive .row-wrapper > div.email {
        opacity: 0.75; }
  .users-table .table-header > li > div, .users-table .table-header .name, .users-table .table-header .email, .users-table .table-header .created {
    color: var(--color-text) !important;
    font-size: 13px !important;
    font-weight: 500; }
  .users-table .table-header .sortable i {
    margin: -2px 0 0 5px; }
  .users-table .table-header .sortable:hover {
    cursor: pointer; }
  .users-table .table-body > li.selected, .users-table .table-newest > li.selected {
    background: var(--sd-item__main-Bg--selected); }
  .users-table .table-body > li:hover, .users-table .table-newest > li:hover {
    background: var(--sd-item__main-Bg--hover);
    cursor: pointer; }
  .users-table .table-body > li > div.action, .users-table .table-newest > li > div.action {
    padding: 0;
    height: 40px; }
    .users-table .table-body > li > div.action .item-functions, .users-table .table-newest > li > div.action .item-functions {
      display: none; }
      .users-table .table-body > li > div.action .item-functions li, .users-table .table-newest > li > div.action .item-functions li {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 40px;
        text-align: center; }
        .users-table .table-body > li > div.action .item-functions li span, .users-table .table-newest > li > div.action .item-functions li span {
          display: none; }
        .users-table .table-body > li > div.action .item-functions li:hover, .users-table .table-newest > li > div.action .item-functions li:hover {
          background-color: transparent; }
  .users-table .table-body > li:hover > div.action .item-functions, .users-table .table-newest > li:hover > div.action .item-functions {
    display: flex;
    align-items: center; }
  .users-table .alert {
    height: auto !important;
    border-radius: 2px;
    border-width: 0 0 1px; }
    .users-table .alert.alert-info {
      border-color: var(--sd-colour-interactive--alpha-40); }
      .users-table .alert.alert-info:hover {
        background: var(--sd-colour-interactive--alpha-20); }

/*
====================================================
    User detail pane
====================================================
*/
.preferences__content .simple-list--users > .simple-list__item:first-child {
  padding-block-start: 0; }

.user-details-pane {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  position: relative;
  width: 100%;
  height: 100%; }
  .user-details-pane .profile-info,
  .user-details-pane .preferences {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    max-width: 1000px;
    min-width: 600px; }
  .user-details-pane .profile-info__content,
  .user-details-pane .preferences__content {
    padding: 24px 0 0 0;
    overflow-y: auto; }
  .user-details-pane .preferences__content {
    padding: 24px 20px; }
  .user-details-pane .profile-info__navigation,
  .user-details-pane .preferences__navigation {
    position: relative;
    overflow-y: auto;
    width: 216px; }
    .user-details-pane .profile-info__navigation .sd-left-nav,
    .user-details-pane .preferences__navigation .sd-left-nav {
      position: fixed; }
  .user-details-pane > header {
    grid-row: 1 / 2;
    height: 48px;
    border-block-end: none;
    z-index: 1; }
    .user-details-pane > header .nav-tabs {
      padding: 0 10px; }
  .user-details-pane > .content {
    grid-row: 2 / 3;
    height: 100%;
    padding: 0;
    overflow-y: auto;
    background-color: var(--sd-colour-panel-bg--100); }
  .user-details-pane .action-bar {
    inset-block-start: -48px; }
    .user-details-pane .action-bar.show {
      inset-block-start: 0;
      z-index: 2; }
  .user-details-pane .header-info {
    padding: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .user-details-pane .header-info h2 {
      text-align: center;
      font-size: 23px;
      line-height: 1;
      margin: 10px 0 4px 0;
      padding: 0 20px; }
    .user-details-pane .header-info h5 {
      text-align: center;
      font-size: 18px;
      font-weight: normal;
      line-height: 1;
      padding: 2px 0;
      margin-block-end: 6px;
      color: var(--sd-colour-interactive); }
    .user-details-pane .header-info .field__member_since {
      display: flex;
      margin: 0 auto;
      align-items: center;
      justify-content: center;
      gap: 4px; }
  .user-details-pane .date-time {
    color: var(--color-text-light);
    font-weight: 300; }
  .user-details-pane .details-info {
    padding: 0 20px;
    position: relative;
    scroll-behavior: smooth; }
  .user-details-pane .error-holder {
    height: 40px;
    margin: 0 -20px; }
    .user-details-pane .error-holder .alert {
      padding: 10px 20px; }
  .user-details-pane .validation-error {
    color: #ab3434;
    font-size: 12px;
    margin-block-start: 5px;
    margin-block-end: 0; }
  .user-details-pane .validation-info {
    font-size: 11px;
    color: var(--color-text-light); }
  .user-details-pane .profile-pic {
    display: flex;
    position: relative;
    justify-content: center;
    position: relative; }
  .user-details-pane .profile-pic__change {
    position: absolute;
    inset-block-end: -2px;
    inset-inline-end: -4px;
    background-color: var(--sd-item__main-Bg);
    border-radius: var(--b-radius--full);
    opacity: 0.75;
    transition: opacity 0.2s ease; }
    .user-details-pane .profile-pic__change:hover {
      opacity: 1; }
  .user-details-pane .alert {
    border-radius: 2px; }
  .user-details-pane .ng-invalid-required .required-info {
    display: inline-block !important; }

.modal.user-profile-page .modal__body {
  height: calc(100vh - 180px);
  border-radius: 0 0 4px 4px; }

.modal.user-profile-page .user-details-pane {
  position: static; }
  .modal.user-profile-page .user-details-pane ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    margin: -1px 0;
    position: fixed;
    inset-inline-end: 10px; }
  .modal.user-profile-page .user-details-pane ::-webkit-scrollbar:hover {
    background-color: var(--sd-colour__webkit-scrollbar--hover);
    cursor: pointer; }
  .modal.user-profile-page .user-details-pane ::-webkit-scrollbar-thumb {
    background: var(--sd-colour__webkit-scrollbar-thumb); }
  .modal.user-profile-page .user-details-pane ::-webkit-scrollbar-thumb:hover {
    background: var(--sd-colour__webkit-scrollbar-thumb--hover);
    cursor: pointer; }

.modal.user-profile-page .details-info {
  inset-block-end: 58px; }

.modal.user-profile-page .action-bar {
  inset-block-start: auto !important;
  inset-block-end: 0;
  border-block-start: 1px solid var(--sd-colour-line--light);
  border-block-end: 0; }

/*
==============================================
Profile page styles
==============================================
*/
.user-profile-page .user-details-pane {
  padding: 0;
  height: 100%; }

.profile-activity-container {
  padding: 0;
  background-color: var(--sd-colour-panel-bg--100);
  height: 100%;
  display: flex;
  overflow-y: auto;
  overflow-x: hidden; }
  .profile-activity-container::-webkit-scrollbar {
    width: 10px;
    border-inline-start: 0; }
  .profile-activity-container::-webkit-scrollbar-thumb {
    border-inline-end: 2px solid var(--sd-colour-panel-bg--100);
    border-inline-start: 0; }
  .profile-activity-container > .btn {
    margin: 10px 0 20px; }
  .profile-activity-container .profile-activity {
    height: 100%;
    overflow: auto;
    width: clamp(200px, 40vw, 380px);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    border-inline-end: 1px solid var(--sd-colour-line--light); }
    .profile-activity-container .profile-activity .activity-header {
      grid-column: 1/2;
      grid-row: 1/2;
      height: 48px;
      display: flex;
      align-items: center;
      box-shadow: 0 1px 0 var(--sd-colour-line--light);
      z-index: 1; }
      .profile-activity-container .profile-activity .activity-header h6 {
        line-height: 1;
        font-weight: normal;
        font-size: 16px;
        color: var(--color-text-light);
        text-transform: none;
        padding-inline-start: 24px;
        margin: 0; }
    .profile-activity-container .profile-activity div[sd-activity] {
      grid-column: 1/2;
      grid-row: 2/2;
      overflow-y: auto;
      padding: 1.6rem 2.4rem; }
    .profile-activity-container .profile-activity .group-date {
      margin-block-start: 20px;
      margin-block-end: 16px;
      color: var(--color-text-light);
      font-size: 11px;
      font-weight: 500;
      height: 1px;
      border-block-start: 1px solid var(--sd-colour-line--medium);
      position: relative; }
      .profile-activity-container .profile-activity .group-date .day {
        position: relative;
        inset-block-start: -.9em;
        display: inline-block;
        background-color: var(--sd-colour-panel-bg--100); }
      .profile-activity-container .profile-activity .group-date .date {
        padding-inline-start: 4px;
        padding-inline-end: 4px;
        text-transform: lowercase;
        position: relative;
        inset-block-start: -.9em;
        display: inline-block;
        background-color: var(--sd-colour-panel-bg--100); }
    .profile-activity-container .profile-activity .activity-entry {
      border-block-end: 1px solid var(--sd-colour-line--medium);
      background: var(--sd-item__main-Bg);
      margin-block-start: 4px;
      clear: left; }
      .profile-activity-container .profile-activity .activity-entry .activity-figure {
        float: inline-start; }
      .profile-activity-container .profile-activity .activity-entry .activity-date {
        color: var(--color-text-light);
        font-size: 11px;
        font-weight: 500; }
  .profile-activity-container ::-webkit-scrollbar {
    border-inline-start: 9px solid var(--sd-colour-panel-bg--100);
    border-inline-end: 1px solid var(--sd-colour-panel-bg--100);
    width: 13px;
    background: var(--sd-colour-panel-bg--100); }
  .profile-activity-container ::-webkit-scrollbar-thumb {
    border-inline-start: 8px solid var(--sd-colour-panel-bg--100); }

.user-details-pane .action-bar {
  background: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
  border-block-end: none; }
  .user-details-pane .action-bar.show {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

.page-nav-title--users {
  gap: 4px; }
  .page-nav-title--users sd-user-avatar {
    margin-inline-start: -8px;
    margin-inline-end: 8px; }

.user-profile-page {
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr; }
  .user-profile-page .form-content {
    grid-column: 1 / 2;
    background: var(--sd-item__main-Bg);
    border-inline-end: 1px solid var(--sd-colour-line--light);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
    overflow-y: auto; }
  .user-profile-page .other-content {
    grid-column: 2 / 3;
    z-index: 1;
    background: var(--sd-colour-panel-bg--100);
    overflow-y: auto; }
    .user-profile-page .other-content .tablist-container {
      width: 100%;
      height: 38px;
      border-block-end: 1px solid var(--sd-colour-line--light);
      background: var(--sd-colour-panel-bg--100); }
      .user-profile-page .other-content .tablist-container ul li {
        float: inline-start;
        height: 38px;
        line-height: 38px;
        padding: 0 20px;
        border-inline-end: 1px solid var(--sd-colour-line--light);
        color: var(--sd-colour-interactive); }
        .user-profile-page .other-content .tablist-container ul li.active {
          background: var(--sd-colour-panel-bg--100); }
    .user-profile-page .other-content .tabcontent-container {
      position: absolute;
      inset-block-start: 38px;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-end: 0;
      overflow: auto; }
      .user-profile-page .other-content .tabcontent-container .profile-activity-container {
        inset-inline-start: 0;
        background: none; }
        .user-profile-page .other-content .tabcontent-container .profile-activity-container .activity.with-date .date span {
          background-color: var(--sd-colour-panel-bg--100) !important; }

.user-link {
  color: #3599b6; }
  .user-link:hover {
    cursor: pointer; }

.user-popup {
  position: fixed;
  min-width: 240px;
  width: auto;
  height: 150px;
  inset-block-start: 0px;
  inset-inline-start: 0px;
  display: none;
  z-index: 1001;
  background: var(--sd-item__main-Bg);
  border: 1px solid var(--sd-colour-line--light);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); }
  .user-popup .title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 300; }
  .user-popup .actions {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px; }
    .user-popup .actions a:hover {
      text-decoration: none; }

.preferences .dateline_preview {
  background-color: rgba(0, 0, 0, 0.06);
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 14px;
  padding: 0.2rem 1.4rem;
  margin-block-start: 1rem; }

.preferences .preferences__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1.2rem 0 0.8rem; }
  .preferences .preferences__actions .preferences__action-link {
    cursor: pointer;
    color: var(--sd-colour-interactive);
    display: inline-block;
    padding: 0.2rem;
    font-size: 1.1rem;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    flex-grow: 0; }
  .preferences .preferences__actions .preferences__action-spacer {
    display: inline-block;
    flex-grow: 0;
    height: 1.2rem;
    margin-inline-end: 0.6rem;
    padding-inline-start: 0.6rem;
    width: 0.1rem;
    border: 1px dotted rgba(0, 0, 0, 0.65);
    border-width: 0 1px 0 0; }

.preferences .input-term input[type="text"] {
  border: 1px solid var(--sd-colour-line--light);
  border-radius: var(--b-radius--x-small);
  padding: 0 5px;
  width: auto;
  min-width: 100%;
  min-height: 30px;
  background-color: var(--color-input-bg);
  transition: all 0.2s ease;
  box-shadow: inset 0 0 0 0 var(--sd-colour-interactive--alpha-30); }
  .preferences .input-term input[type="text"]:hover {
    border-color: var(--sd-colour-line--strong); }
  .preferences .input-term input[type="text"]:focus {
    border-color: var(--sd-colour-interactive);
    box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-30);
    background-color: var(--sd-colour-panel-bg--100); }

.preferences [sd-meta-dropdown] .dropdown {
  display: block; }
  .preferences [sd-meta-dropdown] .dropdown .dropdown__menu {
    width: 100%; }

.preferences [sd-meta-dropdown] .dropdown__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.4rem !important;
  min-width: 240px; }
  .preferences [sd-meta-dropdown] .dropdown__toggle .dropdown__caret {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 4px 0 auto !important; }

.mini-modal {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.3); }
  .mini-modal .title {
    font-size: 15px;
    padding: 12px 20px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .mini-modal .content {
    padding: 10px 20px;
    font-size: 14px; }
  .mini-modal .footer {
    padding: 10px 20px 20px; }
  .mini-modal .close {
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px; }

.password-popup {
  position: fixed;
  min-width: 260px;
  inset-block-start: 150px;
  inset-inline-start: 10%;
  background-color: white;
  z-index: 999; }

.user-preferences__heading {
  padding: 0.8rem 0 1.6rem;
  margin: 0;
  font-size: 1.6rem;
  color: var(--color-text);
  font-weight: 300;
  letter-spacing: 0.02em; }

.preview-pane .user-details-pane {
  overflow-y: auto;
  position: static; }
  .preview-pane .user-details-pane .profile-info {
    min-width: auto;
    background-color: transparent; }
  .preview-pane .user-details-pane .profile-info__navigation {
    width: auto; }
    .preview-pane .user-details-pane .profile-info__navigation .sd-left-nav {
      display: none; }
  .preview-pane .user-details-pane .profile-info__content {
    padding-block-start: 16px;
    padding-block-end: 32px; }
    .preview-pane .user-details-pane .profile-info__content .details-info {
      padding-inline: 16px; }
  .preview-pane .user-details-pane .action-bar {
    inset-block-start: -48px; }
    .preview-pane .user-details-pane .action-bar.show {
      inset-block-start: 0px;
      z-index: 1; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
/* 	============================
		PRODUCT CONFIG
	============================ */
/* Product create/edit popup */
.add-product-popup .modal-body {
  bottom: 0;
  height: 500px !important;
  max-height: 500px !important;
  border-radius: 0px 0px 4px 4px; }
  .add-product-popup .modal-body .modal-screen {
    top: 48px; }

.product-search {
  float: inline-start;
  max-width: 650px;
  margin-inline-start: 10px; }
  .product-search input {
    width: 505px;
    float: inline-start; }
  .product-search select {
    width: 100px; }

.pills-list .match {
  background-color: #c9e8ca; }

.pills-list .no-match {
  background-color: #fde9e9; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
div {
  -webkit-column-rule: 4px outset #ff00ff;
  /* Chrome, Safari, Opera */
  -moz-column-rule: 4px outset #ff00ff;
  /* Firefox */
  column-rule: 4px outset #ff00ff; }

.filter-result-modal {
  position: absolute; }
  .filter-result-modal .content .active {
    background-color: #eff7fa !important;
    border-inline-end: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .filter-result-modal .content .active:hover .item-functions {
      background-color: #eff7fa; }
      .filter-result-modal .content .active:hover .item-functions .item-field:hover {
        background-color: #d6e8ef; }
      .filter-result-modal .content .active:hover .item-functions .item-field.disabled:hover {
        background-color: #d6e8ef; }

.destination-box {
  margin: 0 0 12px 0;
  padding: 12px 12px 0;
  background-color: var(--sd-item__main-Bg--alternate);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); }

.multi-action-bar .btn.btn--primary {
  margin-block-start: 10px !important; }

.subnav.active {
  background-color: white; }

.publish-queue {
  inset-block-start: 48px; }
  .publish-queue header .refresh-box span {
    font-style: italic;
    padding: 16px 0;
    margin-inline-end: 20px; }
  .publish-queue .preview-layout .list-pane > .content {
    overflow: auto;
    inset-inline-end: 400px; }
  .publish-queue .preview-layout.closed .list-pane > .content {
    inset-inline-end: 0; }
  .publish-queue .shift-preview__toggle {
    display: none; }

.subscriber-modal .tab-content .tab-pane {
  min-height: 400px; }

.products-content .sortbar span, .subscribers-content .sortbar span {
  margin-inline-start: 5px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.template-card .card-box__header--dark {
  background-color: #737b87; }

.template-card .card-box__content {
  min-height: 120px;
  /* should be big enough to fit in dropdown menu */ }

.template-card .card-box__content-list .creation-time {
  display: inline-block; }

.template-editor-modal .template-container {
  display: grid;
  grid-template-columns: 1fr 32%;
  grid-template-rows: 1fr;
  height: 100%; }

.template-editor-modal .template-container__content {
  overflow-x: hidden;
  overflow-y: auto;
  grid-column: 1/2; }

.template-editor-modal .template-container__metadata {
  overflow-x: hidden;
  overflow-y: auto;
  grid-column: 2/3;
  padding: 3.2rem; }

.template-editor-modal .template-content {
  overflow-x: hidden;
  box-shadow: 3px -3px 8px -3px rgba(0, 0, 0, 0.1); }

.template-editor-modal .template-metadata .field {
  margin-block-end: 15px; }
  .template-editor-modal .template-metadata .field--margin-double {
    margin-block-end: 30px; }

.template-editor-modal .template-metadata .sd-toggle {
  margin-block-start: 4px; }

.template-editor-modal .template-metadata .toggle-box__label {
  color: var(--color-text); }

.template-editor-modal .template-metadata .multi-select {
  margin-block-end: 20px; }
  .template-editor-modal .template-metadata .multi-select ul li {
    display: inline-block; }

.template-editor-modal .template-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 16px 0px 20px 24px; }
  .template-editor-modal .template-icon i {
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: 48px;
    opacity: .7; }

.template-editor-modal .template-header {
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: top;
  padding: 20px 13px;
  width: calc(100% - 112px); }
  .template-editor-modal .template-header input#template-name {
    font-size: 15px;
    font-weight: 500; }
  .template-editor-modal .template-header .authoring-header__item label {
    min-width: 90px;
    line-height: 16px; }

.template-editor-modal .error {
  color: #b94a48;
  margin: -13px 10px;
  width: 100%; }

.template-editor-modal .template-editor {
  border-block-start: 1px solid var(--sd-colour-line--medium); }
  .template-editor-modal .template-editor .authoring-header__general-info {
    display: none; }
  .template-editor-modal .template-editor .authoring-header {
    border: 0;
    max-width: none;
    padding: 1.6rem 4rem 2.4rem; }
  .template-editor-modal .template-editor .main-article {
    padding: 2.4rem 4rem;
    border-width: 0; }

.template-editor-modal select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.3s; }

.template-editor-modal .field--double > select, .template-editor-modal .field--double > input, .template-editor-modal .field--double > .field {
  display: inline-block;
  vertical-align: top;
  width: 48%; }
  .template-editor-modal .field--double > select:first-of-type, .template-editor-modal .field--double > input:first-of-type, .template-editor-modal .field--double > .field:first-of-type {
    margin-inline-end: 2%; }

.target-field select {
  width: 200px; }

.target-field .terms {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  padding-block-start: 10px;
  *zoom: 1; }
  .target-field .terms:before, .target-field .terms:after {
    display: table;
    content: ""; }
  .target-field .terms:after {
    clear: both; }
  .target-field .terms li {
    position: relative;
    background: #e8e8e8;
    line-height: 26px;
    float: inline-start;
    height: 26px;
    padding: 0 6px;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    transition: all 0.5s; }
    .target-field .terms li i:not(.alt) {
      position: absolute;
      display: none;
      inset-inline-end: 5px;
      inset-block-start: 6px;
      opacity: 0;
      transition: all .5s ease; }
    .target-field .terms li:hover {
      cursor: pointer;
      background: var(--sd-item__main-Bg--hover); }
      .target-field .terms li:hover i {
        opacity: 0.7;
        filter: "alpha(opacity=70)"; }
    .target-field .terms li:hover > i:not(.alt) {
      display: inline-block; }
    .target-field .terms li.selected {
      background: #2c323a;
      color: #e5e8eb; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.label--lite {
  font-size: 11px;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  text-transform: uppercase; }

.inline-tag-list {
  *zoom: 1;
  padding: 10px 0 0 0; }
  .inline-tag-list:before, .inline-tag-list:after {
    display: table;
    content: ""; }
  .inline-tag-list:after {
    clear: both; }
  .inline-tag-list li {
    float: inline-start; }
    .inline-tag-list li .inline-tag {
      font-size: 1.4rem;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      border-radius: 9999px;
      padding: 0em 1em 0em 1em;
      background-color: var(--sd-colour__tag-label-Bg--1);
      color: var(--color-text);
      margin: 0 4px 4px 0;
      float: inline-start;
      position: relative;
      text-align: center;
      font-weight: 400;
      transition: background-color .2s ease-out, opacity .1s ease-out;
      height: 24px; }
      .inline-tag-list li .inline-tag.tag-prime {
        background-color: var(--sd-colour__tag-label-Bg--highlight-2); }
      .inline-tag-list li .inline-tag.tag-darker {
        background-color: var(--sd-colour__tag-label-Bg--2); }
      .inline-tag-list li .inline-tag span {
        font-weight: 500;
        margin-inline-end: 4px;
        text-transform: uppercase;
        color: var(--color-text-light);
        opacity: 0.8; }
      .inline-tag-list li .inline-tag button {
        border: 0;
        border-radius: 9999px;
        height: 1.8rem;
        width: 1.8rem;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: inherit;
        line-height: 1;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        background-color: var(--sd-colour__tag-label-remove-Bg);
        color: var(--color-text);
        cursor: pointer;
        transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
        margin-inline-end: -1rem;
        margin-inline-start: 0.8rem; }
        .inline-tag-list li .inline-tag button [class^="icon-"], .inline-tag-list li .inline-tag button [class*=" icon-"] {
          color: var(--color-text-light);
          font-size: 1.6rem;
          flex-grow: 0;
          flex-shrink: 0;
          margin-inline-start: 1px;
          opacity: 0.4;
          transition: color .1s ease-out, opacity .1s ease-out; }
        .inline-tag-list li .inline-tag button:hover {
          text-decoration: none;
          background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
          .inline-tag-list li .inline-tag button:hover [class^="icon-"], .inline-tag-list li .inline-tag button:hover [class*=" icon-"] {
            opacity: 0.85; }
        .inline-tag-list li .inline-tag button:active {
          background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
          .inline-tag-list li .inline-tag button:active [class^="icon-"], .inline-tag-list li .inline-tag button:active [class*=" icon-"] {
            color: var(--sd-colour-interactive);
            opacity: 1; }

/*----------------------------------------
  #Urgency label
----------------------------------------*/
.urgency-label {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.urgency-label--0 {
  background: #cccccc; }

.urgency-label--1 {
  background: #01405b; }

.urgency-label--2 {
  background: #005e84; }

.urgency-label--3 {
  background: #3684a4; }

.urgency-label--4 {
  background: #64a4bf; }

.urgency-label--5 {
  background: #a1c6d8; }

/*----------------------------------------
  #Priority label
----------------------------------------*/
.priority-label {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #cccccc;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }

.priority-label--0 {
  background: #cccccc; }

.priority-label--1 {
  background: #b82f00; }

.priority-label--2 {
  background: #de6237; }

.priority-label--3 {
  background: #e49c56; }

.priority-label--4 {
  background: #edc175; }

.priority-label--5 {
  background: #b6c28b; }

.priority-label--6 {
  background: #c0c9a1; }

/*----------------------------------------
  #State labels
----------------------------------------*/
.state-label, .profile-label, .language-label {
  display: inline-flex;
  line-height: 1.6rem;
  height: 1.6rem;
  font-size: 0.9rem;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  border-radius: var(--b-radius--full);
  padding-inline: 0.8rem;
  border: 1px solid;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  font-weight: 500;
  border-color: #8c8c8c;
  color: #8c8c8c; }
  .state-label.state_embargo, .state_embargo.profile-label, .state_embargo.language-label {
    border-color: #ff3381 !important;
    color: #ff3381 !important; }
  .state-label.state-draft, .state-draft.profile-label, .state-draft.language-label {
    border-color: #8c8c8c;
    color: #8c8c8c; }
  .state-label.state-ingested, .state-ingested.profile-label, .state-ingested.language-label, .state-label.state-routed, .state-routed.profile-label, .state-routed.language-label, .state-label.state-fetched, .state-fetched.profile-label, .state-fetched.language-label {
    border-color: #5d9cc0;
    color: #5d9cc0; }
  .state-label.state-submitted, .state-submitted.profile-label, .state-submitted.language-label, .state-label.state-in_progress, .state-in_progress.profile-label, .state-in_progress.language-label, .state-label.state-subbed, .state-subbed.profile-label, .state-subbed.language-label {
    border-color: #d1a700;
    color: #d1a700; }
  .state-label.state-published, .state-published.profile-label, .state-published.language-label {
    border-color: #5d8c31;
    color: #5d8c31; }
  .state-label.state-spiked, .state-spiked.profile-label, .state-spiked.language-label, .state-label.state-recalled, .state-recalled.profile-label, .state-recalled.language-label, .state-label.state-killed, .state-killed.profile-label, .state-killed.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.state-killed, .state-killed.profile-label, .state-killed.language-label {
    border-color: #bd1600;
    color: #bd1600;
    background-color: #ffe8e6; }
  .state-label.state-on_hold, .state-on_hold.profile-label, .state-on_hold.language-label, .state-label.state-scheduled, .state-scheduled.profile-label, .state-scheduled.language-label {
    border-color: #db7100;
    color: #db7100; }
  .state-label.state-corrected, .state-corrected.profile-label, .state-corrected.language-label {
    border-color: var(--sd-state-colour--navy);
    color: var(--sd-state-colour--navy); }
  .state-label.not-for-publication, .not-for-publication.profile-label, .not-for-publication.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.for-publication, .for-publication.profile-label, .for-publication.language-label {
    border-color: #5d8c31;
    color: #5d8c31; }
  .state-label.legal, .legal.profile-label, .legal.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.missing-link, .missing-link.profile-label, .missing-link.language-label {
    border-color: #bd1600;
    color: #bd1600; }
  .state-label.takes, .takes.profile-label, .takes.language-label {
    border-color: #8a008a;
    color: #8a008a; }
    .state-label.takes div:hover, .takes.profile-label div:hover, .takes.language-label div:hover {
      background-color: #8a008a; }
  .state-label.takes:hover, .takes.profile-label:hover, .takes.language-label:hover {
    background-color: #8a008a;
    color: white; }
  .state-label.sms, .sms.profile-label, .sms.language-label, .state-label.updated, .updated.profile-label, .updated.language-label {
    border-color: var(--sd-state-colour--navy);
    color: var(--sd-state-colour--navy); }
  .state-label.updated:hover, .updated.profile-label:hover, .updated.language-label:hover {
    background-color: var(--sd-state-colour--navy);
    color: white; }
  .state-label--right {
    margin-inline-end: 0;
    margin-inline-start: 0.8rem; }

.profile-label {
  background-color: var(--sd-colour-bg-translucent--08);
  color: var(--color-text);
  border: none !important; }

.info-block {
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
  color: #999; }

/* board colors */
.todo-status {
  background: #b70000; }

.inprogress-status {
  background: #cc7800; }

.done-status {
  background: #288001; }

.desk-tabs .online-users {
  margin-block-start: -10px;
  margin-inline-start: 20px;
  border-inline-start: 1px solid #dfdfdf; }

.master-desk-view {
  overflow: hidden;
  padding-block-end: 0 !important;
  z-index: auto; }

.main-desk-container {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  flex: 1 1;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  height: auto;
  padding: 20px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none; }
  .main-desk-container::-webkit-scrollbar {
    width: 18px;
    height: 18px;
    border-block-start: 1px solid #d0d0d0; }
  .main-desk-container::-webkit-scrollbar:hover {
    background-color: var(--sd-colour-panel-bg--100); }
  .main-desk-container::-webkit-scrollbar-thumb {
    border-block-start: 1px solid #d0d0d0;
    background: #bbb;
    box-shadow: inset 0px 1px 0px 3px var(--sd-colour-panel-bg--100); }
  .main-desk-container::-webkit-scrollbar-thumb:hover {
    background: #777; }
  .main-desk-container .desk-container {
    flex: 0 0 20%;
    min-width: 250px;
    box-sizing: border-box;
    position: relative; }
  .main-desk-container .desk {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 30px;
    inset-block-start: 0;
    inset-block-end: 0;
    overflow: hidden; }
    .main-desk-container .desk__header {
      position: absolute;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-start: 0;
      height: 25px;
      line-height: 25px;
      border-block-end: 5px solid #4d4d4d; }
    .main-desk-container .desk__name {
      text-transform: uppercase;
      float: inline-start;
      font-weight: 700; }
      .main-desk-container .desk__name:hover {
        cursor: default; }
    .main-desk-container .desk__open {
      margin-inline-start: 10px; }
      .main-desk-container .desk__open i {
        margin-block-end: 3px;
        color: #8c97a6; }
      .main-desk-container .desk__open:hover {
        cursor: pointer; }
        .main-desk-container .desk__open:hover i {
          color: #2c323a; }
    .main-desk-container .desk__action {
      float: inline-end; }
      .main-desk-container .desk__action .dropdown__toggle {
        opacity: 0.6;
        filter: "alpha(opacity=60)";
        border: 0;
        background: none;
        vertical-align: baseline; }
      .main-desk-container .desk__action .dropdown__menu {
        inset-inline-end: 5px; }
    .main-desk-container .desk__content {
      position: absolute;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-start: 30px;
      inset-block-end: 0;
      overflow-x: hidden;
      overflow-y: auto; }
      .main-desk-container .desk__content::-webkit-scrollbar {
        width: 10px;
        height: 10px; }
      .main-desk-container .desk__content::-webkit-scrollbar:hover {
        background: var(--sd-colour-panel-bg--100); }
      .main-desk-container .desk__content::-webkit-scrollbar-thumb {
        background: #ddd;
        box-shadow: inset 3px 2px 0px 1px var(--sd-colour-panel-bg--100); }
      .main-desk-container .desk__content::-webkit-scrollbar-thumb:hover {
        background: #ccc; }

.inline-content-items {
  min-height: 18px;
  margin-block-end: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .inline-content-items .item {
    cursor: default;
    background: white;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    border-inline-start: 3px solid #d1d1d1;
    border-inline-end: 2px solid white;
    border-block-end: 1px solid #eee;
    position: relative; }
    .inline-content-items .item:last-child {
      border-block-end: none; }
    .inline-content-items .item.active {
      background: #eff7fa;
      border-right-color: #5ea9c8; }
    .inline-content-items .item.locked {
      border-left-color: #b70101; }
    .inline-content-items .item .type {
      float: inline-start;
      height: 32px; }
      .inline-content-items .item .type i {
        margin: 0 8px;
        text-align: center;
        vertical-align: middle;
        color: #8c97a6; }
    .inline-content-items .item .urgency {
      height: 32px;
      float: inline-start;
      line-height: 30px;
      margin-inline-end: 10px; }
    .inline-content-items .item .urgency-label, .inline-content-items .item .priority-label {
      vertical-align: middle; }
    .inline-content-items .item time {
      color: var(--color-text-lighter);
      font-size: 11px; }
    .inline-content-items .item .text {
      height: 32px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      padding-inline-end: 10px; }
      .inline-content-items .item .text .keywords {
        color: var(--sd-slugline-color);
        font-weight: 500;
        text-transform: uppercase;
        margin-inline-end: 5px; }
    .inline-content-items .item:not(:-moz-handler-blocked) .text {
      white-space: normal; }
    .inline-content-items .item .action {
      position: absolute;
      inset-inline-end: 0;
      inset-block-start: 0;
      display: none;
      background-color: inherit; }
      .inline-content-items .item .action button {
        background: transparent;
        height: 32px;
        border: 0;
        border-inline-start: 1px solid var(--sd-colour-line--light);
        display: block;
        float: inline-start; }
        .inline-content-items .item .action button:hover {
          cursor: pointer;
          background: var(--sd-item__main-Bg--hover); }
    .inline-content-items .item.active .action button:hover {
      background: #c8e4ee; }
    .inline-content-items .item.shifted:hover .text {
      padding-inline-end: 57px; }
    .inline-content-items .item.shifted:hover .action {
      display: block; }
  .inline-content-items.content-tasks .item {
    border-inline-start: none; }

.slugline-content .loading {
  width: 18px;
  height: 18px;
  background: url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat var(--sd-colour-panel-bg--100);
  background-size: 18px;
  text-align: center; }

.slugline-content .no-items {
  color: #bababa;
  font-weight: 500;
  cursor: default; }

.slugline-content .inline_slugline_item .place {
  text-transform: uppercase;
  color: #777;
  font-weight: 500; }

.slugline-content .inline_slugline_item .slugline {
  padding-inline-start: 20px;
  color: var(--sd-slugline-color);
  text-transform: uppercase;
  font-weight: 500; }

.slugline-content .inline_slugline_item .oldslugline {
  padding-inline-start: 20px;
  color: #3599b6;
  text-transform: uppercase; }

.slugline-content .inline_slugline_item .headline {
  padding-inline-start: 40px;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (max-width: 1560px) {
  .main-desk-container .desk-container {
    flex: 0 0 25%; } }

@media (max-width: 1180px) {
  .main-desk-container .desk-container {
    flex: 0 0 33%; } }

/* Desk create/edit popup */
.sd-wizard .modal__body .modal__body-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: 0 0; }
  .sd-wizard .modal__body .modal__body-content > div, .sd-wizard .modal__body .modal__body-content > div > div, .sd-wizard .modal__body .modal__body-content > form, .sd-wizard .modal__body .modal__body-content > form > fieldset {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }
  .sd-wizard .modal__body .modal__body-content .content {
    flex: 1 1 auto;
    width: 100%;
    overflow-y: auto;
    padding: 2rem;
    background: var(--sd-colour-panel-bg--100); }
  .sd-wizard .modal__body .modal__body-content form.content, .sd-wizard .modal__body .modal__body-content .field {
    display: block; }
  .sd-wizard .modal__body .modal__body-content .modal__footer {
    display: block;
    flex: 0 0 auto; }

.sd-wizard .stages .col {
  position: absolute;
  inset-block-start: 60px;
  inset-block-end: 10px;
  inset-inline-start: 0;
  inset-inline-end: 50%;
  padding: 10px 20px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sd-wizard .stages .col:last-child {
    inset-inline-start: 50%;
    inset-inline-end: 0;
    border-inline-start: 1px solid var(--sd-colour-line--light); }

.sd-wizard .stages .row {
  padding-block-start: 20px;
  clear: both; }
  .sd-wizard .stages .row label {
    display: inline-block; }
  .sd-wizard .stages .row .prevent-off {
    pointer-events: none; }

.sd-wizard .stages .heading {
  padding: 2px 0;
  color: var(--color-text-light);
  margin-inline-end: 10px;
  text-transform: uppercase; }

.sd-wizard .stages [sd-content-expiry] {
  position: relative;
  float: none; }
  .sd-wizard .stages [sd-content-expiry] .right {
    position: absolute;
    inset-block-start: -18px;
    inset-inline-end: 0; }
  .sd-wizard .stages [sd-content-expiry] label {
    font-size: 13px;
    color: var(--color-text); }

.sd-wizard .stages .stage-type {
  margin-block-end: 10px; }

.sd-wizard .stages select {
  margin-block-end: 10px; }

.sd-wizard .stages .pills-list li {
  cursor: pointer; }
  .sd-wizard .stages .pills-list li label {
    line-height: 12px; }
  .sd-wizard .stages .pills-list li .global-label {
    font-size: 12px;
    color: var(--color-text-lighter);
    margin-block-start: 5px;
    margin-inline-end: 5px;
    text-transform: none; }
    .sd-wizard .stages .pills-list li .global-label span:nth-child(2) {
      margin-inline-start: 0; }
  .sd-wizard .stages .pills-list li.active .global-label {
    color: white;
    opacity: 0.8; }
  .sd-wizard .stages .pills-list li.editable {
    padding-block-start: 0; }
    .sd-wizard .stages .pills-list li.editable .char-count.error {
      font-weight: 500;
      color: #D33C30; }

.sd-wizard .stages .pills-list.edit-mode li.editable {
  box-shadow: none;
  border-radius: 2px;
  outline: 1px solid var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20);
  margin-block-end: 10px; }

.sd-wizard .stages .pills-list.edit-mode li:not(.editable) {
  display: none; }

.sd-wizard .stages .status-list .status {
  display: block;
  border-radius: 3px;
  box-sizing: border-box;
  margin-block-end: 5px;
  height: 28px;
  padding: 5px 10px;
  text-transform: uppercase; }
  .sd-wizard .stages .status-list .status:hover {
    cursor: pointer; }
  .sd-wizard .stages .status-list .status.todo {
    background: #b70000;
    color: #b70000; }
    .sd-wizard .stages .status-list .status.todo.active {
      background: #b70000;
      color: white; }
  .sd-wizard .stages .status-list .status.in_progress {
    background: #cc7800;
    color: #cc7800; }
    .sd-wizard .stages .status-list .status.in_progress.active {
      background: #cc7800;
      color: white; }
  .sd-wizard .stages .status-list .status.done {
    background: #288001;
    color: #288001; }
    .sd-wizard .stages .status-list .status.done.active {
      background: #288001;
      color: white; }

.sd-wizard .people-stage .header .search-result {
  overflow: auto;
  background: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  padding: 10px;
  z-index: 1;
  border-radius: 0 0 3px 3px; }

.sd-wizard textarea {
  height: 44px; }

.sd-wizard .col-heading {
  padding: 2px 0;
  color: var(--color-text-light);
  margin-inline-end: 10px;
  text-transform: uppercase; }

.user-email {
  color: var(--sd-colour-interactive);
  font-weight: 300;
  display: inline-block;
  padding: 0 2rem; }

.content-expiry-label {
  color: var(--color-text); }

.modal--tabs .button-toolbar {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  padding: 10px;
  text-align: end;
  width: 100%;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  box-shadow: var(--sd-shadow__subnav); }

.members-list {
  padding-block-start: 1rem; }

/*----------------------------------------
  #Item groups (stages, task statuses etc.)
----------------------------------------*/
.item-group {
  margin-block-start: 5px;
  margin-block-end: 10px; }
  .item-group__content {
    padding: 2px;
    overflow: auto;
    max-height: 330px;
    overflow-x: hidden; }
    .item-group__content--full-height {
      max-height: none; }
    .item-group__content::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      border: none; }
    .item-group__content::-webkit-scrollbar:hover {
      background-color: var(--sd-colour-panel-bg--100); }
    .item-group__content::-webkit-scrollbar-thumb {
      border: none;
      background: rgba(0, 0, 0, 0.1); }
    .item-group__content::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.25); }
  .item-group__loading {
    width: 18px;
    height: 18px;
    background: url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat var(--sd-colour-panel-bg--100);
    background-size: 18px;
    text-align: center; }
  .item-group__no-items {
    color: #bababa;
    font-weight: 500;
    cursor: default; }
  .item-group__header {
    padding: 0;
    height: 26px;
    line-height: 16px; }
  .item-group__name {
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    font-weight: 500;
    cursor: default;
    float: inline-start; }
    .item-group__name--todo {
      color: #b70000; }
    .item-group__name--in_progress {
      color: #cc7800; }
    .item-group__name--done {
      color: #288001; }

/*---------------------------------------------------------------
  #Content item (list item for content, tasks, users and slulines
----------------------------------------------------------------*/
.content-item, .slugline-item {
  cursor: default;
  background: var(--sd-item__main-Bg);
  height: 32px;
  line-height: 32px;
  border-inline-start: 3px solid transparent;
  border-inline-end: 2px solid var(--sd-item__main-Bg);
  border-block-end: 1px solid var(--sd-colour-line--light);
  position: relative;
  display: flex;
  padding-inline-end: 8px; }
  .content-item--slugline-view {
    min-height: 32px;
    border-inline-start: none;
    height: auto;
    line-height: 160%;
    padding: 10px; }
  .content-item:last-child, .slugline-item:last-child {
    border-block-end: none; }
  .content-item--active {
    background: var(--sd-item__main-Bg--activated);
    border-right-color: var(--sd-colour-interactive); }
  .content-item--locked {
    border-left-color: #b70101; }
  .content-item.gone, .gone.slugline-item {
    opacity: 0.5; }
  .content-item--no-border {
    border-inline-start: none; }
  .content-item__type {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; }
    .content-item__type i {
      margin: 0 8px 0 6px;
      text-align: center;
      color: #8c97a6;
      flex-shrink: 0; }
  .content-item__urgency-field {
    height: 100%;
    margin-inline-end: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; }
  .content-item .urgency-label, .slugline-item .urgency-label, .content-item .priority-label, .slugline-item .priority-label {
    vertical-align: middle;
    flex-shrink: 0; }
  .content-item time, .slugline-item time {
    color: var(--color-text-lighter);
    font-size: 11px; }
  .content-item__text {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    padding-inline-end: 10px;
    flex-grow: 1; }
    .content-item__text .keywords {
      color: var(--sd-slugline-color);
      font-weight: 500;
      text-transform: uppercase;
      margin-inline-end: 5px; }
  .content-item__date time {
    white-space: nowrap; }
  .content-item:not(:-moz-handler-blocked) .content-item__text, .slugline-item:not(:-moz-handler-blocked) .content-item__text {
    white-space: normal; }
  .content-item__action {
    display: none;
    background-color: inherit;
    margin-inline-end: -8px; }
  .content-item.active .action button:hover, .active.slugline-item .action button:hover {
    background: #c8e4ee; }
  .content-item.active.custom-monitoring, .active.custom-monitoring.slugline-item {
    background-color: #eff7fa !important; }
  .content-item.shifted:hover .content-item__text, .shifted.slugline-item:hover .content-item__text {
    padding-inline-end: 0; }
  .content-item.shifted:hover .content-item__action, .shifted.slugline-item:hover .content-item__action {
    display: flex;
    align-items: center;
    justify-content: center; }
  .content-item.shifted:hover time, .shifted.slugline-item:hover time {
    display: none; }
  .content-item.custom-monitoring:hover, .custom-monitoring.slugline-item:hover {
    background-color: #f4f4f4;
    cursor: pointer; }

.slugline-item {
  border-inline-start: none;
  height: auto;
  line-height: 160%;
  padding: 0 8px;
  margin: 0;
  display: block;
  border-block-end: 1px var(--sd-colour-line--light); }
  .slugline-item:last-child {
    border-block-end: none; }
  .slugline-item__row {
    height: 24px;
    clear: both;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .slugline-item__row--main {
      padding-block-start: 10px; }
  .slugline-item .place {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-text-light);
    font-weight: 500; }
  .slugline-item .slugline {
    color: var(--sd-slugline-color);
    font-weight: 500;
    text-transform: uppercase; }
  .slugline-item .oldslugline {
    color: var(--sd-slugline-color);
    font-weight: 400;
    opacity: 0.75;
    text-transform: uppercase; }
  .slugline-item .headline {
    font-weight: 400;
    color: var(--color-text-light); }
  .slugline-item time {
    color: var(--color-text-light);
    font-size: 11px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.comments .widget-content {
  background: var(--sd-colour-panel-bg--100); }

.sd-widget.comments .notification-list li .date {
  margin-block-start: 3px !important; }

.sd-widget.comments .notification-list li .content {
  padding: 0 0 0 40px; }

.sd-widget.comments .notification-list li.no-comments {
  background-color: transparent;
  box-shadow: none;
  padding: 16% 0 0;
  text-align: center;
  color: var(--color-text-lighter); }
  .sd-widget.comments .notification-list li.no-comments h3 {
    font-weight: 400;
    margin: 12px 0 4px; }
  .sd-widget.comments .notification-list li.no-comments span {
    font-weight: 300; }
  .sd-widget.comments .notification-list li.no-comments .round-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background-color: var(--sd-item__main-Bg);
    border-radius: 9999px;
    margin: 0 auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12); }
  .sd-widget.comments .notification-list li.no-comments i {
    display: block;
    width: 52px;
    height: 52px;
    opacity: 0.2;
    margin: 0;
    font-size: 5.2rem;
    line-height: 1; }

.sd-widget.comments .notification-list li.loading-info {
  background-color: transparent;
  box-shadow: none;
  padding: 16% 0 0;
  text-align: center;
  color: #888; }

.sd-widget.comments .add-comment {
  border-block-start: 1px solid var(--sd-colour-line--light);
  padding: 10px;
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.12); }
  .sd-widget.comments .add-comment form {
    margin: 0; }
  .sd-widget.comments .add-comment .new-comment {
    border: 2px solid var(--sd-colour-interactive) !important;
    border-radius: 3px !important;
    background-color: var(--sd-colour-bg__searchbar);
    color: var(--color-text); }
    .sd-widget.comments .add-comment .new-comment:focus {
      box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20); }
  .sd-widget.comments .add-comment .actions {
    height: 30px;
    margin-block-start: 10px; }
    .sd-widget.comments .add-comment .actions .post {
      margin-block-start: 5px; }
      .sd-widget.comments .add-comment .actions .post .sd-checkbox {
        vertical-align: middle;
        margin-block-start: -2px;
        margin-inline-end: 0; }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.inline-comments .form__row, .sd-widget.suggestions .form__row {
  display: flex;
  justify-content: center; }

.sd-widget.inline-comments .notification-list .item, .sd-widget.suggestions .notification-list .item {
  padding: 1rem; }
  .sd-widget.inline-comments .notification-list .item .commented-text, .sd-widget.suggestions .notification-list .item .commented-text {
    margin-block-end: 1rem;
    color: var(--color-text-light);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .sd-widget.inline-comments .notification-list .item .commented-text .text, .sd-widget.suggestions .notification-list .item .commented-text .text {
      font-weight: bold; }
  .sd-widget.inline-comments .notification-list .item .accepted, .sd-widget.suggestions .notification-list .item .accepted {
    margin-inline-start: 1rem; }

.sd-widget.inline-comments .notification-list--empty li, .sd-widget.suggestions .notification-list--empty li {
  background-color: transparent;
  box-shadow: none;
  padding: 16% 0 0;
  text-align: center;
  color: var(--color-text-light); }
  .sd-widget.inline-comments .notification-list--empty li h3, .sd-widget.suggestions .notification-list--empty li h3 {
    font-weight: 400;
    margin: 12px 0 4px; }
  .sd-widget.inline-comments .notification-list--empty li .round-box, .sd-widget.suggestions .notification-list--empty li .round-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    background-color: var(--sd-item__main-Bg);
    border-radius: 9999px;
    margin: 0 auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12); }
  .sd-widget.inline-comments .notification-list--empty li i, .sd-widget.suggestions .notification-list--empty li i {
    display: block;
    width: 52px;
    height: 52px;
    opacity: 0.2;
    font-size: 5.2rem;
    line-height: 1; }

.commented-text {
  margin-bottom: 1rem;
  color: #8c97a6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .commented-text .text {
    font-weight: bold; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.metadata .widget-content {
  background: var(--sd-colour-panel-bg--100); }

.sd-widget.metadata .ednote {
  *zoom: 1;
  height: auto !important; }
  .sd-widget.metadata .ednote:before, .sd-widget.metadata .ednote:after {
    display: table;
    content: ""; }
  .sd-widget.metadata .ednote:after {
    clear: both; }
  .sd-widget.metadata .ednote .data {
    clear: both;
    float: none !important;
    height: auto !important;
    width: 100% !important; }

.basic-list {
  margin-block-end: 20px; }
  .basic-list--dotted .basic-list__item {
    border-block-end: 1px dotted var(--sd-colour-line--medium); }
  .basic-list--no-margin {
    margin-block-end: 0; }
  .basic-list .basic-list__item {
    padding: 1rem 0 0.8rem;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .basic-list .basic-list__item--stacked {
      flex-direction: column;
      align-items: stretch; }
      .basic-list .basic-list__item--stacked .basic-list__item-label {
        padding-block-end: 0.5rem; }
      .basic-list .basic-list__item--stacked .basic-list__item-data {
        text-align: start; }
        .basic-list .basic-list__item--stacked .basic-list__item-data .basic-input {
          max-width: auto;
          text-align: start; }
  .basic-list .basic-list__item-label {
    flex-grow: 0;
    font-size: 11px;
    text-transform: uppercase;
    padding-inline-end: 1rem;
    margin: 0;
    color: var(--color-text-lighter);
    min-width: 6rem;
    font-weight: 500; }
  .basic-list .basic-list__item-data {
    flex-grow: 1;
    margin-block-end: 2px;
    text-align: end; }
    .basic-list .basic-list__item-data .basic-input {
      max-width: 160px;
      text-align: end; }
  .basic-list .state-label {
    margin-inline-end: 0; }
    .basic-list .state-label + .state-label {
      margin-inline-start: 0.5rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.packages .packages-content {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  background: var(--sd-colour-panel-bg--100); }
  .sd-widget.packages .packages-content .package-preview {
    margin-block-start: 5px;
    margin-block-end: 5px;
    border-radius: 5px;
    border: 1px solid #efefef;
    background: #fafafa;
    padding: 5px; }
    .sd-widget.packages .packages-content .package-preview .title {
      padding-inline-start: 5px;
      padding-inline-end: 5px; }
      .sd-widget.packages .packages-content .package-preview .title .a {
        font-weight: 500;
        font-size: 14px;
        color: #000; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

/*
    ----------------------------------------------------------------------
    INPUT ELEMENTS
    ----------------------------------------------------------------------
*/
.sdselect {
  width: 210px;
  position: relative; }
  .sdselect.open {
    box-shadow: 0px 0px 5px 0px #d0d0d0 !important; }
    .sdselect.open .sdselect-btn {
      border-block-end: 0 !important; }
  .sdselect:hover .sdselect-btn {
    cursor: pointer; }
  .sdselect .sdselect-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    padding: 6px;
    height: 27px;
    outline: none !important;
    box-shadow: inset 0 0 0 #000 !important;
    box-shadow: none !important;
    text-decoration: none;
    color: var(--color-text);
    line-height: 15px;
    font-size: 12px; }
    .sdselect .sdselect-btn .caret {
      margin: 5px 3px 0 0; }
  .sdselect .sdselect-menu {
    position: absolute;
    background: #fff;
    z-index: 10;
    inset-block-start: 26px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: auto;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 2px 2px; }
    .sdselect .sdselect-menu .sdselect-filter {
      padding: 2px 7px;
      border-block-end: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-filter input[type="text"] {
        height: 21px !important;
        padding: 3px !important;
        border: 0 !important;
        min-height: 0;
        box-shadow: 0 0 0 0 #000; }
        .sdselect .sdselect-menu .sdselect-filter input[type="text"]:focus {
          box-shadow: 0 0 0 0 #000 !important; }
    .sdselect .sdselect-menu .sdselect-all {
      padding: 4px 9px;
      border-block-end: 1px solid #d0d0d0; }
      .sdselect .sdselect-menu .sdselect-all a {
        text-decoration: none;
        font-size: 9px;
        text-transform: uppercase;
        color: #989898;
        margin-inline-end: 10px; }
        .sdselect .sdselect-menu .sdselect-all a:hover {
          cursor: pointer;
          color: #666; }
    .sdselect .sdselect-menu .list-holder {
      height: auto;
      max-height: 150px;
      overflow-y: auto;
      overflow-x: hidden;
      margin: 7px 0; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar {
        border-inline-start: 5px solid #fff;
        border-inline-end: 5px solid #fff;
        width: 13px;
        background: #fff; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar:hover {
          background: #e8e8e8; }
      .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb {
        border-inline-start: 4px solid #fff;
        border-inline-end: 4px solid #fff;
        background: #bbb; }
        .sdselect .sdselect-menu .list-holder::-webkit-scrollbar-thumb:hover {
          background: #787878; }
    .sdselect .sdselect-menu ul li a {
      display: block;
      padding: 3px 7px;
      font-size: 12px;
      color: var(--color-text);
      text-decoration: none; }
      .sdselect .sdselect-menu ul li a:hover {
        cursor: pointer;
        color: white;
        background: #0083c4; }
      .sdselect .sdselect-menu ul li a i {
        margin-inline-end: 5px;
        vertical-align: middle;
        margin-block-start: -4px;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }

.searchbar {
  border-radius: 3px !important;
  height: 32px;
  border: 1px solid var(--sd-colour-line--medium);
  background: url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 10px 8px var(--sd-colour-bg__searchbar);
  padding: 0 0 0 36px !important;
  position: relative;
  color: var(--color-text);
  transition: all 0.2s ease; }
  .searchbar.searchbar-large {
    height: 40px !important;
    font-size: 15px;
    line-height: 26px;
    background-position: 10px 12px; }
  .searchbar:hover {
    border-color: var(--sd-colour-line--strong); }
  .searchbar:focus {
    transition: box-shadow 0.2s ease-out;
    border-color: var(--sd-colour-interactive--alpha-70);
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 4px var(--sd-colour-interactive--alpha-20); }

.flat-searchbar {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-grow: 1;
  transition: all ease 0.2s; }
  .flat-searchbar .search-handler {
    flex-grow: 1;
    min-width: 48px;
    padding: 4px 10px 4px 14px;
    background: none;
    display: flex !important;
    align-items: center;
    white-space: nowrap;
    border-inline-end: 1px solid var(--sd-colour-line--light) !important;
    transition: all 0.3s ease;
    gap: 4px; }
    .flat-searchbar .search-handler input {
      font-size: 14px;
      border: 0 !important;
      width: 100%;
      padding: 0;
      color: var(--color-text);
      background-color: transparent;
      transition: all 0.3s ease;
      flex-grow: 1; }
      .flat-searchbar .search-handler input:focus {
        box-shadow: none; }
      .flat-searchbar .search-handler input::placeholder {
        color: var(--color-text-lighter);
        font-weight: 300;
        letter-spacing: 0.03rem; }
    .flat-searchbar .search-handler .trigger-icon {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 28px;
      height: 28px;
      display: block;
      opacity: 0.5;
      margin: 0;
      flex-shrink: 0;
      flex-grow: 0; }
      .flat-searchbar .search-handler .trigger-icon i {
        padding: 7px 3px 4px 6px;
        color: var(--color-icon-default); }
    .flat-searchbar .search-handler--left-border {
      border-inline-end: 0 !important;
      border-inline-start: 1px solid var(--sd-colour-line--light); }
  .flat-searchbar .separator-handler {
    margin: 9px 0 0 5px;
    border-inline-end: 2px dotted var(--sd-colour-line--medium);
    height: 30px;
    float: inline-start; }
  .flat-searchbar .search-close {
    border: 0;
    background: none;
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
    padding: 0;
    opacity: 0.35;
    transition: opacity 0.2s ease-out;
    color: var(--color-text);
    opacity: 0; }
    .flat-searchbar .search-close.visible {
      opacity: 0.4; }
      .flat-searchbar .search-close.visible:hover {
        opacity: 0.8; }
      .flat-searchbar .search-close.visible:active {
        opacity: 1; }
    .flat-searchbar .search-close i {
      display: block; }
  .flat-searchbar.extended {
    flex-grow: 1; }
    .flat-searchbar.extended .search-handler {
      box-shadow: none !important; }
      .flat-searchbar.extended .search-handler input {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
        font-size: 1.4rem;
        padding: 0;
        padding-inline-end: 0px;
        color: inherit;
        align-self: auto;
        background-color: transparent;
        border: 0;
        box-shadow: none !important;
        padding-inline-end: 1rem;
        height: auto; }
    .flat-searchbar.extended .separator-handler {
      margin-inline-start: 14px; }
    .flat-searchbar.extended .search-close {
      display: inline-block; }
    .flat-searchbar.extended:focus-within {
      box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
      background-color: var(--sd-colour-bg__searchbar); }
    .flat-searchbar.extended .trigger-icon,
    .flat-searchbar.extended .trigger-icon:hover {
      opacity: 0.5;
      margin: 0;
      pointer-events: none; }
  .flat-searchbar:focus-within {
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
    background-color: var(--sd-colour-bg__searchbar);
    outline: none; }
  .flat-searchbar:hover {
    background-color: var(--sd-colour-bg__searchbar); }

.search-start {
  height: 2.8rem;
  width: 2.8rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  margin: 0 0.8rem 0 0;
  padding: 0;
  transition: all 0.2s ease-out;
  background-color: var(--sd-colour-interactive--alpha-40);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .search-start i {
    transition: color 0.2s ease-out;
    color: var(--sd-colour-interactive--alpha-80); }
  .search-start.visible {
    opacity: 1;
    display: flex; }
    .search-start.visible:hover {
      background-color: var(--sd-colour-interactive--alpha-80); }
      .search-start.visible:hover i {
        color: white; }
    .search-start.visible:active {
      background-color: var(--sd-colour-interactive); }
      .search-start.visible:active i {
        color: white; }
  .search-start:hover {
    background-color: var(--sd-colour-interactive--alpha-80); }
    .search-start:hover i {
      color: white; }
  .search-start:active {
    background-color: var(--sd-colour-interactive); }
    .search-start:active i {
      color: white; }

.monitoring-backlink .separator-handler {
  margin-block-start: 0;
  margin-inline-end: 10px; }

.filter-type {
  white-space: nowrap; }
  .filter-type__item {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 2px;
    cursor: pointer; }
    .filter-type__item i {
      height: auto;
      color: #8c97a6;
      padding: 2px 8px 1px 8px;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(215, 215, 215, 0.7);
      border-radius: 2px;
      box-sizing: border-box; }
    .filter-type__item a {
      height: 21px;
      font-size: 11px;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      line-height: 21px;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 2px;
      border: 1px solid #8c97a6;
      box-sizing: border-box;
      text-transform: uppercase;
      background: #fff !important;
      color: #2c323a;
      opacity: 0.7; }
      .filter-type__item a:hover {
        color: black;
        opacity: 1; }
      .filter-type__item a.filter-type__link--blue {
        border-color: #5ea9c8;
        color: #5ea9c8; }
      .filter-type__item a.filter-type__link--dark-blue {
        border-color: var(--sd-slugline-color);
        color: var(--sd-slugline-color); }
    .filter-type__item:hover i {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #aaaaaa;
      color: #596473; }
    .filter-type__item--active i {
      opacity: 1;
      color: #f3f5f6;
      background: #505050;
      border-color: #505050;
      box-shadow: inset 0 1px 0px #373737 !important; }
    .filter-type__item--active a {
      opacity: 1;
      background: #505050 !important;
      border-color: #373737 #505050 #505050 !important;
      color: #fff !important;
      box-shadow: inset 0 2px 0px #373737 !important; }
    .filter-type__item--active:hover i {
      border-color: rgba(80, 80, 80, 0.8);
      background-color: rgba(80, 80, 80, 0.8);
      color: #f3f5f6; }
    .filter-type__item--active:hover a {
      opacity: 0.8; }

.filter-type--padded {
  padding: 10px 0 10px 20px; }

.result-type {
  margin-inline-start: 10px; }

.dropdown__menu .filter-type {
  padding: 0 10px; }

.dropdown__menu--compare-versions {
  max-height: 400px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--compare-versions li {
    margin-block-end: 2px;
    line-height: 14px !important; }
    .dropdown__menu--compare-versions li .dropdown.open li .dropdown .dropdown__toggle:hover {
      display: none; }
    .dropdown__menu--compare-versions li button {
      width: 300px;
      padding-inline-end: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      border-radius: 0;
      line-height: 14px !important;
      box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .dropdown__menu--compare-versions li button i {
        position: absolute;
        inset-inline-end: -5px;
        inset-block-start: 9px; }
      .dropdown__menu--compare-versions li button.disabled, .dropdown__menu--compare-versions li button.disabled:hover {
        background: #f0f0f0; }
        .dropdown__menu--compare-versions li button.disabled i, .dropdown__menu--compare-versions li button.disabled:hover i {
          opacity: 0.2;
          filter: "alpha(opacity=20)"; }
      .dropdown__menu--compare-versions li button .headline {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 500;
        width: 240px;
        display: inline-block; }
      .dropdown__menu--compare-versions li button .desk-details {
        display: flex;
        font-size: 10px;
        margin: 4px 0; }
        .dropdown__menu--compare-versions li button .desk-details span:first-of-type {
          flex-grow: 1; }
      .dropdown__menu--compare-versions li button em {
        font-size: 10px;
        font-weight: 500;
        color: #888;
        float: inline-start;
        padding-inline-end: 10px; }
    .dropdown__menu--compare-versions li .msg {
      padding: 0 20px; }

.dropdown__menu .fieldset button {
  text-align: center;
  width: auto;
  min-width: 50px;
  clear: none;
  margin-inline-end: 10px;
  float: inline-end; }

.online-users {
  float: inline-start;
  height: 48px;
  padding-inline-start: 15px;
  margin-inline-start: 5px; }
  .online-users > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 16px 0;
    line-height: 13px; }

[sd-timezone] .timezone-label {
  margin-block-end: 1rem; }

[sd-timezone] .input-term input {
  height: 3.2rem;
  margin-block-end: 5px;
  width: 100%;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border: none;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  padding-inline-start: 1rem;
  color: var(--color-text); }
  [sd-timezone] .input-term input:hover {
    border-bottom-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  [sd-timezone] .input-term input:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

[sd-timezone] .item-list {
  width: 100%;
  color: var(--color-text); }

[sd-timezone] .pills-list li {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  font-size: 1.3rem; }
  [sd-timezone] .pills-list li .icon-remove-sign {
    color: inherit; }
  [sd-timezone] .pills-list li #timezone {
    padding-inline-end: 2.5rem;
    flex-grow: 1; }

.datepicker-input, .timepicker-input {
  position: relative;
  width: auto;
  min-width: 130px;
  color: var(--color-text); }
  .datepicker-input input, .timepicker-input input {
    width: 100%;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    padding-inline-end: 3.2rem;
    padding-inline-start: 1.2rem;
    min-height: 3.2rem;
    border: none;
    border-block-end: 1px solid var(--color-input-border);
    border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
    background-color: var(--color-input-bg);
    font-size: 1.3rem;
    color: var(--color-text); }
    .datepicker-input input:hover, .timepicker-input input:hover {
      border-color: var(--color-input-border-hover);
      background-color: var(--color-input-bg--hover); }
    .datepicker-input input:focus, .timepicker-input input:focus {
      box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
      border-color: var(--sd-colour-interactive);
      background-color: var(--sd-colour-interactive--alpha-20); }
    .datepicker-input input.ng-invalid, .timepicker-input input.ng-invalid {
      color: #d10000;
      border-color: #b61818 !important;
      box-shadow: 0 1px 0 0 #b61818 !important; }
  .datepicker-input .icn-btn, .timepicker-input .icn-btn {
    position: absolute;
    inset-inline-end: 2px;
    inset-block-start: 0; }

.datepicker-wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2000;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: var(--b-radius--small);
  width: 280px; }
  .datepicker-wrapper .btn:hover {
    box-shadow: none; }
  .datepicker-wrapper .btn--mini {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 11px !important;
    height: auto; }
  .datepicker-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .datepicker-wrapper table td, .datepicker-wrapper table th {
      padding: 1px;
      border: 0; }
  .datepicker-wrapper .datepicker-additional {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap--x-small);
    margin-block-end: 8px; }
    .datepicker-wrapper .datepicker-additional .btn {
      min-height: 24px;
      flex-grow: 1; }
  .datepicker-wrapper .datepicker-core {
    margin-block-start: 4px;
    margin-block-end: 12px;
    border-block-end: 1px solid var(--sd-colour-line--light) !important; }
    .datepicker-wrapper .datepicker-core table {
      margin: 8px 0 12px;
      width: 100%; }
      .datepicker-wrapper .datepicker-core table thead {
        margin-block-end: 8px; }
        .datepicker-wrapper .datepicker-core table thead tr th {
          padding-block-end: 8px; }
          .datepicker-wrapper .datepicker-core table thead tr th .btn {
            background: none;
            padding: 0;
            display: flex;
            align-items: center; }
        .datepicker-wrapper .datepicker-core table thead tr:last-child th small {
          font-weight: 500; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn strong {
          font-weight: normal;
          font-size: 14px; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th .btn i {
          display: inline-block;
          width: 14px;
          height: 14px;
          background-repeat: no-repeat; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th:first-child .btn i {
          margin-inline-start: 3px;
          background-position: -189px -165px; }
        .datepicker-wrapper .datepicker-core table thead tr:first-child th:last-child .btn i {
          margin-inline-end: 3px;
          background-position: -213px -165px; }
      .datepicker-wrapper .datepicker-core table tbody tr:first-child td {
        padding-block-start: 5px; }
      .datepicker-wrapper .datepicker-core table tbody td {
        padding: 0 2px; }
        .datepicker-wrapper .datepicker-core table tbody td .btn {
          width: 100% !important;
          min-width: 28px !important;
          padding: 0;
          background-color: transparent;
          color: var(--color-text);
          box-shadow: none;
          border-radius: var(--b-radius--small); }
          .datepicker-wrapper .datepicker-core table tbody td .btn .text-muted {
            color: var(--color-text-lighter); }
          .datepicker-wrapper .datepicker-core table tbody td .btn:hover {
            box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
            background: transparent; }
          .datepicker-wrapper .datepicker-core table tbody td .btn.active {
            color: white !important;
            background-color: var(--sd-colour-interactive); }
          .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active {
            color: white;
            background: ver(--sd-colour-interactive); }
            .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary .text-muted, .datepicker-wrapper .datepicker-core table tbody td .btn.btn--primary.active .text-muted {
              color: white; }

.timepicker-popup {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 2000;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: var(--b-radius--small);
  width: 200px;
  min-height: 310px; }
  .timepicker-popup .timepicker-additional {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap--x-small);
    margin-block-end: 18px; }
    .timepicker-popup .timepicker-additional .btn {
      height: 24px;
      flex-grow: 1;
      font-size: 11px;
      letter-spacing: 0;
      padding-inline: 4px;
      box-shadow: none; }
      .timepicker-popup .timepicker-additional .btn:hover {
        box-shadow: none; }
  .timepicker-popup .timepicker-core .select-area {
    margin-block-start: 15px;
    border-block-start: 1px solid var(--sd-colour-line--medium); }
    .timepicker-popup .timepicker-core .select-area .header {
      margin-block-start: -10px;
      float: inline-start;
      background-color: var(--color-dropdown-menu-Bg);
      text-transform: uppercase;
      color: var(--color-text-light);
      font-size: 11px;
      padding-inline-end: 10px; }
    .timepicker-popup .timepicker-core .select-area ul {
      padding-block-start: 15px;
      *zoom: 1; }
      .timepicker-popup .timepicker-core .select-area ul:before, .timepicker-popup .timepicker-core .select-area ul:after {
        display: table;
        content: ""; }
      .timepicker-popup .timepicker-core .select-area ul:after {
        clear: both; }
      .timepicker-popup .timepicker-core .select-area ul > li {
        float: inline-start;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 1px 2px 0;
        color: var(--color-text);
        background-color: transparent;
        box-shadow: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        border-radius: var(--b-radius--small); }
        .timepicker-popup .timepicker-core .select-area ul > li:hover {
          box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
          background: transparent; }
        .timepicker-popup .timepicker-core .select-area ul > li.active {
          color: white !important;
          background-color: var(--sd-colour-interactive); }
  .timepicker-popup .timepicker-core .timepicker-popup__foter {
    padding: 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap--small); }

.pills-list.line-input > li {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important;
  border-block-end: 1px solid var(--sd-colour-line--light) !important;
  background-color: transparent;
  padding: 0;
  height: 24px;
  box-shadow: none; }
  .pills-list.line-input > li .actions {
    inset-block-start: -9px; }
  .pills-list.line-input > li:hover {
    border-color: var(--sd-colour-line--medium) !important;
    background-color: transparent !important;
    box-shadow: none; }
  .pills-list.line-input > li:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: transparent !important; }

/*
    ----------------------------------------------------------------------
    OTHER CUSTOM ELEMENTS
    ----------------------------------------------------------------------
*/
.backlink, a.backlink {
  text-decoration: none !important;
  color: var(--color-text);
  border: 0;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .backlink:before, a.backlink:before {
    font-family: 'sd_icons';
    font-weight: normal;
    font-style: normal;
    content: "\E677";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    flex-grow: 0;
    margin: -1px 8px 0 0;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    opacity: 0.7; }
  .backlink.white, a.backlink.white {
    color: white; }
  .backlink:hover, a.backlink:hover {
    color: var(--sd-colour-interactive);
    text-decoration: none !important; }
    .backlink:hover:before, a.backlink:hover:before {
      text-decoration: none !important;
      margin: -1px 10px 0 -2px;
      opacity: 1; }

.stage-header__name a {
  transition: all 0.2s ease-in-out; }

.widget-content .stage-header__name a {
  text-decoration: none !important; }

.activity-log {
  margin-block-start: 10px; }
  .activity-log ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .activity-log ul li.activity .activity-content {
      margin-block-start: -3px;
      padding-inline-end: 20px;
      color: var(--color-text-light); }
      .activity-log ul li.activity .activity-content b {
        font-weight: 500; }
    .activity-log ul li.activity .activity-date {
      font-size: 11px;
      color: var(--color-text-lighter);
      margin-block-start: -5px; }
    .activity-log ul li.activity.with-date {
      margin-block-start: 35px; }
      .activity-log ul li.activity.with-date .date {
        border-block-start: 1px solid var(--sd-colour-line--light);
        inset-block-start: -17px;
        position: absolute;
        inset-inline-end: 0;
        inset-inline-start: 0; }
        .activity-log ul li.activity.with-date .date span {
          font-size: 12px;
          color: var(--color-text-lighter);
          margin-block-start: -10px;
          display: block;
          float: inline-start;
          padding-inline-end: 5px; }
    .activity-log ul li.activity:hover {
      cursor: default; }

.activity-load-more {
  width: 100%;
  font-size: 12px;
  margin: 20px 0; }

.notification-list {
  margin: 0 1.6rem;
  margin-block-end: 20px;
  list-style-type: none; }
  .notification-list li {
    background: var(--sd-item__main-Bg);
    padding: 12px 8px;
    border-radius: var(--b-radius--medium);
    width: 100%;
    min-height: 48px;
    margin: 1.6rem 0;
    box-shadow: 0 0 0 1px var(--sd-colour--shadow-line), 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.16);
    border: none; }
    .notification-list li .content {
      padding-inline-start: 40px; }
      .notification-list li .content .text {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        color: var(--color-text); }
      .notification-list li .content .date, .notification-list li .content .date time, .notification-list li .content time {
        font-size: 11px;
        color: var(--color-text-light);
        margin-block-start: -3px;
        display: block; }
      .notification-list li .content a {
        cursor: pointer;
        color: var(--sd-colour-interactive); }
        .notification-list li .content a:hover {
          text-decoration: none;
          color: var(--sd-colour-interactive--hover); }
    .notification-list li.unread {
      border-color: var(--sd-colour-interactive--alpha-50); }
    .notification-list li.important {
      border: 1px solid rgba(167, 1, 1, 0.8) !important;
      box-shadow: inset 0px 0px 1px 1px rgba(38, 23, 23, 0.3) !important; }
    .notification-list li .info {
      color: var(--color-text-light); }

.notification-pane ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  margin: -1px 0;
  position: fixed;
  inset-inline-end: 10px; }

.notification-pane ::-webkit-scrollbar:hover {
  background-color: var(--sd-colour__webkit-scrollbar--hover);
  cursor: pointer; }

.notification-pane ::-webkit-scrollbar-thumb {
  background: var(--sd-colour__webkit-scrollbar-thumb); }

.notification-pane ::-webkit-scrollbar-thumb:hover {
  background: var(--sd-colour__webkit-scrollbar-thumb--hover);
  cursor: pointer; }

.hard-error {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 200px;
  z-index: 9999;
  width: auto;
  max-width: 400px; }
  .hard-error .alert {
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0 15px; }
  .hard-error .alert-error {
    background-color: #612525;
    color: #cc7c7b;
    text-shadow: none; }
  .hard-error:hover .alert {
    height: auto;
    line-height: 20px;
    padding: 10px 15px;
    overflow: visible;
    white-space: pre-wrap; }

.sd-pagination {
  padding: 7px 20px; }
  .sd-pagination .btn i {
    margin-inline-end: 0; }
  .sd-pagination .page-info {
    margin-inline-end: 20px;
    display: inline-block; }
    .sd-pagination .page-info input {
      display: inline-block;
      width: 30px;
      text-align: center;
      margin-block-start: -1px;
      padding: 6px 3px !important;
      border-radius: 5px;
      margin: 0 5px;
      box-shadow: inset 0 5px 5px -5px #acacac; }
  .sd-pagination .btn-group, .sd-pagination .btn-group > .btn {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  .sd-pagination .btn-group > .btn + .btn {
    margin-inline-start: 0px; }

.assignment-menu .assignment-box {
  width: 270px; }
  .assignment-menu .assignment-box h5 {
    border: 0; }
  .assignment-menu .assignment-box .assignment-content .assignment-result-list {
    margin-block-start: 10px;
    height: 140px;
    overflow: auto; }
    .assignment-menu .assignment-box .assignment-content .assignment-result-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li {
        height: 32px;
        margin-block-end: 3px; }
        .assignment-menu .assignment-box .assignment-content .assignment-result-list ul li span {
          font-size: 13px;
          color: #4f4f4f;
          line-height: 24px;
          margin-inline-start: 10px; }

.sortbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 8px;
  padding: 0 8px;
  gap: 8px; }
  .sortbar .lab {
    margin-inline-end: 8px; }
  .sortbar .dropdown__toggle {
    color: var(--color-text);
    min-width: auto !important; }
  .sortbar .direction {
    background: none;
    opacity: 0.7; }

.selectionlist {
  list-style-type: none;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: auto; }
  .selectionlist li {
    line-height: 16px;
    height: 16px;
    padding: 4px;
    margin-block-end: 3px;
    border-radius: 3px;
    background: #e8e8e8; }
  .selectionlist .sf-toggle-custom {
    margin-block-start: -1px;
    float: inline-end; }

.plain-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .plain-list.plain-border-top {
    border-block-start: 1px solid #e5e5e5; }
  .plain-list > li {
    border-block-end: 1px solid #e5e5e5;
    height: 41px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box; }
    .plain-list > li:hover {
      background: #eff7fa; }
    .plain-list > li .btn--mini {
      margin-block-start: 10px; }

.plain-small > li {
  height: 31px;
  line-height: 30px; }

.users-list > li .name {
  font-size: 13px;
  color: var(--sd-colour-interactive); }

.sd-mentions-item > div {
  display: flex;
  align-items: center;
  padding: 4px;
  min-height: 38px;
  border-radius: var(--b-radius--small); }
  .sd-mentions-item > div * + * {
    margin-inline-start: 6px; }

.sd-mentions-item.active > div {
  background-color: var(--sd-colour-interactive--alpha-20);
  cursor: pointer; }

.users-list-embed {
  position: relative; }
  .users-list-embed > li {
    padding: 6px 8px;
    clear: both;
    border-radius: 3px;
    margin-block-end: 2px; }
    .users-list-embed > li:hover, .users-list-embed > li.active {
      cursor: pointer;
      color: var(--color-text); }
    .users-list-embed > li:hover, .users-list-embed > li :focus {
      background: var(--sd-colour-interactive--alpha-20); }
    .users-list-embed > li:active {
      background: var(--sd-colour-interactive--alpha-30); }
    .users-list-embed > li.active {
      background: var(--sd-colour-interactive--alpha-30); }
    .users-list-embed > li.inactive {
      color: var(--color-text-light);
      opacity: 0.75; }

.mentio-menu {
  padding: 8px;
  max-height: 126px;
  z-index: 9999 !important;
  overflow: auto;
  background-color: var(--color-dropdown-menu-Bg) !important;
  border-radius: var(--b-radius--small);
  box-shadow: var(--sd-shadow__dropdown);
  width: 240px;
  inset-block-end: 5px; }
  .mentio-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.card-list > li, .card {
  display: block;
  padding: 10px;
  background: var(--sd-item__main-Bg);
  border: none;
  box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 2px 0 rgba(0, 0, 0, 0.12);
  border-radius: var(--b-radius--medium);
  margin-block-end: 7px;
  position: relative; }
  .card-list > li:not([disabled]):hover, .card:not([disabled]):hover {
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li:not([disabled]):hover .action, .card:not([disabled]):hover .action {
      display: block !important; }
  .card-list > li.selected, .card.selected {
    background-color: var(--sd-item__main-Bg--hover);
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .card-list > li.selected:hover, .card.selected:hover {
      box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }
  .card-list > li[disabled], .card[disabled] {
    cursor: default !important;
    opacity: 0.75; }
  .card-list > li .action, .card .action {
    display: none;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    min-width: 200px; }
    .card-list > li .action ul, .card .action ul {
      height: 100%;
      text-align: end; }
    .card-list > li .action .item-field, .card .action .item-field {
      height: 100%; }
      .card-list > li .action .item-field span, .card .action .item-field span {
        display: none; }
      .card-list > li .action .item-field a, .card .action .item-field a {
        padding: 0 23px;
        line-height: 62px;
        display: block; }

.active .card {
  background-color: var(--sd-item__main-Bg--hover);
  box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.35); }
  .active .card:hover {
    box-shadow: 0 0 0 1px var(--sd-shadow-outline--2), 0px 1px 3px 0 rgba(0, 0, 0, 0.45); }

.pills-list {
  max-width: 650px;
  color: var(--color-text); }
  .pills-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background-color: var(--sd-item__main-Bg);
    margin-block-end: 6px;
    margin-inline-end: 2px;
    border-radius: 2px;
    padding: 10px 16px;
    min-height: 18px;
    color: inherit;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.2s; }
    .pills-list > li:hover {
      background-color: var(--sd-item__main-Bg--hover); }
    .pills-list > li.active {
      background: var(--sd-colour-interactive--active);
      box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1); }
      .pills-list > li.active:not(.editable) {
        color: white; }
    .pills-list > li.inactive {
      opacity: 0.5; }
    .pills-list > li.empty-info {
      background: transparent;
      border: 1px dotted var(--sd-colour-line--medium);
      opacity: 0.75;
      box-shadow: none !important; }
    .pills-list > li .dropdown {
      margin-block-start: -3px; }
    .pills-list > li .actions {
      display: none;
      position: absolute;
      inset-block-start: 0px;
      inset-inline-end: 4px; }
      .pills-list > li .actions button {
        transition: opacity ease-in-out 0.2s;
        border: 0;
        height: 30px;
        width: 30px;
        margin: 3px;
        background: none;
        text-align: center;
        display: block;
        float: inline-start;
        line-height: 0;
        opacity: 0.6; }
        .pills-list > li .actions button:hover {
          cursor: pointer;
          opacity: 1; }
        .pills-list > li .actions button i {
          margin-block-start: -2px;
          color: var(--color-text-light); }
    .pills-list > li h6 {
      text-transform: none;
      color: inherit;
      font-size: 14px;
      font-weight: 300;
      float: inline-start;
      max-width: 99%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .pills-list > li .label-group {
      display: inline-block; }
      .pills-list > li .label-group.label-group--right {
        float: inline-end; }
    .pills-list > li .label {
      font-size: 9px;
      font-weight: 500;
      padding: 2px 5px;
      line-height: 12px;
      margin-inline-start: 5px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 400; }
    .pills-list > li:hover .actions {
      display: block !important; }
    .pills-list > li:hover h6 {
      max-width: 550px; }
    .pills-list > li h5 {
      display: inline-block; }
  .pills-list.pills-editable li.editable {
    padding: 0;
    height: auto;
    background: transparent; }
    .pills-list.pills-editable li.editable input {
      height: 30px;
      line-height: 30px;
      border-radius: 3px; }

.pills-list:not(.pills-list--draggable) > li {
  transition: all ease-in-out 0.2s; }

.pill-small {
  width: 200px;
  margin: 4px; }

.item-field {
  display: inline-block; }
  .item-field span {
    display: none; }
  .item-field button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: text-top; }
  .item-field:hover {
    background: rgba(0, 0, 0, 0.1); }
  .item-field.disabled {
    cursor: default; }
    .item-field.disabled i {
      opacity: 0.3;
      filter: "alpha(opacity=30)"; }
    .item-field.disabled:hover {
      background: #e8e8e8; }

.dropdown .item-field {
  display: block;
  border-inline-start: 0; }
  .dropdown .item-field span {
    display: inline-block; }

.dropdown .item-field:hover {
  background: none; }

.or-label {
  position: relative;
  text-align: center;
  font-style: italic;
  color: var(--color-text-light); }
  .or-label:before {
    content: "_________";
    position: absolute;
    inset-block-start: -6px;
    color: var(--sd-colour-line--medium);
    inset-inline-start: 50%;
    margin-inline-start: -75px; }
  .or-label:after {
    content: "_________";
    position: absolute;
    inset-block-start: -6px;
    color: var(--sd-colour-line--medium);
    inset-inline-start: 50%;
    margin-inline-start: 15px; }

.list-group .list-group-item {
  padding: 0 8px 0 16px;
  border: 1px solid var(--sd-colour-line--light);
  border-width: 0 1px 1px 1px;
  background-color: var(--sd-item__main-Bg);
  display: flex;
  align-items: center;
  min-height: 4.2rem; }
  .list-group .list-group-item:first-child {
    border-width: 1px;
    border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }
  .list-group .list-group-item:last-child {
    border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }
  .list-group .list-group-item:hover {
    background-color: var(--sd-item__main-Bg--hover);
    cursor: pointer; }
  .list-group .list-group-item a {
    text-decoration: none;
    color: var(--color-text); }
  .list-group .list-group-item--no-click:hover {
    cursor: default;
    background-color: var(--sd-item__main-Bg); }

.shadow-list-holder {
  overflow-y: auto;
  width: 100%;
  max-height: 100%; }

.scroll-shadow {
  height: 0; }
  .scroll-shadow .inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    height: 4px;
    position: relative;
    z-index: 503;
    transition: linear .1s all;
    opacity: 0; }
  .scroll-shadow.shadow .inner {
    opacity: 1; }

.toggle-box__button {
  transition: color ease-in-out 0.2s;
  color: #8c97a6;
  cursor: pointer; }
  .toggle-box__button i {
    color: inherit;
    margin-inline-end: 5px;
    vertical-align: text-bottom; }
  .toggle-box__button:hover {
    text-decoration: none;
    color: white; }

.toggle-box .tag-label {
  white-space: nowrap;
  overflow: hidden; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0; }
  .fade.in {
    opacity: 1; }

.close {
  float: inline-end;
  line-height: 18px;
  opacity: 0.2;
  filter: "alpha(opacity=20)"; }
  .close:hover {
    text-decoration: none;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    cursor: pointer; }
  .close i {
    vertical-align: middle; }

.draggable-list__item {
  background-color: var(--sd-item__main-Bg);
  padding: 18px 14px 19px 25px;
  margin-block-end: 10px;
  cursor: move;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .draggable-list__item.placeholder {
    background: none;
    box-shadow: none;
    border: 2px dashed var(--sd-colour-line--medium); }
  .draggable-list__item:after {
    content: "";
    width: 10px;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 2px;
    background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px;
    opacity: 0.2;
    position: absolute;
    display: block; }
  .draggable-list__item:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    .draggable-list__item:hover:after {
      opacity: 0.8; }
  .draggable-list__item--small {
    padding: 10px 14px 10px 25px; }
  .draggable-list__item--no-padding {
    padding: 0 0 0 8px; }
    .draggable-list__item--no-padding:after {
      width: 6px;
      inset-inline-start: 2px;
      background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 0px top 3px; }

.draggable-list.serial-decimal {
  list-style-type: decimal !important;
  padding-block-start: 0px;
  margin-inline-start: 5px; }
  .draggable-list.serial-decimal > li {
    word-spacing: 2px;
    line-height: 0px; }
  .draggable-list.serial-decimal .sort-item.active {
    background-color: var(--sd-item__main-Bg--alternate); }

.drag-and-drop--handle {
  width: 6px;
  height: 20px;
  background: transparent url(876e52a1ea0f40093a764217cb6a130a.png) repeat-y left 3px top 3px; }

.ui-resizable-e {
  cursor: col-resize !important; }

.spinner-big {
  background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center; }

.spinner-alt {
  background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center; }

.sd-check__wrapper .sd-checkbox + label {
  font-size: 13px;
  font-weight: 400;
  color: inherit;
  height: auto;
  text-transform: none; }
  .sd-check__wrapper .sd-checkbox + label.label--active {
    color: var(--sd-colour-interactive); }

.sd-toggle + label {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-text);
  height: auto;
  text-transform: none; }

.definition-list .definition-list__term {
  font-size: 1.6rem;
  margin-block-end: 0.6rem;
  font-weight: 400; }

.definition-list .definition-list__item {
  padding: 0.3rem 0;
  margin-inline-start: 0;
  font-size: 1.4rem;
  font-weight: 300; }

.definition-list .definition-list__item + .definition-list__term {
  margin-block-start: 2rem; }

.nav-button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0; }
  .nav-button-bar .btn {
    flex-grow: 0;
    flex-shrink: 0; }

.sd-line-input__message--with-char-count {
  padding-inline-end: 10rem; }

.sd-list-item.inactive {
  color: var(--color-text-light);
  opacity: 0.5; }

body > .sd-list-item {
  z-index: 1060; }

.sd-toggle + label {
  letter-spacing: 0;
  color: var(--color-text); }

.sd-list-item__text-label time {
  padding: 0;
  font-style: normal; }

[sd-meta-terms] {
  min-height: 2.8rem; }

.line-input--boxed .input-term input[type="text"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-block-end: 1px solid var(--color-input-border);
  font-size: 1.4rem;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  padding: 0 1rem;
  height: 3.2rem;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .line-input--boxed .input-term input[type="text"]:hover {
    border-color: var(--color-input-border-hover) !important;
    background-color: var(--color-input-bg--hover) !important; }
  .line-input--boxed .input-term input[type="text"]:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive) !important;
    border-color: var(--sd-colour-interactive) !important;
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

.line-input--boxed .terms-list {
  width: 100%;
  margin-block-start: 0.8rem; }

sd-tag-input + .sd-line-input__message {
  margin-block-start: -2rem; }

sd-multi-image-edit {
  height: 100vh;
  display: flex;
  flex-direction: column; }

.sd-wrap-helper {
  display: contents !important; }

.subnav {
  z-index: 5; }

.subnav + .subnav {
  z-index: 4; }

.sd-margin-all--0 {
  margin: 0 !important; }

.locked-info {
  display: flex;
  align-items: center;
  background: var(--sd-colour--locked-info);
  color: white;
  padding: 0.4rem;
  padding-inline-end: 0;
  height: 3.2rem;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }

.locked-info__label {
  white-space: nowrap;
  opacity: 0.8;
  font-weight: 300;
  margin-inline-end: 0.4rem; }

.locked-info__name {
  font-weight: 400;
  margin-inline-end: 1.2rem; }

.locked-info__button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  border-radius: 1.2rem;
  padding: 0 1.4rem;
  background-color: transparent;
  transition: background-color 0.2s ease-out, color 0.1s ease-out;
  color: white;
  font-size: 1.1rem;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0.4rem 0 0; }
  .locked-info__button:hover {
    background-color: rgba(0, 0, 0, 0.16); }

.locked-info__avatar {
  margin-inline-end: 4px;
  margin-inline-start: -2px;
  transform: scale(0.9); }

.sd-dropdown-item {
  display: block;
  width: 100%;
  white-space: nowrap;
  color: var(--color-text);
  padding: 0.6rem 1.6rem;
  margin-block-end: 0.2rem;
  font-size: 1.3rem;
  line-height: 140%;
  text-decoration: none;
  text-align: start; }
  .sd-dropdown-item:hover {
    background-color: var(--sd-colour-interactive--alpha-20) !important; }

.sd-alert [class^="icon-"],
.sd-alert [class*=" icon-"] {
  color: inherit; }

.sd-content-box {
  border-radius: 4px; }
  .sd-content-box--light {
    background-color: var(--sd-item__main-Bg); }
  .sd-content-box--emphasise {
    background-color: var(--sd-item__main-Bg);
    border: 1px solid var(--sd-colour-interactive--alpha-50); }

.sd-position--relative {
  position: relative !important; }

.sd-position--absolute {
  position: absolute !important; }

.sd-empty {
  display: contents !important; }

.a11y-only {
  position: absolute;
  inset-block-start: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  height: 1px;
  overflow: hidden; }

.panel__heading {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
  margin: 0;
  font-size: 1.5rem;
  color: inherit;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 48px; }

.main-section--pinned-tabs .authoring-header,
.main-section--pinned-tabs .main-article {
  margin-inline-end: 325px; }

.main-section--pinned-tabs .authoring-sticky {
  margin-inline-end: 333px; }

.main-section--pinned-tabs .pinned-tab__wrapper {
  width: 330px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

.pinned-tab__wrapper {
  background-color: var(--sd-colour-panel-bg--100);
  width: 0;
  overflow: hidden;
  position: absolute;
  inset-inline-end: 48px;
  inset-block-start: 0;
  inset-block-end: 32px;
  z-index: 1; }

.pinned-tab__wrapper {
  overflow: hidden; }
  .pinned-tab__wrapper .tabcontent {
    padding: 0;
    position: absolute;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-start: 1px;
    inset-inline-end: 1px;
    overflow: hidden; }
  .pinned-tab__wrapper .sd-widget {
    width: auto;
    height: 100%;
    position: relative;
    border: 0; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: var(--sd-colour-panel-bg--100);
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
  .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }
  .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: var(--sd-colour-panel-bg--100); }
  .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
    line-height: 1;
    font-size: 1.4rem;
    padding: 0 1.2rem; }
  .pinned-tab__wrapper .sd-widget.related-item .existing-items {
    inset-block-start: -35px; }
  .pinned-tab__wrapper .sd-widget.ingest .preview,
  .pinned-tab__wrapper .sd-widget.archive .preview,
  .pinned-tab__wrapper .sd-widget.related-item .preview,
  .pinned-tab__wrapper .sd-widget.aggregate .preview,
  .pinned-tab__wrapper .sd-widget.package-manager .preview,
  .pinned-tab__wrapper .sd-widget.packages .preview,
  .pinned-tab__wrapper .sd-widget.user-activity .preview {
    inset-block-start: 0; }

.workqueue .main-section--pinned-tabs .widget-wrapper.active-right .tabpane.right-tabpane {
  display: none !important; }

.pinned .sd-sidetab-menu__btn {
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none; }
  .pinned .sd-sidetab-menu__btn [class^="big-icon-"],
  .pinned .sd-sidetab-menu__btn [class*=" big-icon-"] {
    color: rgba(255, 255, 255, 0.4) !important; }

.sd-line-input input.sd-line-input__input,
.sd-line-input textarea.sd-line-input__input {
  display: block !important; }

.modal__body .sd-list-item {
  transition: transform .1s linear !important; }

.dropdown__caret {
  border-top-color: var(--color-text) !important; }

.dropdown__menu-divider {
  background-color: var(--sd-colour-line--light) !important; }

.dropdown__menu {
  background-color: var(--color-dropdown-menu-Bg) !important;
  color: var(--color-text) !important; }
  .dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    color: var(--color-text) !important;
    background-color: transparent !important; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
      color: var(--color-text-light) !important; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
      color: var(--color-icon-default) !important; }
  .dropdown__menu li a:not(.btn):hover, .dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background-color: var(--sd-colour-interactive--alpha-20) !important; }
  .dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
    background-color: var(--sd-colour-interactive--alpha-30) !important; }
  .dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
    background-color: none !important; }
  .dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
    background-color: var(--sd-colour-interactive--lighten-30) !important; }
  .dropdown__menu .dropdown__menu-header {
    border-block-end: 1px solid var(--color-border-line--light) !important; }
  .dropdown__menu .dropdown__menu-footer {
    border-block-start: 1px solid var(--color-border-line--light) !important; }

.custom-dropdown__menu {
  max-height: 400px;
  background: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  text-align: start; }

.sd-toggle + label {
  letter-spacing: 0;
  color: var(--color-text);
  display: inline-block;
  margin: 0;
  margin-inline-start: 8px; }

.dropdown.navbtn {
  display: flex; }

.sd-list-item {
  flex-shrink: 0; }

.toggle-box {
  margin-block-end: 1.6rem; }
  .toggle-box.toggle-box--no-margin {
    margin-block-end: 0; }

.dropdown__menu-footer.dropdown__menu-footer--align-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap--small); }

.modal.modal--tabs .modal__body-footer {
  display: flex; }

.modal--fullscreen .modal__header {
  border-radius: 0 !important; }

.sd-flex--align-self-stretch {
  align-self: stretch !important; }

.subnav [sd-searchbar] {
  display: contents; }

.publish-queue .flat-searchbar.extended {
  max-width: 380px; }

.sd-margin-start--0-5 {
  margin-inline-start: 0.4rem; }

.sd-margin-start--1 {
  margin-inline-start: 0.8rem; }

.sd-margin-start--1-5 {
  margin-inline-start: 1.2rem; }

.sd-margin-start--2 {
  margin-inline-start: 1.6rem; }

.sd-margin-start--3 {
  margin-inline-start: 2.4rem; }

.sd-margin-start--4 {
  margin-inline-start: 3.2rem; }

.sd-margin-start--5 {
  margin-inline-start: 4rem; }

.sd-margin-start--auto {
  margin-inline-start: auto; }

.sd-margin-end--0-5 {
  margin-inline-end: 0.4rem; }

.sd-margin-end--1 {
  margin-inline-end: 0.8rem; }

.sd-margin-end--1-5 {
  margin-inline-end: 1.2rem; }

.sd-margin-end--2 {
  margin-inline-end: 1.6rem; }

.sd-margin-end--3 {
  margin-inline-end: 2.4rem; }

.sd-margin-end--4 {
  margin-inline-end: 3.2rem; }

.sd-margin-end--5 {
  margin-inline-end: 4rem; }

.sd-margin-end--auto {
  margin-inline-end: auto; }

.sd-padding-start--0-5 {
  padding-inline-start: 0.4rem; }

.sd-padding-start--1 {
  padding-inline-start: 0.8rem; }

.sd-padding-start--1-5 {
  padding-inline-start: 1.2rem; }

.sd-padding-start--2 {
  padding-inline-start: 1.6rem; }

.sd-padding-start--3 {
  padding-inline-start: 2.4rem; }

.sd-padding-start--4 {
  padding-inline-start: 3.2rem; }

.sd-padding-start--5 {
  padding-inline-start: 4rem; }

.sd-padding-end--0-5 {
  padding-inline-end: 0.4rem; }

.sd-padding-end--1 {
  padding-inline-end: 0.8rem; }

.sd-padding-end--1-5 {
  padding-inline-end: 1.2rem; }

.sd-padding-end--2 {
  padding-inline-end: 1.6rem; }

.sd-padding-end--3 {
  padding-inline-end: 2.4rem; }

.sd-padding-end--4 {
  padding-inline-end: 3.2rem; }

.sd-padding-end--5 {
  padding-inline-end: 4rem; }

.sd-flex--nowrap {
  flex-wrap: nowrap !important; }

#main-container.authoring .authoring-embedded {
  background: url(bc64c8da982d3a424c62b4d324c50a18.gif) no-repeat center; }

.auth-screen {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-end: 0; }
  .auth-screen .main-section {
    transition: all ease 0.3s; }

.authoring-embedded {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-end: 0; }
  .authoring-embedded .embedded-auth-view {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    box-sizing: border-box; }
  .authoring-embedded .page-content-container {
    inset-inline-start: 0;
    inset-inline-end: 48px;
    inset-block-start: 0; }
  .authoring-embedded .widget-wrapper.active-right.right-extended .page-content-container {
    inset-inline-end: 48px; }
  .authoring-embedded .widget-wrapper.active-right .page-content-container {
    inset-inline-end: 48px; }

.subnav--authoring {
  z-index: 3;
  position: absolute;
  inset-block-start: 48px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: var(--sd-colour-panel-bg--200); }
  .subnav--authoring .highlights-toggle .dropdown__menu, .subnav--authoring .marks-toggle .dropdown__menu {
    max-height: calc(100vh - 350px);
    overflow-y: auto; }

.subnav--locked {
  background-color: var(--sd-colour--locked-subnav); }

.subnav__authoring-topbar {
  display: flex;
  align-items: center;
  height: 30px;
  max-width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 0 0 1.2rem; }
  .subnav__authoring-topbar .assignment {
    vertical-align: sub; }
  .subnav__authoring-topbar .stage {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.035em;
    line-height: 34px;
    color: var(--color-text-light);
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .subnav__authoring-topbar .stage b {
      color: var(--color-text);
      font-weight: 500; }
  .subnav__authoring-topbar.enable-overflow {
    overflow: visible; }

.compact .subnav__authoring-topbar .stage {
  max-width: 90px; }

.auto-save {
  margin-inline-end: 20px;
  line-height: 28px;
  opacity: 0.7;
  filter: "alpha(opacity=70)"; }
  .auto-save i {
    margin-block-start: -4px; }

.page-content-container {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 58px;
  inset-inline-end: 58px;
  display: flex;
  flex-direction: column; }

.workqueue .page-content-container {
  inset-block-end: 32px; }

[contenteditable=true]:before {
  display: block;
  /* For Firefox */ }

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: rgba(150, 150, 150, 0.5); }

[contenteditable=true]:focus:before {
  display: none; }

.opened-articles-bar {
  position: fixed;
  height: 3.2rem;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  background: var(--sd-colour-bottom-bar);
  z-index: 1030;
  white-space: nowrap;
  max-width: 100vw;
  display: grid;
  grid-template-rows: 32px;
  grid-template-columns: 48px 1fr auto auto;
  transition: left 0.3s ease; }
  .opened-articles-bar .opened-articles-bar__list {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: nowrap;
    overflow-x: auto;
    grid-column: 2/3; }
  .opened-articles-bar .opened-articles-bar__item {
    flex: 0 1 24rem;
    border-inline-end: 1px solid var(--sd-colour-line--x-light);
    padding: 0 0.4rem 0 1.2rem;
    position: relative;
    line-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
    gap: 0.4rem; }
    .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-close {
      height: 2.2rem;
      width: 2.2rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      flex-grow: 0;
      flex-shrink: 0;
      margin-inline-start: 0.4rem;
      opacity: 0.2;
      transition: all 0.2s ease-in-out;
      background-color: rgba(255, 255, 255, 0); }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-close:hover {
        opacity: 0.6;
        background-color: rgba(255, 255, 255, 0.08); }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-close:active {
        opacity: 1; }
    .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-title {
      display: flex;
      flex: 1 1;
      overflow: hidden;
      text-overflow: ellipsis;
      align-items: center;
      white-space: nowrap;
      color: white;
      font-size: 1.2rem;
      transition: color 0.2s ease-in-out;
      opacity: 0.75;
      gap: 0.4rem; }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-title i {
        margin-inline-end: 0.4rem; }
      .opened-articles-bar .opened-articles-bar__item .opened-articles-bar__item-title:hover {
        text-decoration: none;
        cursor: pointer;
        opacity: 1; }
    .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active {
      background: var(--sd-colour-interactive--alpha-20);
      color: var(--sd-colour-interactive);
      box-shadow: inset 0 1px 0 0 var(--sd-colour-interactive); }
      .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active:hover {
        cursor: default; }
      .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active:active {
        background: var(--sd-colour-bg--01);
        color: var(--sd-colour-interactive--active); }
      .opened-articles-bar .opened-articles-bar__item.opened-articles-bar__item--active .opened-articles-bar__item-title {
        color: var(--sd-colour-interactive--active);
        font-weight: 500;
        opacity: 1; }
    .opened-articles-bar .opened-articles-bar__item--teal {
      border-inline-end: none;
      border-inline-start: 1px solid var(--sd-colour-line--x-light);
      margin-inline-end: 1px; }
      .opened-articles-bar .opened-articles-bar__item--teal:hover {
        background: rgba(0, 102, 92, 0.2); }
      .opened-articles-bar .opened-articles-bar__item--teal .opened-articles-bar__item-title {
        color: #00ffe6; }
      .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active, .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active:active {
        background: #056158; }
        .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active .opened-articles-bar__item-title, .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active:active .opened-articles-bar__item-title {
          color: white; }
        .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active:hover, .opened-articles-bar .opened-articles-bar__item--teal.opened-articles-bar__item--active:active:hover {
          background: #008073; }
    .opened-articles-bar .opened-articles-bar__item .icn-mix .icn-mix__sub-icn {
      background-color: var(--sd-colour-bottom-bar) !important; }
  .opened-articles-bar .opened-articles-bar__quick-actions {
    grid-column: 1/2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sd-colour-bg--00);
    border: 0;
    height: 3.2rem;
    width: 4.8rem;
    text-align: center;
    transition: background-color 0.2s ease; }
    .opened-articles-bar .opened-articles-bar__quick-actions:hover {
      cursor: pointer;
      background: var(--sd-colour-interactive--hover); }
    .opened-articles-bar .opened-articles-bar__quick-actions:active {
      background: var(--sd-colour-interactive--active); }
  .opened-articles-bar .opened-articles-bar__multiedit {
    grid-column: 3/4; }
    .opened-articles-bar .opened-articles-bar__multiedit .opened-articles-bar__item {
      border-inline-end: none;
      border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
      margin-inline-end: 1px; }
  .opened-articles-bar .opened-articles-bar__create-new {
    grid-column: 4/5; }
    .opened-articles-bar .opened-articles-bar__create-new .dropdown__menu.dropdown--dropup {
      inset-block-start: auto;
      inset-block-end: 0; }
    .opened-articles-bar .opened-articles-bar__create-new .btn {
      border-radius: 0 !important; }
  .opened-articles-bar.menu-open {
    inset-inline-start: 300px !important;
    inset-inline-end: 0 !important; }

.authoring-dashboard {
  padding: 40px;
  overflow: auto; }
  .authoring-dashboard .card-list {
    width: 0;
    margin: 0 auto; }
  .authoring-dashboard .card-list > li {
    width: 140px;
    height: 170px;
    float: inline-start;
    margin: 10px;
    padding: 15px 20px;
    position: relative; }
    .authoring-dashboard .card-list > li .title {
      max-height: 135px;
      overflow: hidden;
      font-size: 14px;
      line-height: 22px;
      max-height: 110px;
      overflow: hidden;
      font-weight: 500; }
    .authoring-dashboard .card-list > li .created {
      position: absolute;
      inset-block-end: 15px;
      inset-inline-start: 20px;
      color: var(--color-text-light);
      font-size: 12px;
      width: 80%;
      height: 14%;
      float: inline-start; }
    .authoring-dashboard .card-list > li .text {
      font-size: 12px;
      color: var(--color-text);
      line-height: 18px; }
    .authoring-dashboard .card-list > li .close {
      position: absolute;
      inset-inline-end: 7px;
      inset-block-start: 3px; }
    .authoring-dashboard .card-list > li .type-icon {
      position: relative;
      inset-block-end: 6px;
      margin: 0;
      float: inline-start; }
    .authoring-dashboard .card-list > li .state-label {
      position: relative;
      inset-block-end: 1px;
      margin: auto;
      float: inline-end; }
    .authoring-dashboard .card-list > li .subInfo {
      position: absolute;
      inset-inline-end: 15px;
      inset-block-end: 1px;
      float: inline-end; }
    .authoring-dashboard .card-list > li .container {
      font-weight: 500;
      color: #216678;
      margin-inline-end: 20px; }

.terms-box {
  position: relative; }
  .terms-box .dropdown__menu.nested-menu {
    width: 100%; }

.widget h3 {
  margin-block-end: 0.5em; }

.modal-footer .pagination-box .page-info {
  float: inline-start; }

.created-modified-info {
  display: flex;
  align-items: center; }
  .created-modified-info .created-modified-info--separator {
    width: 1px;
    height: 16px;
    background-color: #DADADA;
    margin-left: 10px;
    margin-right: 10px; }
  .created-modified-info dl, .created-modified-info dt, .created-modified-info dd {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0; }
  .created-modified-info dl {
    display: flex;
    align-items: center; }
  .created-modified-info dt {
    color: #647182; }
  .created-modified-info dd {
    color: var(--color-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .created-modified-info dd + dt,
  .created-modified-info dt + dt {
    margin-left: 8px; }

.authoring-sticky {
  height: 4.8rem;
  margin: 0 auto;
  padding: 4px 20px;
  background-color: var(--sd-colour-panel-bg--100);
  z-index: 3;
  transition: all .5s ease;
  display: flex;
  justify-content: space-between;
  box-shadow: var(--sd-shadow__subnav);
  position: relative;
  z-index: 3; }
  .authoring-sticky .authoring-sticky__detailed {
    display: inline-block;
    overflow: hidden; }
    .authoring-sticky .authoring-sticky__detailed dl, .authoring-sticky .authoring-sticky__detailed dt, .authoring-sticky .authoring-sticky__detailed dd, .authoring-sticky .authoring-sticky__detailed .authoring-sticky__from-extensions {
      display: inline-block;
      vertical-align: bottom;
      padding: 0;
      margin: 0; }
    .authoring-sticky .authoring-sticky__detailed > dl + dl, .authoring-sticky .authoring-sticky__detailed .authoring-sticky__from-extensions {
      margin-inline-start: 10px;
      padding-inline-start: 10px;
      border-inline-start: 1px solid var(--sd-colour-line--light); }
    .authoring-sticky .authoring-sticky__detailed dt {
      font-size: 12px;
      color: var(--color-text-lighter); }
    .authoring-sticky .authoring-sticky__detailed dd {
      color: var(--color-text);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .authoring-sticky .authoring-sticky__detailed .authoring-sticky__detailed-wrapper {
      margin-inline-start: -20px; }

.authoring-header {
  position: relative;
  margin: 0 auto;
  padding: 0 12px;
  border-block-start: 0;
  border-block-end: 0;
  background-color: var(--authoringHeaderBG);
  z-index: 2;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.25);
  padding: 8px 12px 16px; }
  .authoring-header * {
    box-sizing: border-box; }

.authoring-header__general-info {
  margin: 0 auto 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .authoring-header__general-info > * {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-block-start: 2px;
    margin-block-end: 2px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    border-inline-end: 1px solid var(--sd-colour-line--medium); }
    .authoring-header__general-info > * > * {
      margin-inline-start: 0;
      margin-inline-end: 0; }
      .authoring-header__general-info > * > * + * {
        margin-inline-start: 10px; }
  .authoring-header__general-info [class^="filetype-icon-"],
  .authoring-header__general-info [class*="filetype-icon-"] {
    color: var(--color-text-light); }
  .authoring-header__general-info .authoring-header__label {
    font-size: 10px;
    color: var(--color-text-light);
    letter-spacing: 0.06em; }
  .authoring-header__general-info .authoring-header__label-2 {
    font-size: 12px;
    color: var(--color-text-light); }
  .authoring-header__general-info .authoring-header__value {
    font-size: 13px;
    margin-block-start: -2px;
    text-transform: lowercase; }
    .authoring-header__general-info .authoring-header__value select {
      border: 1px solid var(--color-input-border);
      border-radius: var(--b-radius--x-small);
      background-color: var(--sd-item__main-Bg);
      color: var(--color-text);
      height: 20px !important;
      font-size: 12px !important;
      padding: 0 2px !important; }

.authoring-header__detailed {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
  .authoring-header__detailed .data {
    flex-grow: 1;
    font-size: 13px;
    line-height: 20px; }
  .authoring-header__detailed input.slugline {
    color: var(--sd-slugline-color);
    font-weight: 500; }
  .authoring-header__detailed textarea.ed-note {
    color: #d25932; }
  .authoring-header__detailed .dropdown {
    width: 100%;
    line-height: 0; }
    .authoring-header__detailed .dropdown .dropdown__toggle {
      transition: all 0.3s;
      padding: 0; }
      .authoring-header__detailed .dropdown .dropdown__toggle .dropdown__caret {
        position: absolute;
        inset-block-start: 50%;
        inset-inline-end: 3px;
        margin-block-start: -3px; }
      .authoring-header__detailed .dropdown .dropdown__toggle i {
        vertical-align: middle; }
      .authoring-header__detailed .dropdown .dropdown__toggle.line-input + .dropdown__menu {
        margin-block-start: 20px; }
      .authoring-header__detailed .dropdown .dropdown__toggle.line-input span {
        vertical-align: baseline;
        margin-inline-end: 3px; }
    .authoring-header__detailed .dropdown.open .dropdown__toggle {
      box-shadow: 0 1px 0 0 #5ea9c8;
      border-color: #5ea9c8; }
    .authoring-header__detailed .dropdown .dropdown__menu .place-dropdown {
      padding-inline-start: 16px;
      font-weight: 500; }

.authoring-header__toggle-container {
  display: flex;
  justify-content: center;
  height: 0;
  position: relative; }

.authoring-header__toggle {
  --toggleBG: var(--authoringHeaderBG);
  --toggleWidth: 37px;
  --toggleHeight: 25px;
  --toggleHeigh--Hover: 32px;
  --toggleBorderColor: transparent;
  position: absolute;
  width: var(--toggleWidth);
  height: var(--toggleHeight);
  border: 0;
  padding: 0 0 4px;
  inset-inline-start: 50%;
  margin-inline-start: calc(-1 * (var(--toggleWidth) / 2));
  inset-block-end: calc(-1 * var(--toggleHeight));
  background-color: var(--toggleBG);
  z-index: 3;
  line-height: 0;
  border-radius: 0 0 var(--b-radius--full) var(--b-radius--full);
  box-shadow: 0 -2px 0 0 var(--toggleBG), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid var(--toggleBorderColor);
  border-block-start: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.12s ease-in;
  width: 37px;
  height: 25px;
  border: 0;
  padding: 0 0 4px;
  background-color: var(--authoringHeaderBG);
  z-index: 3;
  line-height: 0;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 -2px 0 0 var(--authoringHeaderBG), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  transition: all ease-in 0.12s; }
  .authoring-header__toggle i {
    height: 15px;
    color: var(--color-text);
    opacity: 0.75;
    transition: all 0.5s; }
  .authoring-header__toggle:hover {
    height: var(--toggleHeigh--Hover);
    inset-block-end: calc(-1 * var(--toggleHeigh--Hover));
    padding-block-start: 2px; }
    .authoring-header__toggle:hover i {
      opacity: 1; }
  .authoring-header__toggle.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .authoring-header__toggle i {
    opacity: 0.75; }
  .authoring-header__toggle:hover {
    height: 32px;
    bottom: -32px;
    padding-top: 2px; }
    .authoring-header__toggle:hover i {
      opacity: 1; }
  .authoring-header__toggle i {
    height: 15px;
    transition: all 0.5s; }
  .authoring-header__toggle.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.authoring-header__row {
  display: flex;
  margin-block-end: 12px;
  min-height: 24px; }

.authoring-header__row--wrap {
  flex-wrap: wrap;
  align-content: flex-start; }

.char-count-config-button {
  float: inline-end; }
  .char-count-config-button [class^="icon-"], .char-count-config-button [class*=" icon-"] {
    color: inherit; }

.char-count-base, .authoring-header__item .char-count {
  font-size: 11px;
  font-style: italic;
  color: var(--sd-editor-colour__txt);
  opacity: 0.6; }
  .char-count-base.error, .authoring-header__item .error.char-count {
    color: #E51C23;
    opacity: 1; }

.editor3-invalid-chars-error {
  font-size: 12px;
  font-style: italic;
  color: #E51C23; }

.authoring-header__item {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0 1rem 1.6rem;
  min-height: 40px;
  position: relative; }
  .authoring-header__item.template-schedule {
    padding: 0 0 1.6rem; }
    .authoring-header__item.template-schedule label {
      width: 105px;
      line-height: inherit; }
  .authoring-header__item input.slugline {
    color: var(--sd-slugline-color);
    font-weight: 500; }
  .authoring-header__item .sd-invalid-text {
    float: inline-end;
    margin-block-end: -16px; }
  .authoring-header__item .char-count {
    float: inline-end;
    margin-block-end: -16px;
    margin-inline-start: 5px; }
  .authoring-header__item [sd-meta-terms] + .sd-invalid-text {
    position: absolute;
    inset-inline-start: 120px;
    margin-block-start: 3px; }
  .authoring-header__item----half {
    flex-basis: 50%; }

.authoring-header__item-start {
  align-items: start; }

.authoring-header__item .authoring-header__hint {
  font-size: 12px;
  color: #747474;
  margin: 2px 0 -2px 0;
  font-weight: 300; }

.authoring-header__item-label {
  min-width: 90px;
  max-width: 90px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0;
  color: var(--color-text-light);
  text-transform: uppercase;
  padding-inline-end: 8px;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  word-wrap: break-word;
  text-align: end; }

.authoring-header__input-holder {
  position: relative;
  padding: 0;
  margin: 0;
  flex-grow: 1; }
  .authoring-header__input-holder .arrow-down {
    position: absolute;
    inset-block-start: 4px;
    inset-inline-end: 4px; }
  .authoring-header__input-holder:hover .arrow-down .caret {
    opacity: 1; }

.authoring-header__row--2 .authoring-header__item {
  flex-basis: 50%; }

.authoring-header__row--3 .authoring-header__item {
  flex-basis: 33%; }

.authoring-header__row--4 .authoring-header__item {
  flex-basis: 25%; }

.authoring-header__row--2-1-1 .authoring-header__item {
  flex-basis: 25%; }
  .authoring-header__row--2-1-1 .authoring-header__item:first-child {
    flex-basis: 50%; }

.authoring-header__row--inline .authoring-header__item {
  flex-grow: 0; }

.authoring-header__row--inline .authoring-header__item .authoring-header__item-label {
  min-width: 0;
  max-width: 100%;
  padding-inline-end: 12px;
  width: auto;
  flex-shrink: 1; }

.authoring-header__row--inline .authoring-header__item:first-child .authoring-header__item-label {
  min-width: 75px;
  max-width: 75px;
  padding-inline-end: 6px; }

.compact .authoring-header__item .authoring-header__item-label {
  min-width: 0;
  max-width: 50px; }

.compact .authoring-header__item:first-child .authoring-header__item-label {
  min-width: 75px;
  max-width: 75px;
  padding-inline-end: 6px; }

.compact .authoring-header__row--inline .authoring-header__item .authoring-header__item-label {
  min-width: 0;
  max-width: 50px; }

.compact .authoring-header__row--inline .authoring-header__item:first-child .authoring-header__item-label {
  min-width: 75px;
  max-width: 75px;
  padding-inline-end: 6px; }

.input-term {
  display: flex;
  align-items: center; }
  .input-term .input-term__icon {
    flex-grow: 0;
    opacity: 0.5;
    pointer-events: none;
    margin: 0 4px;
    display: none; }

.dropdown-terms {
  width: auto !important; }
  .dropdown-terms .dropdown__toggle {
    width: 24px;
    height: 24px;
    background-color: var(--sd-colour-interactive);
    margin: 0 2px 3px 0;
    opacity: 0.75;
    border-radius: 2px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out; }
    .dropdown-terms .dropdown__toggle:hover, .dropdown-terms .dropdown__toggle:focus {
      opacity: 1;
      background-color: var(--sd-colour-interactive--hover); }
  .dropdown-terms.open .dropdown__toggle {
    opacity: 1; }
  .dropdown-terms .dropdown__menu {
    width: 260px;
    max-height: 275px;
    padding: 0;
    border-radius: 0 0 3px 3px; }
    .dropdown-terms .dropdown__menu .input-term {
      padding: 8px;
      border-block-end: 1px solid var(--sd-colour-line--light); }
      .dropdown-terms .dropdown__menu .input-term input {
        box-shadow: none !important;
        background-color: transparent;
        border: 0 !important;
        flex-grow: 1; }
    .dropdown-terms .dropdown__menu .input-term__icon {
      display: block;
      color: var(--color-icon-default); }
    .dropdown-terms .dropdown__menu .main-list {
      background-color: var(--color-dropdown-menu-Bg);
      max-height: 215px;
      padding: 8px 0;
      overflow: auto; }
      .dropdown-terms .dropdown__menu .main-list li {
        position: relative; }
        .dropdown-terms .dropdown__menu .main-list li button {
          padding-inline-end: 17px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          .dropdown-terms .dropdown__menu .main-list li button i {
            margin-inline-end: 0; }
    .dropdown-terms .dropdown__menu .levelup {
      display: flex;
      align-items: center;
      padding: 5px;
      margin-block-end: 1px;
      box-shadow: 0 1px 0 var(--sd-colour-line--light);
      z-index: 1; }
      .dropdown-terms .dropdown__menu .levelup i.backlink {
        flex-grow: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        height: 28px;
        margin: 0 4px; }
      .dropdown-terms .dropdown__menu .levelup button {
        flex-grow: 1;
        min-width: 0 !important;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden; }
        .dropdown-terms .dropdown__menu .levelup button b.category-hover {
          display: none; }
        .dropdown-terms .dropdown__menu .levelup button:hover b.category {
          display: none; }
        .dropdown-terms .dropdown__menu .levelup button:hover b.category-hover {
          display: block; }
    .dropdown-terms .dropdown__menu .item-list {
      position: static;
      max-height: 215px; }
    .dropdown-terms .dropdown__menu .nested-indicator {
      margin-inline-end: -10px !important; }

.terms-list {
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: top;
  text-align: start; }
  .terms-list li {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 12px;
    color: var(--color-text);
    background-color: var(--sd-colour__tag-label-Bg--1);
    margin-inline-end: 3px;
    margin-block-end: 3px;
    padding: 0 12px;
    min-height: 24px;
    line-height: 1.1;
    border-radius: 9999px;
    transition: color .2s ease; }
    .terms-list li i {
      display: block;
      height: 18px;
      width: 18px;
      padding: 1px;
      margin-inline-start: 4px;
      margin-inline-end: -8px;
      color: var(--color-text);
      opacity: 0.25;
      background-color: rgba(255, 255, 255, 0.25);
      border-radius: 9999px;
      transition: all .2s ease; }
    .terms-list li:not([disabled]):not([data-disabled]) {
      cursor: pointer; }
      .terms-list li:not([disabled]):not([data-disabled]):hover {
        background-color: var(--sd-colour__tag-label-Bg--2); }
        .terms-list li:not([disabled]):not([data-disabled]):hover i {
          opacity: 1;
          background-color: rgba(255, 255, 255, 0.35); }
      .terms-list li:not([disabled]):not([data-disabled]):active {
        background-color: var(--sd-colour-interactive--alpha-30); }
        .terms-list li:not([disabled]):not([data-disabled]):active i {
          color: var(--sd-colour-interactive);
          background-color: rgba(255, 255, 255, 0.15); }
    .terms-list li[disabled], .terms-list li[data-disabled], .terms-list li:disabled {
      opacity: 0.6;
      pointer-events: none; }
      .terms-list li[disabled] i, .terms-list li[data-disabled] i, .terms-list li:disabled i {
        display: none !important; }
    .terms-list li label {
      display: inline;
      min-width: auto;
      font-size: 12px;
      font-weight: 300;
      color: inherit;
      opacity: 0.75;
      margin: 0;
      padding: 0 4px 0 0; }
  .terms-list--full {
    width: 100%; }

[sd-meta-terms] {
  border-block-end: 1px solid var(--color-input-border);
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0; }
  [sd-meta-terms].sd-terms--boxed {
    background-color: var(--color-input-bg);
    border-radius: 2px;
    padding-block-start: 3px;
    padding-inline-start: 3px; }
  [sd-meta-terms]:hover {
    border-color: var(--color-input-border-hover); }
    [sd-meta-terms]:hover.sd-terms--boxed {
      background-color: var(--color-input-bg--hover); }
  [sd-meta-terms]:focus {
    border-color: var(--sd-colour-interactive);
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive); }
    [sd-meta-terms]:focus.sd-terms--boxed {
      background-color: var(--sd-colour-interactive--alpha-20); }

.terms-box.boxed-input .terms-list {
  margin-block-start: 0.4rem; }

.item-detail-info {
  height: 0px;
  overflow: hidden;
  box-sizing: border-box; }
  .item-detail-info.active {
    height: auto; }
  .item-detail-info + button {
    position: absolute;
    width: 23px;
    height: 23px;
    border: 0;
    padding: 0 5px;
    font-size: 0;
    inset-inline-start: 98%;
    margin-inline-start: -11.5px;
    margin-block-start: -13px;
    background-color: white;
    border-radius: 23px;
    transition: transform 0.5s; }
    .item-detail-info + button.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .item-detail-info .edit-photo {
    display: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    position: relative;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0; }
  .item-detail-info:hover .edit-photo {
    display: block; }

.sd-photo-preview__edit-mode .sd-photo-preview__image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative; }
  .sd-photo-preview__edit-mode .sd-photo-preview__image sd-image-modify {
    text-align: center;
    height: 100%;
    overflow: auto; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image sd-image-modify canvas {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      margin: auto;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image sd-image-modify.disable-transition canvas {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none; }
  .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip {
    position: relative;
    display: block;
    height: 100%;
    text-align: center; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip .sd-photo-preview__label {
      position: absolute;
      inset-block-end: 1rem;
      inset-inline-start: 50%;
      margin-inline-start: -8rem;
      display: inline-block;
      pointer-events: none;
      user-select: none; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip sd-image-point, .sd-photo-preview__edit-mode .sd-photo-preview__image--with-strip div[sd-image-crop] {
      display: inline-block !important;
      margin-block-start: 6rem; }
  .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex {
    display: block;
    height: 100%;
    text-align: center; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex div[sd-image-crop] {
      display: inline-block !important; }
      .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex div[sd-image-crop] .jcrop-tracker {
        display: inline-block !important; }
      .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex div[sd-image-crop] img {
        max-height: none; }
    .sd-photo-preview__edit-mode .sd-photo-preview__image--no-flex .sd-photo-preview__label {
      display: inline-block; }

.sd-photo-preview__slide-in-button {
  position: absolute !important; }

.sd-column-box__main-column.toolbar-offset .sd-photo-preview__slide-in-button {
  margin-block-start: 6rem; }

.sd-grid-item .sd-grid-item__thumb > div:not(.sd-grid-item__checkbox) {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  width: 100%;
  height: 14rem;
  overflow: hidden;
  text-align: center; }

.sd-grid-item .sd-grid-item__thumb .list-field.type-icon.sd-monitoring-item-multi-select-checkbox {
  padding: 0;
  position: absolute;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  z-index: 1;
  transition: all ease-in-out 0.2s;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0); }
  .sd-grid-item .sd-grid-item__thumb .list-field.type-icon.sd-monitoring-item-multi-select-checkbox i {
    opacity: 0 !important;
    pointer-events: none; }
  .sd-grid-item .sd-grid-item__thumb .list-field.type-icon.sd-monitoring-item-multi-select-checkbox .sd-checkbox {
    border-color: rgba(255, 255, 255, 0.5); }
    .sd-grid-item .sd-grid-item__thumb .list-field.type-icon.sd-monitoring-item-multi-select-checkbox .sd-checkbox.checked {
      border-color: #5ea9c8; }

.sd-grid-item:hover .sd-grid-item__thumb .list-field.type-icon.sd-monitoring-item-multi-select-checkbox {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35); }

.sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__thumb > div:not(.sd-grid-item__checkbox) {
  overflow: visible; }

.sd-grid-item .sd-grid-item__thumb > sd-image-point {
  text-align: center;
  display: inline-block;
  padding: 0;
  height: 14rem;
  overflow: hidden; }

.sd-photo-preview__image {
  display: flex;
  align-items: center;
  justify-content: center; }
  .sd-photo-preview__image > img, .sd-photo-preview__image > video {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: auto;
    object-fit: contain; }
  .sd-photo-preview__image .jcrop-holder img {
    max-width: none;
    max-height: none; }
  .sd-photo-preview__image--with-strip {
    display: block;
    height: 100%;
    text-align: center; }

.sd-photo-preview__label {
  background: rgba(0, 0, 0, 0.25);
  color: inherit;
  padding: 0.8rem 2rem;
  margin: 1rem auto;
  line-height: 100%;
  border-radius: 2rem;
  font-weight: 300;
  min-width: 16rem; }

.sd-grid-item .sd-grid-item__thumb .jcrop-holder img {
  max-width: none;
  max-height: none; }

.preview-modal-control .preview-toggle {
  z-index: 100; }

.preview-pane .pane-holder {
  width: 400px; }
  .preview-pane .pane-holder.outer-pane {
    inset-block-start: 0; }
  .preview-pane .pane-holder .send-to-pane {
    width: 400px; }

#macros-diff {
  position: absolute;
  inset-block-end: 30px;
  inset-inline-end: 60px;
  padding: 5px;
  opacity: 0.88;
  z-index: 10;
  text-align: end;
  background-color: #fff; }
  #macros-diff > * {
    margin-inline-start: 5px; }
  #macros-diff .replace-btn {
    margin-inline-end: 8px; }
  #macros-diff em {
    font-size: 120%; }

.media-container {
  cursor: default;
  position: relative;
  padding: 1.2rem 1.2rem 1.6rem;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(123, 123, 123, 0.3);
  transition: 0.3s linear box-shadow; }

.item-association:hover .item-association__image-overlay, .item-association:hover .item-association__remove-item {
  opacity: 1; }

.item-association audio {
  width: 96%;
  margin: 2rem 2% 0.4rem; }

.item-association__image-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  z-index: 1;
  opacity: 0;
  color: white; }

.item-association__metadata, .media-container__metadata {
  padding: 0.4rem 0 0.2rem 0;
  color: inherit;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  grid-gap: 0 1.6rem;
  z-index: 2;
  transition: 0.2s linear opacity;
  text-align: start;
  margin: 1.6rem 1.6rem 0; }
  .item-association__metadata span, .media-container__metadata span {
    display: block;
    padding: 0.6rem 0;
    border-block-end: 1px dotted rgba(123, 123, 123, 0.5); }
    .item-association__metadata span em, .media-container__metadata span em {
      font-style: normal;
      color: inherit;
      opacity: 0.9;
      font-weight: 300;
      padding-inline-end: 0.4rem;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em; }
    .item-association__metadata span:nth-child(1), .item-association__metadata span:nth-child(2), .media-container__metadata span:nth-child(1), .media-container__metadata span:nth-child(2) {
      border-block-start: 1px dotted rgba(123, 123, 123, 0.5); }
  .item-association__metadata--top-overlay, .media-container__metadata--top-overlay {
    padding: 0.2rem 0 0.6rem 0;
    margin-block-start: 0;
    background: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
    .item-association__metadata--top-overlay span, .media-container__metadata--top-overlay span {
      padding-block-end: 0.4rem;
      border: none !important; }
  .item-association__metadata--bottom-overlay, .media-container__metadata--bottom-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 2%, rgba(0, 0, 0, 0.6) 100%); }
  .item-association__metadata--side-marg0, .media-container__metadata--side-marg0 {
    margin-inline-start: 0;
    margin-inline-end: 0; }

[class^="__image-overlay"] .item-association__metadata span,
[class*="__image-overlay"] .item-association__metadata span {
  border-color: rgba(255, 255, 255, 0.5) !important; }
  [class^="__image-overlay"] .item-association__metadata span:last-child,
  [class*="__image-overlay"] .item-association__metadata span:last-child {
    border-block-end: none; }

.media-container__metadata {
  margin: 1.6rem 0 0; }
  .media-container__metadata--image {
    margin: 0;
    padding: 0.5rem 1.6rem; }
    .media-container__metadata--image span:nth-child(1), .media-container__metadata--image span:nth-child(2) {
      border-block-start: none; }
    .media-container__metadata--image span:nth-last-child(1), .media-container__metadata--image span:nth-last-child(2) {
      border-block-end: none; }

.item-association__title {
  margin-block-end: 1.6rem;
  font-size: 1.5rem;
  font-weight: 500; }

.media-container__action-bar, .item-association__action-bar {
  text-align: end;
  padding: 1rem 0 0;
  margin: 0 1.6rem; }

.media-container__action-bar {
  margin: 0; }

.item-association__icons-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.item-association__image-action {
  flex-grow: 0;
  flex-shrink: 0;
  color: white;
  width: 5.6rem;
  height: 5.6rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0); }
  .item-association__image-action i {
    color: white;
    height: 2.4rem;
    width: 2.4rem;
    font-size: 2.4rem;
    line-height: 1;
    opacity: 0.5;
    transition: 0.2s linear all; }
  .item-association__image-action:hover {
    border-color: white;
    background-color: rgba(0, 0, 0, 0.4);
    text-decoration: none; }
    .item-association__image-action:hover i {
      opacity: 1; }
  .item-association__image-action:active {
    border-color: #5ea9c8;
    background-color: rgba(0, 0, 0, 0.6); }
    .item-association__image-action:active i {
      color: #5ea9c8; }

.item-association__image-action + .item-association__image-action {
  margin-inline-start: 2rem; }

.item-association__image-container,
.item-association__video-container,
.item-association__audio-container {
  height: 100%;
  position: relative; }

.item-association__audio-container {
  padding: 2.5rem 0 2rem; }
  .item-association__audio-container audio {
    margin-block-end: 1rem;
    border-radius: 6px; }

.item-association__video-container {
  padding-block-end: 1.6rem; }
  .item-association__video-container video {
    display: block; }
  .item-association__video-container .item-association__image-overlay {
    inset-block-end: 32px; }

.item-association__image-container {
  background-color: #2c2c2c;
  color: white; }

.item-association__remove-item {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  z-index: 2;
  color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear all;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s linear opacity;
  opacity: 0; }
  .item-association__remove-item i {
    color: white;
    height: 1.8rem;
    width: 1.8rem;
    font-size: 1.8rem;
    line-height: 1;
    opacity: 0.75;
    transition: 0.2s linear all; }
  .item-association__remove-item:hover {
    background-color: rgba(0, 0, 0, 0.75);
    text-decoration: none; }
    .item-association__remove-item:hover i {
      opacity: 1; }
  .item-association__remove-item:active {
    border-color: #5ea9c8;
    background-color: black; }
    .item-association__remove-item:active i {
      color: #5ea9c8; }

.item-association {
  border: 2px dashed rgba(153, 153, 153, 0.3);
  background-color: rgba(153, 153, 153, 0.06);
  border-radius: var(--b-radius--small);
  color: inherit;
  width: 100%;
  min-height: 65px;
  position: relative;
  text-align: center; }
  .item-association:focus {
    border-color: var(--sd-colour-interactive--active); }
  .item-association video {
    max-width: 100%; }
  .item-association--loading {
    background-color: fade(#f7f7f7, 40%);
    border-color: fade(#cfcfcf, 40%); }
    .item-association--loading:before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      inset-block-end: 0;
      inset-inline-start: 0;
      z-index: 3;
      background-image: url(39341fa4af9a113a40f4bf53c5cc9e7f.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 70px; }
    .item-association--loading img {
      opacity: .2; }
    .item-association--loading .item-association__text-label {
      opacity: 0.1; }
  .item-association.dragover {
    background: var(--sd-colour-interactive--alpha-20);
    border-color: var(--sd-colour-interactive); }
  .item-association [contenteditable] {
    padding: 8px;
    min-height: 18px; }
  .item-association:not([disabled]):not(.item-association--preview):not(.not-editable):not(.item-association--no-click) {
    cursor: pointer; }
  .item-association--preview {
    border: 1px solid rgba(150, 150, 150, 0.15);
    border-width: 0 0 1px 0; }
  .item-association--marg-b10 {
    margin-block-end: 1rem; }
  .item-association img {
    max-width: 100%; }
    .item-association img:hover {
      cursor: pointer; }
  .item-association .close-overlay {
    z-index: 10000;
    position: absolute;
    inset-block-start: 16px;
    inset-inline-end: 16px; }

.item-association__text-label {
  font-weight: 500;
  opacity: 0.4; }

feature-image .item-association [contenteditable] {
  text-align: center; }

.indent-article #bodyhtml p:first-of-type, .indent-article #bodyhtml p + p, .indent-article .text.body-text p:first-of-type, .indent-article .text.body-text p + p {
  text-indent: 25px; }

.indent-article #bodyhtml h2 + p:first-of-type,
.indent-article #bodyhtml h3 + p:first-of-type,
.indent-article #bodyhtml h4 + p:first-of-type,
.indent-article #bodyhtml h5 + p:first-of-type, .indent-article .text.body-text h2 + p:first-of-type,
.indent-article .text.body-text h3 + p:first-of-type,
.indent-article .text.body-text h4 + p:first-of-type,
.indent-article .text.body-text h5 + p:first-of-type {
  text-indent: 0; }

#timezoneTimestamp .timezone-label {
  display: none; }

#timezoneTimestamp ul.item-list {
  inset-inline-end: auto;
  inset-block-start: -170px; }

.panel-header {
  margin-inline-end: 20px;
  cursor: pointer;
  font-weight: 400 !important;
  color: var(--color-text-light) !important; }
  .panel-header :hover {
    border-block-end: 2px solid #3299b7; }

.panel-header-active {
  color: white !important; }
  .panel-header-active span {
    border-block-end: 2px solid #3299b7; }

.media-item--loading {
  background-color: fade(#f7f7f7, 40%);
  border-color: fade(#cfcfcf, 40%); }
  .media-item--loading:before {
    background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    content: '';
    inset-block-start: 50%;
    transform: translateY(-50%);
    position: absolute; }
  .media-item--loading img {
    opacity: .2; }

.field.media-item video, .field.media-item audio {
  max-width: 100%; }

.field.media-item img {
  max-width: 100%; }

.field.media-item video {
  display: block; }

.field.media-item audio {
  width: 100%;
  display: block;
  border-radius: 6px; }

.field.media-item figure {
  display: block !important; }

.media-item__item {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
  margin-block-end: 2rem;
  width: 100%; }
  .media-item__item figure {
    display: block !important;
    margin: 0 !important; }
  .media-item__item img {
    display: block; }
  .media-item__item .item-association {
    height: auto; }

.media-item__item-label {
  text-align: center;
  display: block;
  padding: 1rem 0;
  opacity: 0.7;
  font-family: 'Roboto';
  font-size: 1.3rem;
  border-block-end: 1px solid rgba(123, 123, 123, 0.16);
  background-color: rgba(123, 123, 123, 0.08); }

.sd-line-input textarea.sd-line-input__input--formatted-preview {
  height: 40rem;
  font-family: "Roboto Mono", Consolas, Courier, monospace; }

.image-carousel {
  max-width: 100%; }

.sd-media-carousel__thumb-strip-item {
  transition: none; }

.sd-editor--theme-blue .cropItems__item, .sd-editor--theme-blue .media-item__item, .sd-editor--theme-dark .cropItems__item, .sd-editor--theme-dark .media-item__item {
  outline: 1px solid rgba(255, 255, 255, 0.2); }

.related-items {
  padding: 1rem 1rem 0;
  background-color: rgba(150, 150, 150, 0.075);
  border: 1px solid rgba(150, 150, 150, 0.2);
  color: #2c323a; }
  .related-items .draggable-list .placeholder {
    border: 2px dotted #5ea9c8;
    background-color: rgba(94, 169, 200, 0.1);
    min-height: 58px !important;
    margin: 0 0 1rem; }
  .related-items .draggable-list .sd-list-item:hover {
    cursor: inherit; }
  .related-items .draggable-list .draggable-list__item {
    border-inline-start: 2px solid transparent; }
    .related-items .draggable-list .draggable-list__item.locked {
      border-color: #e51c23; }
  .related-items.dragover {
    border: 1px dashed #5ea9c8;
    background-color: rgba(94, 169, 200, 0.1); }
  .related-items .groups {
    padding: 0 !important;
    margin: 0 !important; }

.sd-list-item .type-icon {
  opacity: 0.6; }

.form__row--desk-select + .btn-list {
  margin-block-start: 1rem; }

.disallowed-char-error {
  font-size: 11px;
  font-style: italic;
  color: #E51C23;
  float: inline-end;
  margin-block-end: -16px;
  margin-inline-start: 5px; }

.input-field-error {
  font-size: 1.2rem;
  color: var(--error-text-color); }

.form-label--invalid {
  color: var(--error-text-color); }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.close-multiedit {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  opacity: 0.6;
  filter: "alpha(opacity=60)";
  background: none;
  border: 0;
  padding: 0; }
  .close-multiedit:hover {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.multiedit-screen .boards-list {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  inset-inline-end: 64px; }

.multiedit-screen .boards-create {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(94, 169, 200, 0);
  transition: background-color 0.2s ease-in-out; }
  .multiedit-screen .boards-create i {
    font-size: 3.2rem;
    height: 3.2rem;
    width: 3.2rem;
    line-height: 100%;
    color: #5ea9c8; }
  .multiedit-screen .boards-create:hover {
    cursor: pointer;
    background-color: rgba(94, 169, 200, 0.2); }
  .multiedit-screen .boards-create .multiedit-float .dropdown__menu {
    position: fixed;
    inset-inline-start: auto;
    inset-inline-end: auto;
    inset-block-start: auto;
    inset-block-end: auto;
    max-width: 270px; }
    .multiedit-screen .boards-create .multiedit-float .dropdown__menu li button {
      max-width: 250px !important; }

.multiedit-screen .boards-list {
  display: flex;
  align-items: stretch;
  flex: 1 1 0; }
  .multiedit-screen .boards-list .board {
    background: white;
    height: 100%;
    border: 1px solid #cacaca;
    border-width: 0 1px;
    position: relative; }
    .multiedit-screen .boards-list .board > .board-article {
      width: 100%; }
      .multiedit-screen .boards-list .board > .board-article > .main-article {
        display: grid;
        grid-template-rows: 48px 1fr;
        border: 0;
        padding: 0;
        height: calc(100vh - 96px); }
        .multiedit-screen .boards-list .board > .board-article > .main-article.locked {
          border-inline-start: 4px solid #e51c23; }
        .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__editbar {
          grid-row: 1/2;
          height: 4.8rem;
          padding: 1rem 1.6rem;
          margin: 0;
          background: var(--sd-item__main-Bg);
          color: var(--color-text);
          z-index: 10;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); }
          .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__editbar .main-article__editbar-button {
            visibility: hidden;
            margin-inline-start: 0.8rem; }
        .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__content {
          grid-row: 2/3;
          overflow-y: auto;
          padding: 10px 20px 30px; }
        .multiedit-screen .boards-list .board > .board-article > .main-article .main-article__form {
          display: contents; }
    .multiedit-screen .boards-list .board .multiedit-screen__selection {
      position: absolute;
      inset-block-start: 0;
      opacity: 1; }
    .multiedit-screen .boards-list .board:hover .multiedit-screen__selection {
      opacity: 1; }
    .multiedit-screen .boards-list .board:hover .main-article__editbar .main-article__editbar-button {
      visibility: visible !important; }

.multiedit-screen__selection {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  border: none;
  z-index: 2;
  opacity: 0.8; }
  .multiedit-screen__selection .dropdown__toggle i {
    opacity: 0.7; }

.board .board-tools {
  display: contents; }

.subnav--multiedit-screen {
  inset-block-start: 0; }

#workspace-container .main-article .owl-stage-outer.owl-height {
  width: 577px  !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
body, html {
  height: 100%; }

.modal-body .main-article {
  border-width: 0;
  padding: 10px; }

.field-label--base, .main-article .field .field__label {
  font-weight: 400;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  padding: 2px 8px 1px;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  line-height: 16px;
  transition: all ease 0.2s;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.1em; }

.field-label--base--invalid {
  background: var(--error-text-color);
  color: white; }

.authoring-sticky__theme-controls {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .authoring-sticky__theme-controls .icn-btn {
    margin-inline-start: 3px; }
  .authoring-sticky__theme-controls .proofread-toggle:hover {
    background-color: rgba(152, 152, 152, 0.3); }
  .authoring-sticky__theme-controls .proofread-toggle.active {
    box-shadow: inset 0 2px 0 rgba(55, 55, 55, 0.1);
    background-color: var(--sd-colour-interactive--active);
    color: white;
    opacity: 1; }
    .authoring-sticky__theme-controls .proofread-toggle.active i {
      opacity: 1; }
  .authoring-sticky__theme-controls .theme-select {
    display: inline-block; }
    .authoring-sticky__theme-controls .theme-select .dropdown__toggle {
      position: relative; }
      .authoring-sticky__theme-controls .theme-select .dropdown__toggle i {
        margin-block-end: 1px; }
      .authoring-sticky__theme-controls .theme-select .dropdown__toggle:hover {
        background-color: rgba(152, 152, 152, 0.3); }
    .authoring-sticky__theme-controls .theme-select.open .dropdown__toggle {
      box-shadow: inset 0 2px 0 rgba(55, 55, 55, 0.1);
      background-color: rgba(152, 152, 152, 0.3); }
    .authoring-sticky__theme-controls .theme-select .dropdown__menu {
      min-width: 424px;
      padding: 10px;
      inset-inline-end: -9px; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-status {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        margin-block-start: 4px;
        margin-inline-start: 0px;
        background-color: #ccc; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-status.active {
          background-color: #107401; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .dropdown__menu-label {
        padding-inline-start: 13px;
        margin-block-end: 6px; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu > ul {
        float: inline-start;
        vertical-align: top;
        width: 50%;
        padding-inline-start: 9px;
        box-sizing: border-box; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu > ul.normal-theme-list {
          padding-inline-end: 9px;
          padding-inline-start: 0;
          border-inline-end: 1px solid #e5e5e5; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .btn-group {
        margin-block-end: 20px;
        display: flex;
        justify-content: space-between; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .btn-group .toggle-button {
          width: 48%; }
      .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn {
        border-radius: 2px;
        margin-block-end: 6px;
        border: 1px solid #e9e9e9;
        position: relative;
        padding-inline-end: 20px;
        padding-inline-start: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: auto !important;
        width: 100%;
        min-width: auto; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn i {
          margin: 0;
          position: absolute;
          inset-block-start: 10px;
          inset-inline-end: 0px;
          color: inherit !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-theme {
          border: 0;
          background: #212121;
          color: #a9cbd1 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-blue-theme {
          border: 0;
          background: #06356a;
          color: white !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-theme-mono {
          border: 0;
          background: #212121;
          color: #a9cbd1 !important;
          font-family: "Roboto Mono", Consolas, Courier, monospace; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.natural-theme {
          border: 0;
          background: #efe8c3;
          color: #333333 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-khaki-theme {
          border: 0;
          background: #959f60;
          color: #262919 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn.dark-turquoise-theme {
          border: 0;
          background: darkturquoise;
          color: #122235 !important; }
        .authoring-sticky__theme-controls .theme-select .dropdown__menu .theme-btn:hover {
          background-color: inherit !important;
          color: inherit !important; }

.main-article {
  width: auto;
  position: relative;
  z-index: 1;
  padding: 3.2rem 4rem 5.2rem 4rem;
  margin: 0 auto;
  min-height: 100%;
  color: var(--sd-editor-colour__txt); }
  .main-article .field {
    max-width: 100%;
    margin-block-end: 20px; }
    .main-article .field .full-preview {
      display: inline-block; }
    .main-article .field .dateline {
      display: flex;
      flex-direction: row;
      align-items: flex-end; }
      .main-article .field .dateline input, .main-article .field .dateline select, .main-article .field .dateline option {
        color: var(--sd-editor-colour__txt);
        font-size: 14px;
        font-weight: 400 !important;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none; }
      .main-article .field .dateline select {
        width: 20%; }
      .main-article .field .dateline .dateline-city {
        display: flex;
        flex: 1 1 auto;
        font-size: 1.4rem;
        line-height: 2.7rem;
        padding-inline-end: 2rem; }
        .main-article .field .dateline .dateline-city input {
          padding-inline-start: 1.2rem; }
        .main-article .field .dateline .dateline-city .term-editor {
          flex: 1 1 auto; }
      .main-article .field .dateline .dateline-date {
        flex: 0 1 20%;
        display: flex;
        flex-direction: row;
        align-items: flex-end; }
        .main-article .field .dateline .dateline-date #datelineMonth {
          flex: 1 1 auto;
          width: auto;
          margin-inline-end: 0.6rem; }
        .main-article .field .dateline .dateline-date #datelineDay {
          text-align: center;
          flex: 0 1 3.4rem;
          width: auto; }
    .main-article .field .dropdown {
      display: block; }
  .main-article .field .field__label {
    margin-bottom: 15px;
    opacity: 0.4; }
  .main-article .field.active .field__label {
    background: var(--sd-colour-interactive--active);
    transition: all ease 0.6s; }
  .main-article .main-article__fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 1000px;
    margin: 0 auto; }
  .main-article .sd-validate .sd-required {
    color: inherit;
    opacity: 0.75;
    letter-spacing: 0.04em;
    font-family: "Roboto", sans-serif; }
  .main-article .text-field__non-editable {
    font-size: 1.6rem;
    line-height: 150%;
    min-height: 2.7rem;
    padding: 2px 0 0 1px;
    word-break: break-all; }
  .main-article .text-editor, .main-article .field__select {
    border: 1px solid rgba(123, 123, 123, 0) !important;
    border-bottom-color: rgba(123, 123, 123, 0.3) !important;
    padding: 0;
    border-radius: 0;
    background-color: transparent; }
    .main-article .text-editor:focus, .main-article .field__select:focus {
      outline: none; }
    .main-article .text-editor h1, .main-article .text-editor h2, .main-article .text-editor h3, .main-article .text-editor h4, .main-article .text-editor h5, .main-article .text-editor h6, .main-article .field__select h1, .main-article .field__select h2, .main-article .field__select h3, .main-article .field__select h4, .main-article .field__select h5, .main-article .field__select h6 {
      font-size: 16px;
      line-height: 18px;
      margin-block-end: 9px; }
  .main-article .field__select {
    -moz-appearance: none;
    -webkit-appearance: none; }
  .main-article input {
    border-color: rgba(150, 150, 150, 0.4) !important;
    background: inherit;
    color: inherit; }
  .main-article .text-editor:hover, .main-article .headline:hover, .main-article .abstract:hover, .main-article .field__select:hover {
    border-bottom-color: rgba(123, 123, 123, 0.6) !important; }
  .main-article .text-editor:not([disabled]), .main-article .headline:not([disabled]), .main-article .abstract:not([disabled]) {
    cursor: text; }
  .main-article .headline .public-DraftEditor-content {
    font-weight: 500;
    line-height: 1.2; }
  .main-article .abstract .public-DraftEditor-content {
    font-weight: 400; }
  .main-article .field__select:hover {
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button; }
  .main-article .text-editor:focus, .main-article .headline:focus, .main-article .abstract:focus, .main-article input:focus, .main-article .field__select:focus {
    border-width: 1px !important;
    border-color: rgba(94, 169, 200, 0.3) !important;
    border-bottom-color: #5ea9c8 !important;
    box-shadow: 0 1px 0 #5ea9c8 !important; }
  .main-article.preview .text-editor {
    border-color: #fff !important; }
  .main-article .char-count {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-style: italic;
    color: inherit;
    margin-inline-start: 5px;
    float: inline-end;
    opacity: 0;
    filter: "alpha(opacity=0)";
    transition: all ease 0.2s; }
    .main-article .char-count.error {
      font-weight: 500;
      color: #D33C30;
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .main-article:hover .char-count, .main-article:focus .char-count {
    opacity: 0.4;
    filter: "alpha(opacity=40)"; }
    .main-article:hover .char-count.error, .main-article:focus .char-count.error {
      opacity: 1;
      filter: "alpha(opacity=100)"; }
  .main-article:hover .field label, .main-article:hover .field__label, .main-article:focus .field label, .main-article:focus .field__label {
    opacity: 1;
    filter: "alpha(opacity=100)"; }
  .main-article .field.limit-error .char-count {
    opacity: 1;
    filter: "alpha(opacity=100)"; }
  .main-article .field.limit-error input, .main-article .field.limit-error textarea {
    border-color: rgba(210, 60, 50, 0.15) !important; }
  .main-article .field.limit-error input, .main-article .field.limit-error textarea {
    font-weight: 500;
    color: #D33C30 !important; }
  .main-article figure {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-top: 1.5em; }
    .main-article figure.item-association {
      margin: 0; }
    .main-article figure.sd-list-item__thumbnail {
      width: 6.4rem;
      margin: auto 0.8rem;
      display: flex; }
  .main-article figure img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .main-article figcaption {
    border: 1px solid rgba(150, 150, 150, 0.15);
    padding: 8px;
    min-height: 18px; }
  .main-article .text-editor, .main-article .headline, .main-article .abstract {
    color: var(--sd-editor-colour__txt);
    padding-inline-start: 0;
    padding-inline-end: 0; }
  .main-article .keyword {
    text-transform: uppercase;
    font-weight: 500; }
  .main-article .byline {
    font-size: 16px;
    text-transform: none;
    padding-block-start: 2px;
    padding-block-end: 2px;
    padding-inline-start: 1.2rem;
    background-color: transparent;
    line-height: 150%; }
    .main-article .byline .text-editor {
      min-height: 24px; }
    .main-article .byline::placeholder, .main-article .byline::-webkit-input-placeholder, .main-article .byline::-moz-placeholder {
      color: var(--sd-editor-colour__txt);
      opacity: 0.4; }
    .main-article .byline:focus::-webkit-input-placeholder {
      color: transparent; }
    .main-article .byline:focus::-moz-placeholder {
      color: transparent; }
  .main-article .image-caption {
    font-size: 14px;
    text-transform: none;
    line-height: 140%; }
    .main-article .image-caption::placeholder, .main-article .image-caption::-webkit-input-placeholder, .main-article .image-caption::-moz-placeholder {
      color: var(--sd-editor-colour__txt);
      opacity: 0.4; }
    .main-article .image-caption:focus::-webkit-input-placeholder {
      color: transparent; }
    .main-article .image-caption:focus::-moz-placeholder {
      color: transparent; }
  .main-article #body_footer .text-editor {
    min-height: 26px;
    padding: 0 !important;
    margin-block-end: 10px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 300; }
  .main-article .headline p {
    line-height: 1.2 !important;
    font-weight: 500; }
    .main-article .headline p .text-editor {
      min-height: 48px;
      padding: 6px 0; }
    .main-article .headline p .html-preview {
      font-size: 2.8rem; }
  .main-article .body {
    clear: left; }
    .main-article .body .html-preview {
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 1.5; }
      .main-article .body .html-preview p {
        font-size: 1.6rem; }

.text-editor p, .preview-editor p {
  padding: 0;
  margin-block-end: 10px;
  line-height: 1.5;
  font-weight: 300; }

.text-editor p:last-of-type, .preview-editor p:last-of-type {
  margin-block-end: 0 !important; }

.text-editor h2, .preview-editor h2 {
  font-size: 1.5em; }

.text-editor h3, .preview-editor h3 {
  font-size: 1.25em; }

.text-editor.clone, .preview-editor.clone {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin-block-start: 0;
  z-index: -1;
  opacity: 0.5;
  color: rgba(0, 0, 0, 0) !important;
  border-bottom-color: rgba(0, 0, 0, 0) !important; }
  .text-editor.clone .sderror, .preview-editor.clone .sderror {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit; }

.text-editor li, .preview-editor li {
  padding: 0;
  font-size: 16px;
  line-height: 150%;
  font-weight: 300; }

.text-editor ol, .text-editor ul, .preview-editor ol, .preview-editor ul {
  padding-inline-start: 30px;
  margin: 10px 0; }

.text-editor ul, .preview-editor ul {
  list-style-type: disc; }

.text-editor table, .preview-editor table {
  width: 100%;
  border-collapse: collapse;
  resize: both;
  table-layout: auto;
  border: 1px solid #dadada;
  margin: 16px 0; }
  .text-editor table td, .text-editor table th, .preview-editor table td, .preview-editor table th {
    border: 1px solid #dadada;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: text-top; }
  .text-editor table th, .preview-editor table th {
    font-weight: 500;
    text-align: start;
    background-color: rgba(195, 195, 195, 0.2); }

.text-editor blockquote, .preview-editor blockquote {
  font-size: 16px;
  line-height: 150%;
  margin: 20px 0;
  border-inline-start: 3px solid rgba(160, 160, 160, 0.5);
  padding: 4px 0 4px 16px;
  font-style: italic; }

.large-text.main-article .abstract {
  font-size: 18px; }
  .large-text.main-article .abstract .text-editor {
    font-size: 18px; }

.large-text.main-article .text-editor p {
  font-size: 18px !important; }

.large-text.main-article .headline {
  font-size: 28px; }
  .large-text.main-article .headline .text-editor {
    font-size: 28px; }

.dark-theme.main-article {
  background: #212121;
  color: #a9cbd1 !important; }
  .dark-theme.main-article .text-editor,
  .dark-theme.main-article .headline,
  .dark-theme.main-article .abstract,
  .dark-theme.main-article .dateline input,
  .dark-theme.main-article .dateline select,
  .dark-theme.main-article input,
  .dark-theme.main-article .text-editor p {
    color: #a9cbd1 !important; }
  .dark-theme.main-article .field label {
    background: var(--sd-editor-colour__field-label-bg);
    color: var(--sd-editor-colour__field-label-txt); }

.dark-theme .sderror {
  border-bottom-color: #FF3D3D;
  background-color: rgba(255, 61, 61, 0.25);
  color: #212121 !important; }

.dark-theme-mono.main-article {
  background: #212121;
  color: #a9cbd1 !important; }
  .dark-theme-mono.main-article .text-editor,
  .dark-theme-mono.main-article .headline,
  .dark-theme-mono.main-article .abstract,
  .dark-theme-mono.main-article .dateline input,
  .dark-theme-mono.main-article .dateline select,
  .dark-theme-mono.main-article input,
  .dark-theme-mono.main-article .text-editor p {
    color: #a9cbd1 !important;
    font-family: "Roboto Mono", Consolas, Courier, monospace; }
  .dark-theme-mono.main-article .field label {
    background: var(--sd-editor-colour__field-label-bg);
    color: var(--sd-editor-colour__field-label-txt); }

.dark-theme-mono .sderror {
  border-bottom-color: #FF3D3D;
  background-color: rgba(255, 61, 61, 0.25);
  color: #212121 !important; }

.dark-blue-theme.main-article {
  background: #06356a;
  color: white !important; }
  .dark-blue-theme.main-article .text-editor,
  .dark-blue-theme.main-article .headline,
  .dark-blue-theme.main-article .abstract,
  .dark-blue-theme.main-article .dateline input,
  .dark-blue-theme.main-article .dateline select,
  .dark-blue-theme.main-article input,
  .dark-blue-theme.main-article .text-editor p {
    color: white !important; }
  .dark-blue-theme.main-article .field label {
    background: var(--sd-editor-colour__field-label-bg);
    color: var(--sd-editor-colour__field-label-txt); }

.dark-blue-theme .sderror {
  border-bottom-color: #FF3D3D;
  background-color: rgba(255, 61, 61, 0.25);
  color: #06356a !important; }

.natural-theme.main-article {
  background: #efe8c3;
  color: #333333 !important; }
  .natural-theme.main-article .text-editor,
  .natural-theme.main-article .headline,
  .natural-theme.main-article .abstract,
  .natural-theme.main-article .dateline input,
  .natural-theme.main-article .dateline select,
  .natural-theme.main-article input {
    color: #333333 !important; }

.natural-theme .sderror {
  color: #efe8c3 !important; }

.dark-khaki-theme.main-article {
  background: #959f60;
  color: #262919 !important; }
  .dark-khaki-theme.main-article .text-editor,
  .dark-khaki-theme.main-article .headline,
  .dark-khaki-theme.main-article .abstract,
  .dark-khaki-theme.main-article .dateline input,
  .dark-khaki-theme.main-article .dateline select,
  .dark-khaki-theme.main-article input {
    color: #262919 !important; }

.dark-khaki-theme .sderror {
  color: #959f60 !important; }

.dark-turquoise-theme.main-article {
  background: darkturquoise;
  color: #122235 !important; }
  .dark-turquoise-theme.main-article .text-editor,
  .dark-turquoise-theme.main-article .headline,
  .dark-turquoise-theme.main-article .abstract,
  .dark-turquoise-theme.main-article .dateline input,
  .dark-turquoise-theme.main-article .dateline select,
  .dark-turquoise-theme.main-article input {
    color: #122235 !important; }

.dark-turquoise-theme .sderror {
  color: darkturquoise !important; }

.pale-yellow-theme.main-article {
  background: #f7fa99;
  color: #333333 !important; }
  .pale-yellow-theme.main-article .text-editor,
  .pale-yellow-theme.main-article .headline,
  .pale-yellow-theme.main-article .abstract,
  .pale-yellow-theme.main-article .dateline input,
  .pale-yellow-theme.main-article .dateline select,
  .pale-yellow-theme.main-article input {
    color: #333333 !important; }

.pale-yellow-theme .sderror {
  color: #f7fa99 !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.sd-widget.versioning .widget-content {
  background: var(--sd-colour-panel-bg--100); }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.widget-wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  overflow: hidden; }
  .widget-wrapper.active-left .page-content-container {
    inset-inline-start: 388px; }
  .widget-wrapper.active-left.left-extended .page-content-container {
    inset-inline-start: 518px; }
  .widget-wrapper.active-right .page-content-container {
    inset-inline-end: 388px; }
  .widget-wrapper.active-right.right-extended .page-content-container {
    inset-inline-end: 518px; }

.workqueue .widget-wrapper .right-tabpane {
  inset-block-end: 30px; }

.tabpane .sd-widget, .pinned-tab__wrapper .sd-widget {
  width: auto;
  height: 100%;
  position: relative;
  border: 0; }
  .tabpane .sd-widget .widget-line, .pinned-tab__wrapper .sd-widget .widget-line {
    display: none; }
  .tabpane .sd-widget .widget-header, .pinned-tab__wrapper .sd-widget .widget-header {
    height: 48px;
    box-sizing: border-box;
    background-color: var(--sd-item__main-Bg); }
    .tabpane .sd-widget .widget-header .widget-icon, .pinned-tab__wrapper .sd-widget .widget-header .widget-icon {
      display: none; }
    .tabpane .sd-widget .widget-header .widget-title, .pinned-tab__wrapper .sd-widget .widget-header .widget-title {
      line-height: 100%;
      font-size: 1.4rem;
      padding: 0 1.2rem;
      font-weight: 400; }
  .tabpane .sd-widget .widget__sliding-toolbar, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar {
    position: absolute;
    display: flex;
    align-items: center;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 3;
    padding: 0 1.6rem;
    color: var(--color-text);
    animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
    background-color: var(--sd-colour-bg__sliding-toolbar);
    box-shadow: var(--sd-shadow__sliding-toolbar);
    gap: 0.8rem;
    height: 4.8rem;
    padding: 0 40px 0 16px; }
    .tabpane .sd-widget .widget__sliding-toolbar--right, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar--right {
      text-align: end;
      justify-content: flex-end; }
    .tabpane .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner {
      flex-grow: 1;
      display: flex;
      align-items: center;
      gap: 0.8rem; }
      .tabpane .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner--right, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .sliding-toolbar__inner--right {
        text-align: end; }
    .tabpane .sd-widget .widget__sliding-toolbar .sliding-toolbar__info-text, .pinned-tab__wrapper .sd-widget .widget__sliding-toolbar .sliding-toolbar__info-text {
      font-weight: 400;
      opacity: 0.75;
      font-size: 1.4rem; }
  .tabpane .sd-widget .widget-actions, .pinned-tab__wrapper .sd-widget .widget-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline-start: auto; }
  .tabpane .sd-widget .widget-settings, .pinned-tab__wrapper .sd-widget .widget-settings {
    inset-block-start: 8px;
    inset-inline-end: 35px; }
  .tabpane .sd-widget .widget-content, .pinned-tab__wrapper .sd-widget .widget-content {
    background-color: var(--sd-colour-panel-bg--100);
    margin-block-start: 0;
    overflow: auto;
    inset-block-end: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr; }
    .tabpane .sd-widget .widget-content fieldset, .pinned-tab__wrapper .sd-widget .widget-content fieldset {
      padding: 10px; }
      .tabpane .sd-widget .widget-content fieldset.fieldset--no-padding, .pinned-tab__wrapper .sd-widget .widget-content fieldset.fieldset--no-padding {
        padding: 0; }
      .tabpane .sd-widget .widget-content fieldset .btn-group.pull-left, .pinned-tab__wrapper .sd-widget .widget-content fieldset .btn-group.pull-left {
        margin-inline-start: 0; }
    .tabpane .sd-widget .widget-content span.chevron, .pinned-tab__wrapper .sd-widget .widget-content span.chevron {
      background-color: #f7f7f7; }
      .tabpane .sd-widget .widget-content span.chevron ~ h6, .pinned-tab__wrapper .sd-widget .widget-content span.chevron ~ h6 {
        background-color: #f7f7f7; }
    .tabpane .sd-widget .widget-content .nav-tabs, .pinned-tab__wrapper .sd-widget .widget-content .nav-tabs {
      padding: 0 6px;
      background-color: var(--sd-item__main-Bg);
      box-shadow: 0 1px 0 0 var(--sd-colour-line--light);
      grid-row: 1 / 2;
      position: relative;
      z-index: 1; }
    .tabpane .sd-widget .widget-content .content, .pinned-tab__wrapper .sd-widget .widget-content .content {
      grid-row: 2 / 3;
      overflow-y: auto; }
    .tabpane .sd-widget .widget-content .widget-content-padding, .pinned-tab__wrapper .sd-widget .widget-content .widget-content-padding {
      padding: 10px; }
    .tabpane .sd-widget .widget-content .widget-header__action, .pinned-tab__wrapper .sd-widget .widget-content .widget-header__action {
      position: fixed;
      inset-block-start: 106px;
      inset-inline-end: 92px;
      z-index: 999; }
  .tabpane .sd-widget .widget-content__header, .pinned-tab__wrapper .sd-widget .widget-content__header {
    grid-row: 1/2;
    grid-column: 1/2;
    position: relative; }
  .tabpane .sd-widget .widget-content__main, .pinned-tab__wrapper .sd-widget .widget-content__main {
    grid-row: 2/3;
    grid-column: 1/2;
    overflow-x: hidden;
    overflow-y: auto; }
  .tabpane .sd-widget .widget-content__footer, .pinned-tab__wrapper .sd-widget .widget-content__footer {
    grid-row: 3/4;
    grid-column: 1/2;
    position: relative; }

.tabpane .tabcontent-actions, .pinned-tab__wrapper .tabcontent-actions {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 0;
  z-index: 100; }
  .tabpane .tabcontent-actions .icn-btn, .pinned-tab__wrapper .tabcontent-actions .icn-btn {
    margin-inline-start: auto;
    margin-inline-end: 5px;
    transition: all .2s ease-in-out; }
    .tabpane .tabcontent-actions .icn-btn.active, .pinned-tab__wrapper .tabcontent-actions .icn-btn.active {
      color: var(--sd-colour-interactive--active);
      transform: rotate(90deg); }
    .tabpane .tabcontent-actions .icn-btn:hover, .pinned-tab__wrapper .tabcontent-actions .icn-btn:hover {
      border: 0; }

.tabpane sd-widget-react > div, .pinned-tab__wrapper sd-widget-react > div {
  display: contents; }

.tabpane .sd-widget .widget-content .content {
  grid-row: 2 / 3;
  overflow-y: auto; }

/*
    Alternative styles for .tabcontent-actions
    that are not using absolute positioning
*/
.sd-widget-pin {
  transition: all .2s ease-in-out; }
  .sd-widget-pin.sd-widget-pinned i {
    color: #5fa9c8;
    transform: rotate(90deg); }

.sd-widget.macros .macro-option {
  margin-block-end: 20px; }

.sd-widget.macros .link-list .btn {
  display: block;
  width: 100%;
  margin-block-end: 10px; }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.field .attachments-pane .attachments-list {
  color: #2c323a; }

.sd-widget.attachments .attachments-pane .attachments-list {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  inset-block-end: 212px;
  inset-inline-start: 12px;
  overflow-y: scroll; }

.sd-widget.attachments .attachments-pane .attach-indicator {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 50%;
  margin-inline-start: -125px;
  width: 250px;
  text-align: center; }
  .sd-widget.attachments .attachments-pane .attach-indicator.empty {
    inset-block-end: 50%; }
    .sd-widget.attachments .attachments-pane .attach-indicator.empty .round-box i.icon {
      color: #5ea9c8; }
  .sd-widget.attachments .attachments-pane .attach-indicator .round-box {
    display: block;
    box-sizing: border-box;
    padding-block-start: 16px;
    height: 90px;
    width: 90px;
    background-color: var(--sd-item__main-Bg);
    border-radius: var(--b-radius--full);
    margin: 0 auto;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12); }
    .sd-widget.attachments .attachments-pane .attach-indicator .round-box i.icon {
      display: block;
      width: 56px;
      height: 48px;
      margin: 1.4rem auto 0 auto;
      font-size: 5.2rem;
      color: var(--color-text-light); }
  .sd-widget.attachments .attachments-pane .attach-indicator .subtext {
    margin: 16px 0;
    color: var(--color-text-lighter); }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.close-compare-versions {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  opacity: 0.6;
  filter: "alpha(opacity=60)";
  background: none;
  border: 0;
  padding: 0; }
  .close-compare-versions:hover {
    opacity: 0.8;
    filter: "alpha(opacity=80)"; }

.compare-versions-screen {
  height: 90%;
  overflow-y: auto; }
  .compare-versions-screen .boards-list {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    inset-inline-end: 0; }
  .compare-versions-screen .boards-create {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-end: 0;
    width: 0;
    box-sizing: border-box; }
    .compare-versions-screen .boards-create i {
      font-size: 48px;
      line-height: 100px;
      position: absolute;
      inset-block-start: 50%;
      margin-block-start: -50px;
      inset-inline-start: 50%;
      margin-inline-start: -20px; }
    .compare-versions-screen .boards-create:hover {
      cursor: pointer;
      background: #d8d8d8; }
    .compare-versions-screen .boards-create .compare-versions-float .dropdown__menu {
      position: fixed;
      inset-inline-start: auto;
      inset-inline-end: auto;
      inset-block-start: auto;
      inset-block-end: auto;
      max-width: 270px; }
      .compare-versions-screen .boards-create .compare-versions-float .dropdown__menu li button {
        max-width: 250px !important; }
  .compare-versions-screen .boards-list .board {
    background: white;
    float: inline-start;
    height: 100%;
    border: 1px solid #cacaca;
    border-width: 0 1px;
    position: relative; }
    .compare-versions-screen .boards-list .board > .dropdown {
      inset-inline-start: 8px;
      inset-block-start: 5px;
      border: 0;
      position: absolute;
      z-index: 2;
      width: 4rem; }
      .compare-versions-screen .boards-list .board > .dropdown .dropdown__toggle {
        padding: 0 12px; }
        .compare-versions-screen .boards-list .board > .dropdown .dropdown__toggle i {
          opacity: 0.4;
          filter: "alpha(opacity=40)"; }
      .compare-versions-screen .boards-list .board > .dropdown .dropdown__menu {
        margin-block-start: -4px; }
      .compare-versions-screen .boards-list .board > .dropdown:hover .dropdown__toggle i {
        opacity: 1;
        filter: "alpha(opacity=100)"; }
    .compare-versions-screen .boards-list .board > .board-article {
      width: 100%;
      height: 100%; }
      .compare-versions-screen .boards-list .board > .board-article > .main-article {
        border: 0;
        padding: 2.4rem 2.4rem 7.6rem; }
        .compare-versions-screen .boards-list .board > .board-article > .main-article.locked {
          border-inline-start: 4px solid #e51c23; }
        .compare-versions-screen .boards-list .board > .board-article > .main-article .editbar {
          visibility: hidden;
          overflow: hidden;
          margin: 0 0 20px; }
        .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header {
          margin: 0 0 2.4rem 3.2rem; }
          .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header__metadata {
            display: inline-block;
            margin-inline-end: .6rem;
            font-size: 12px;
            font-weight: 500;
            color: #2c323a; }
            .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header__metadata-label {
              font-style: italic;
              font-weight: 400;
              color: #596473; }
            .compare-versions-screen .boards-list .board > .board-article > .main-article .board-article-header__metadata-content {
              margin-inline-end: 5px; }
    .compare-versions-screen .boards-list .board__no-article {
      margin: 20px 0 0 60px;
      font-size: 1.2rem;
      color: gray;
      font-style: italic; }
    .compare-versions-screen .boards-list .board:hover .editbar {
      visibility: visible !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
@keyframes dropOut {
  0% {
    transform: translateY(-43px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  50% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px); }
  100% {
    transform: translateX(0); } }

@keyframes appearFromBottomLeft {
  0% {
    transform: translateY(900px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes appearFromRight2 {
  0% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  50% {
    transform: translateX(40px) rotate(360deg);
    opacity: 0; }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1; } }

@keyframes dropOut2 {
  0% {
    transform: translateY(-48px); }
  100% {
    transform: translateY(0); } }

@keyframes appearFromRight3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeIn3 {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes pulsateBG {
  0%, 100% {
    background-color: rgba(255, 87, 36, 0.1); }
  50% {
    background-color: rgba(255, 87, 36, 0.8); } }

.search-page-container .archive-content {
  height: 100%; }

.search-page-header {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center; }
  .search-page-header .searchbar-flex-handler {
    flex-grow: 1; }

.ui-responsive-medium .searchbar-flex-handler {
  width: 52px;
  flex-grow: 0;
  background-color: var(--sd-colour-panel-bg--100); }
  .ui-responsive-medium .searchbar-flex-handler .item-searchbar.focused {
    position: absolute;
    z-index: 10; }

.ui-responsive-medium .sortbar-flex-handler {
  flex-grow: 1;
  text-align: end; }

.ui-responsive-medium .subnav__stage-group--ui-responsive {
  display: none; }

.ui-responsive-small .searchbar-flex-handler {
  width: 40px; }
  .ui-responsive-small .searchbar-flex-handler .button.search-icon {
    width: 40px; }

.ui-responsive-small .flat-searchbar.extended {
  z-index: 2; }
  .ui-responsive-small .flat-searchbar.extended .search-handler input {
    max-width: 110px; }

.ui-responsive-small .flat-searchbar .search-handler {
  padding: 10px 6px;
  min-width: 32px; }

.ui-responsive-small .subnav__stage-group--ui-responsive {
  display: none; }

.filter-trigger {
  width: 48px;
  height: 48px;
  line-height: 54px;
  text-align: center;
  background: rgba(100, 113, 130, 0.1);
  flex-shrink: 0;
  transition: all ease 0.1s;
  overflow: hidden; }
  .filter-trigger i {
    opacity: 0.6;
    filter: "alpha(opacity=60)";
    color: var(--color-icon-default); }
  .filter-trigger:hover {
    cursor: pointer; }
  .filter-trigger--active {
    background: var(--sd-colour-interactive--active); }
    .filter-trigger--active i {
      color: white; }

.filter-content {
  margin-block-start: 10px; }

.panel-selector {
  margin-block-start: 20px;
  margin-block-end: 10px;
  width: 100%; }
  .panel-selector button {
    width: 48%; }

.multi-action-bar {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  line-height: 48px;
  padding: 0 16px;
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .multi-action-bar .navbtn {
    border: none;
    vertical-align: bottom; }
  .multi-action-bar #multi-select-count {
    margin-inline-start: 15px; }
  .multi-action-bar .toggle {
    width: 23px;
    height: 23px;
    border: 0;
    padding: 0;
    margin-inline-end: 10px;
    z-index: 3;
    line-height: 0;
    border-radius: 23px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
    transition: transform 0.5s; }
    .multi-action-bar .toggle i {
      height: 15px; }
    .multi-action-bar .toggle.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .multi-action-bar .right-stack {
    margin-inline-end: -16px; }

.multi-action-bar-inline {
  display: flex; }
  .multi-action-bar-inline .navbtn {
    border: none; }

.item-searchbar {
  border-inline-start: 1px solid var(--sd-colour-line--light);
  border-inline-end: 1px solid var(--sd-colour-line--light);
  position: relative;
  transition: all 0.2s ease; }
  .item-searchbar:hover {
    background-color: var(--sd-colour-bg__searchbar); }
  .item-searchbar.focused {
    background: var(--sd-colour-bg__searchbar);
    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-50), inset 0 0 0 6px var(--sd-colour-interactive--alpha-20);
    background-color: var(--sd-colour-bg__searchbar); }
  .item-searchbar .search-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    opacity: 0.5;
    position: absolute;
    width: 48px;
    height: 48px;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .item-searchbar .search-icon i {
      color: var(--color-icon-default);
      margin-inline-start: 4px; }
  .item-searchbar .search-start {
    position: absolute;
    opacity: 1;
    display: flex;
    inset-block-start: 10px;
    inset-inline-end: 16px;
    margin: 0; }
  .item-searchbar input {
    height: 48px;
    line-height: 100%;
    font-size: 14px;
    border: 0 !important;
    padding: 0 48px;
    color: var(--color-text);
    background: none; }
    .item-searchbar input:focus, .item-searchbar input:active {
      box-shadow: none !important; }
    .item-searchbar input::-webkit-input-placeholder, .item-searchbar input::placeholder {
      font-style: italic;
      color: var(--color-text-lighter); }
  .item-searchbar .trigger {
    inset-inline-end: 0;
    background: none; }
  .item-searchbar .search-cancel {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 55px;
    background: transparent;
    border: 0;
    padding: 0;
    opacity: 0.4;
    height: 24px;
    width: 24px;
    padding: 4px;
    cursor: pointer;
    transition: all 300ms ease; }
    .item-searchbar .search-cancel:hover {
      opacity: 0.8; }

.search-tags {
  position: relative;
  z-index: 2;
  padding: 0 0 0 20px;
  box-shadow: 0 1px 0 var(--sd-colour-line--light), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--sd-colour-panel-bg--000); }
  .search-tags .search-tags__list {
    flex-grow: 1; }
    .search-tags .search-tags__list li {
      display: inline-block;
      padding: 8px 0 6px 0; }
  .search-tags .tag-label {
    line-height: 1.8rem;
    margin: 2px 1px 2px 0; }
    .search-tags .tag-label span {
      opacity: 0.75;
      margin-inline-end: 0.5rem; }
  .search-tags .refresh-box {
    display: none; }
  .search-tags.refresh {
    padding-inline-end: 50px;
    min-height: 44px; }
    .search-tags.refresh .refresh-box {
      display: block;
      position: absolute;
      inset-inline-end: 10px;
      inset-block-start: 8px; }

.item-globalsearch {
  float: inline-start; }
  .item-globalsearch .popup {
    position: fixed;
    inset-block-start: 100px;
    inset-inline-start: 50%;
    width: 400px;
    margin-inline-start: -200px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    z-index: 11112000; }
    .item-globalsearch .popup > .content {
      width: 100%;
      background: #fff; }
  .item-globalsearch .trigger-popup {
    height: 47px;
    padding: 10px 10px 10px 15px;
    box-sizing: border-box;
    float: inline-start; }
  .item-globalsearch .separator-handler {
    margin: 9px 0 0 0;
    border-inline-end: 2px dotted #bcbcbc;
    height: 30px;
    float: inline-start; }
  .item-globalsearch.extended .popup {
    display: block; }

.advanced-globalsearch form {
  *zoom: 1; }
  .advanced-globalsearch form:before, .advanced-globalsearch form:after {
    display: table;
    content: ""; }
  .advanced-globalsearch form:after {
    clear: both; }

.advanced-globalsearch .advanced {
  margin-block-start: 0;
  position: static;
  box-sizing: border-box;
  box-shadow: 0 3px 5px 0 #aaa;
  border-radius: 0px;
  border: 0;
  width: 100%;
  border-block-start: 1px solid #e6e6e6;
  box-shadow: inset 0 1px 3px 0 #eee; }
  .advanced-globalsearch .advanced:before {
    display: none; }
  .advanced-globalsearch .advanced .close {
    padding: 0 5px;
    float: inline-end;
    width: auto;
    background: none;
    margin: 5px 5px 0 0; }
  .advanced-globalsearch .advanced .content {
    padding: 25px 10px 10px; }
  .advanced-globalsearch .advanced .actions {
    *zoom: 1;
    padding: 10px 0; }
    .advanced-globalsearch .advanced .actions:before, .advanced-globalsearch .advanced .actions:after {
      display: table;
      content: ""; }
    .advanced-globalsearch .advanced .actions:after {
      clear: both; }
    .advanced-globalsearch .advanced .actions button {
      width: auto;
      clear: none; }

#react-placeholder {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px; }

.sortbar .label-total {
  margin: 0 0.4rem;
  background-color: var(--sd-colour-bg--09); }

.search-parameters .keywords {
  *zoom: 1; }
  .search-parameters .keywords:before, .search-parameters .keywords:after {
    display: table;
    content: ""; }
  .search-parameters .keywords:after {
    clear: both; }

.es-highlight {
  background-color: rgba(255, 61, 61, 0.25); }

.subnav.legal-archive .dropdown .sortbar {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: start;
  border-inline-start: 0; }
  .subnav.legal-archive .dropdown .sortbar .dropdown {
    min-width: 120px;
    float: inline-end; }
  .subnav.legal-archive .dropdown .sortbar .direction {
    line-height: 18px;
    margin-inline-start: 15px; }

.subnav.legal-archive .dropdown .sd-pagination {
  padding: 0 17px; }
  .subnav.legal-archive .dropdown .sd-pagination em.page-info, .subnav.legal-archive .dropdown .sd-pagination .btn-group {
    width: 100%;
    text-align: center; }

.subnav.legal-archive .dropdown__menu-divider {
  clear: both; }

.sd-grid-item__footer {
  overflow: hidden; }
  .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
    overflow: hidden; }
    .sd-grid-item__footer .sd-grid-item__footer-block--multi-r .sd-grid-item__footer-block-item {
      flex-shrink: 1 !important;
      overflow: hidden; }
  .sd-grid-item__footer .sd-grid-item__footer-block-item {
    flex-grow: 0;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    .sd-grid-item__footer .sd-grid-item__footer-block-item .state-label {
      margin: 0 auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.workspace .main-section.search-page-container .preview-layout .search-content {
  display: flex;
  flex-direction: row; }

.workspace .main-section.search-page-container .preview-layout .search-content__main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  overflow-x: auto; }
  .workspace .main-section.search-page-container .preview-layout .search-content__main .search-tags {
    flex-shrink: 0; }

.workspace .main-section.search-page-container .preview-layout .search-preview {
  height: 100%;
  transition: all ease-in-out 0.2s;
  width: 560px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 1; }
  .workspace .main-section.search-page-container .preview-layout .search-preview .content-item-preview {
    inset-block-start: 0 !important;
    position: relative;
    width: 100% !important;
    height: 100%;
    opacity: 1;
    transition: opacity ease-in-out 0.4s;
    transition-delay: 0.2s; }
  @media only screen and (max-width: 1430px) {
    .workspace .main-section.search-page-container .preview-layout .search-preview {
      width: 360px; } }

.workspace .main-section.search-page-container .preview-layout.closed .search-preview {
  width: 0;
  overflow: hidden; }
  .workspace .main-section.search-page-container .preview-layout.closed .search-preview .content-item-preview {
    opacity: 0; }

.workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay {
  position: absolute;
  inset-block-start: 4.8rem;
  inset-inline-end: 0;
  inset-block-end: 0;
  width: 0;
  overflow: visible;
  opacity: 1;
  z-index: 3; }
  .workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay .content-item-preview {
    inset-block-start: 0 !important;
    position: absolute;
    width: 320px;
    inset-inline-end: -324px;
    opacity: 1;
    transition: all ease-in-out 0.2s;
    overflow-y: visible !important;
    box-shadow: inset 3px 0 2px -1px rgba(0, 0, 0, 0.12), 2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
    .workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay .content-item-preview .shift-preview__toggle {
      display: inline-block; }
    .workspace.authoring .main-section.search-page-container .preview-layout .search-preview--overlay .content-item-preview.shift {
      inset-inline-end: 0;
      box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }

.workspace.authoring .main-section.search-page-container .preview-layout .search-preview {
  width: 400px; }
  @media only screen and (max-width: 1430px) {
    .workspace.authoring .main-section.search-page-container .preview-layout .search-preview {
      width: 360px; } }

.workspace.authoring .main-section.search-page-container .preview-layout.closed .search-preview {
  width: 0;
  overflow: hidden; }
  .workspace.authoring .main-section.search-page-container .preview-layout.closed .search-preview .content-item-preview {
    opacity: 0; }

.workspace.authoring .main-section.search-page-container .preview-layout.closed .search-preview--overlay {
  opacity: 0; }

#drag-image-holder {
  position: absolute;
  inset-inline-start: -2000px;
  max-width: 200px;
  max-height: 200px; }
  #drag-image-holder img {
    max-width: 200px;
    max-height: 200px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.package-item {
  border-radius: 1px;
  background: white;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
  position: relative;
  border-inline-start: 4px solid #fff;
  display: flex;
  margin-block-end: 10px;
  transition: all 0.2s; }
  .package-item__icon-holder {
    margin: 0 12px 0 0 !important;
    opacity: 0.5;
    max-width: 24px;
    min-width: 24px;
    padding-inline-end: 10px; }
  .package-item__drag-handle {
    position: absolute;
    inset-block-start: 3px;
    inset-block-end: 3px;
    inset-inline-start: 2px;
    background: url(876e52a1ea0f40093a764217cb6a130a.png) repeat 0 0;
    width: 6px;
    opacity: 0;
    transition: all 0.2s; }
  .package-item__open-item {
    position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 8px;
    opacity: 0;
    cursor: pointer; }
  .package-item.locked {
    border-left-color: #bd1600; }
  .package-item.published {
    border-left-color: #5e8d32; }
  .package-item.killed {
    border-left-color: #303030; }
  .package-item__thumb-holder {
    max-width: 120px;
    min-width: 120px;
    border-radius: 2px;
    overflow: hidden;
    height: 80px;
    background: #f0f0f0;
    float: inline-start;
    margin-inline-end: 16px; }
    .package-item__thumb-holder img {
      margin: 0 !important; }
    .package-item__thumb-holder .loading {
      margin: 20px 0 0 40px; }
    .package-item__thumb-holder .error-icon {
      opacity: 0.5;
      filter: "alpha(opacity=50)";
      height: 80px;
      line-height: 80px;
      text-align: center; }
      .package-item__thumb-holder .error-icon i {
        vertical-align: middle;
        zoom: 0.7; }
  .package-item__item-text-group {
    display: flex;
    flex-direction: column; }
  .package-item__item-headline {
    padding-inline-end: 64px;
    max-height: 74px;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.2;
    flex-grow: 1;
    font-weight: bold; }
  .package-item__item-abstract {
    margin-block-start: 5px; }
    .package-item__item-abstract img {
      max-width: 100%; }
  .package-item__item-creator {
    color: #909090; }
  .package-item__action-menu {
    position: absolute;
    inset-block-start: 6px;
    inset-inline-end: 6px; }
    .package-item__action-menu .more-activity-toggle {
      width: 16px;
      height: 16px !important;
      padding: 2px 6px 3px !important;
      font-size: 13px !important;
      line-height: 18px !important; }
  .package-item .loading {
    width: 40px;
    height: 40px;
    background: #f0f0f0 url(bc64c8da982d3a424c62b4d324c50a18.gif) center center no-repeat; }
  .package-item .alert-error {
    font-size: 12px;
    padding: 10px;
    height: 80px; }
  .package-item:hover .package-item__open-item {
    opacity: 0.3; }
    .package-item:hover .package-item__open-item:hover {
      opacity: 1; }

.sort-item .package-item:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.4);
  padding-inline-start: 16px;
  cursor: move; }
  .sort-item .package-item:hover .package-item__drag-handle {
    opacity: 0.5; }

.packaging-screen .page-content-container > .content {
  width: auto;
  max-width: 800px;
  min-height: 100%;
  max-height: 100%;
  margin: 0 auto;
  border: 1px solid #ebebeb;
  border-width: 0 1px;
  background: #fcfcfc;
  padding: 30px 60px 20px;
  overflow: auto; }

.packaging-screen .page-content-container .toggle-box h6 {
  background: var(--sd-editor-colour__main-bg);
  color: var(--sd-editor-colour__txt); }

.packaging-screen .page-content-container .package-header {
  margin-block-end: 30px;
  position: relative;
  min-height: 52px; }
  .packaging-screen .page-content-container .package-header .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4; }
  .packaging-screen .page-content-container .package-header input, .packaging-screen .page-content-container .package-header textarea {
    border: 1px solid var(--sd-editor-colour__controls-border);
    transition: all ease 0.2s;
    border-radius: var(--b-radius--small);
    background-color: transparent;
    color: var(--sd-editor-colour__txt); }
    .packaging-screen .page-content-container .package-header input:focus, .packaging-screen .page-content-container .package-header textarea:focus {
      border-color: var(--sd-colour-interactive) !important;
      box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-30); }
  .packaging-screen .page-content-container .package-header textarea {
    padding: 8px; }

.placeholder {
  margin: 20px 0; }

.item.composite .package-details {
  display: none; }

.package-edit {
  padding: 10px 0 100px; }
  .package-edit > li {
    margin: 0;
    padding: 0; }
    .package-edit > li .group-info {
      position: relative; }
      .package-edit > li .group-info:before {
        content: " ";
        position: absolute;
        border-block-end: 1px solid #dcdcdc;
        height: 1px;
        inset-block-start: 9px;
        inset-inline-start: 20px;
        inset-inline-end: 0px; }
      .package-edit > li .group-info h6 {
        background: #fcfcfc;
        padding: 0 5px;
        font-size: 11px;
        text-transform: uppercase;
        color: #666;
        position: relative;
        display: inline-block; }
  .package-edit .package-edit-items {
    min-height: 80px; }
    .package-edit .package-edit-items .fake div {
      padding: 10px 0; }
    .package-edit .package-edit-items > li:not(.placeholder):not(.fake):first-child {
      margin-block-start: -15px; }
      .package-edit .package-edit-items > li:not(.placeholder):not(.fake):first-child .item-container {
        margin-block-start: 30px; }
    .package-edit .package-edit-items > li.fake:first-child div {
      padding: 40px 0; }
    .package-edit .package-edit-items .preview-container {
      padding: 20px 20px; }
    .package-edit .package-edit-items .item-container {
      position: relative; }
      .package-edit .package-edit-items .item-container .remove {
        position: absolute;
        inset-inline-end: 38px;
        inset-block-start: 6px;
        opacity: 0; }
      .package-edit .package-edit-items .item-container:hover .remove {
        opacity: 0.7; }
        .package-edit .package-edit-items .item-container:hover .remove:hover {
          opacity: 1; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.highlights-config-popup .multi-select {
  margin-block-start: 10px; }
  .highlights-config-popup .multi-select li {
    margin-block-end: 5px; }
    .highlights-config-popup .multi-select li .text:hover {
      cursor: pointer; }

.highlights-config-popup .pills-list {
  margin-block-start: 15px; }
  .highlights-config-popup .pills-list h6 {
    text-transform: none !important; }

.highlights-config-popup .modal-body .char-count {
  font-size: 11px;
  font-style: italic; }
  .highlights-config-popup .modal-body .char-count.error {
    font-weight: 500;
    color: #D33C30; }

.highlights-title {
  display: inline-block;
  position: relative; }
  .highlights-title .tooltip-inner {
    width: 150px;
    text-align: start; }
    .highlights-title .tooltip-inner h5 {
      font-size: 11px;
      margin: 0 0 8px;
      color: #a7a7a7; }
    .highlights-title .tooltip-inner button {
      position: absolute;
      inset-inline-end: 7px;
      color: #656565; }
    .highlights-title .tooltip-inner li {
      height: 1%;
      overflow: hidden;
      padding-inline-end: 45px; }
  .highlights-title:hover {
    cursor: pointer; }

.highlights-list {
  display: inline-block;
  vertical-align: middle; }

.highlights-preview-list {
  background-color: transparent; }

.highlights-list-menu {
  padding: 5px 0;
  margin: 6px 0 0 0;
  background-color: var(--color-dropdown-menu-Bg) !important;
  border-radius: var(--b-radius--medium);
  max-width: 700px;
  min-width: 180px;
  overflow-y: auto; }
  .highlights-list-menu:before {
    display: none; }
  .highlights-list-menu:not(.dropdown__menu) {
    box-shadow: var(--sd-shadow__dropdown); }
  .highlights-list-menu li {
    position: relative;
    color: var(--color-text);
    padding: 0.4rem 1.2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .highlights-list-menu li .dropdown__menu-label {
      padding-inline-start: 0;
      color: var(--color-text-lighter);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      flex-grow: 1; }
    .highlights-list-menu li .dropdown__menu-close {
      position: absolute;
      inset-block-start: 4px;
      inset-inline-end: 8px;
      padding: 0;
      margin: 0;
      border: 0;
      width: auto;
      opacity: 0.5;
      background-color: transparent; }
      .highlights-list-menu li .dropdown__menu-close i {
        margin-inline-end: 0; }
      .highlights-list-menu li .dropdown__menu-close:hover, .highlights-list-menu li .dropdown__menu-close:focus {
        background-color: transparent;
        opacity: 1; }
    .highlights-list-menu li .btn {
      flex-shrink: 0; }
    .highlights-list-menu li span {
      color: var(--color-text);
      margin: 0;
      padding: 0; }

.highlights-dropdown .dropdown__menu .dropdown__menu-label {
  text-align: start;
  line-height: 1.5;
  padding: 0 16px;
  margin-block-end: 4px; }

.highlights-dropdown .dropdown__menu button {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.padded--sides10 {
  padding: 0 10px; }

.panel-search {
  padding: 3rem 2rem 0rem;
  border-radius: 4px;
  background-color: var(--sd-item__main-Bg);
  min-width: 260px; }

.panel-search-result .column-width {
  width: 50%; }

.wide {
  max-width: 960px; }

div {
  -webkit-column-rule: 4px outset #ff00ff;
  /* Chrome, Safari, Opera */
  -moz-column-rule: 4px outset #ff00ff;
  /* Firefox */
  column-rule: 4px outset #ff00ff; }

.filter-result-modal {
  position: absolute; }
  .filter-result-modal .content .active {
    background-color: #eff7fa !important;
    border-inline-end: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .filter-result-modal .content .active:hover .item-functions {
      background-color: #eff7fa; }
      .filter-result-modal .content .active:hover .item-functions .item-field:hover {
        background-color: #d6e8ef; }
      .filter-result-modal .content .active:hover .item-functions .item-field.disabled:hover {
        background-color: #d6e8ef; }
  .filter-result-modal .filter-result-body {
    flex: 1 1 auto !important; }

.filter-condition-modal .modal-body {
  overflow-y: inherit !important; }

.content-filter-modal .content .field {
  margin-block-end: 10px; }
  .content-filter-modal .content .field textarea {
    height: 22px; }

.content-filter-modal .modal__body .filter-tags {
  margin-block-end: 10px;
  overflow: hidden;
  padding: 12px;
  border: 1px solid var(--sd-colour-line--light);
  background-color: var(--sd-item__main-Bg--alternate);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); }

.destination-box {
  margin: 0 0 12px 0;
  padding: 12px 12px 0;
  background-color: var(--sd-item__main-Bg--alternate);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); }

.subscriber-modal {
  position: absolute; }
  .subscriber-modal .content .field {
    margin-block-end: 10px; }
    .subscriber-modal .content .field textarea {
      height: 22px; }
  .subscriber-modal .add {
    margin-block-start: -3px;
    position: absolute;
    padding: 0;
    margin-inline-start: 20px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    line-height: 20px; }
    .subscriber-modal .add i {
      margin-inline-start: 2px; }

td .sd-page__content {
  padding: 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.words-list {
  margin-block-start: 4px;
  max-height: 10em;
  overflow-y: auto;
  background-color: var(--sd-item__main-Bg);
  border: 1px solid var(--sd-colour-line--light); }
  .words-list li {
    padding: 2px 2px 2px 8px;
    margin: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .words-list li:hover {
      background-color: var(--sd-item__main-Bg--alternate); }
    .words-list li.vs-repeat-before-content, .words-list li.vs-repeat-after-content {
      padding: 0;
      margin: 0; }

.abbreviations-list__item {
  padding: 0.6rem 0;
  display: flex;
  align-items: center;
  border-block-end: 1px solid rgba(0, 0, 0, 0.15); }
  .abbreviations-list__item--heading {
    padding: 0.8rem 0;
    margin-block-start: 2rem;
    border-block-start: 1px solid rgba(0, 0, 0, 0.15);
    border-block-end: 2px solid rgba(0, 0, 0, 0.15); }
    .abbreviations-list__item--heading .abbreviations-field {
      font-weight: 500; }

.abbreviations-field {
  display: inline;
  flex-grow: 0;
  flex-shrink: 0; }
  .abbreviations-field label {
    width: 110px;
    display: inline-block;
    margin: 0 !important; }
    .abbreviations-field label.case-sensitive {
      text-transform: none; }
  .abbreviations-field--grow {
    flex-grow: 1; }
  .abbreviations-field--abbreviation {
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color-text-light); }

.abbreviations-field + .abbreviations-field {
  margin-inline-end: 1rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.vocabularyForm button.del {
  width: 30px;
  padding: 8px 10px; }

.vocabularyForm table {
  width: 100%;
  border-spacing: 0; }

.vocabularyForm table th, .vocabularyForm table td {
  vertical-align: top; }

.vocabularyForm tbody tr td:not(:first-child):last-child {
  text-align: end; }

.vocabularyForm tbody tr td:first-child {
  padding-inline-start: 0; }

.vocabularyForm thead tr th {
  font-weight: 500;
  padding: 0.8rem 0.8rem; }
  .vocabularyForm thead tr th label {
    margin-block-end: 0; }
  .vocabularyForm thead tr th:first-child {
    padding-inline-start: 0; }

.vocabularyForm tr.add-border-top td {
  padding: 20px;
  border-block-start: 2px solid rgba(0, 0, 0, 0.15); }

.vocabularyField {
  display: inline; }
  .vocabularyField label {
    width: 140px;
    display: inline-block;
    padding-inline-start: 6px; }
  .vocabularyField input {
    width: 140px;
    margin: 3px; }
    .vocabularyField input[type="color"] {
      width: 130px; }
    .vocabularyField input.long-name {
      width: 320px;
      font-size: 10px; }

.vocabularyStatus {
  inset-block-start: 5px; }
  .vocabularyStatus.sd-toggle {
    margin-block-start: 2px !important; }

.divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: var(--sd-colour-line--medium); }

.add-vocabulary-popup .modal-dialog {
  width: auto !important;
  white-space: normal; }

.modal-header-fields {
  background: #f8f8f8;
  width: 100%;
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 20px;
  border-block-end: 1px solid #e4e4e4; }
  .modal-header-fields .long-name {
    width: 310px; }

.vocabulary-items__wrapper {
  margin: 1rem 0 0; }
  .vocabulary-items__wrapper h3 {
    margin-block-end: 0.6rem;
    font-size: 1.6rem;
    line-height: 100%; }

.vocabulary-items__button-bar {
  padding: 1.2rem 0; }

.vocabulary-items__wrapper table th {
  position: sticky;
  inset-block-start: -20px;
  background: #f8f8f8;
  z-index: 1; }

.date_shortcuts {
  margin-block-start: 2em; }
  .date_shortcuts .sd-line-input.date_shortcuts--smaller {
    width: 5%; }

.sd-file-upload__drop-target {
  border: 2px dashed var(--sd-colour-line--medium);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.6rem;
  cursor: default;
  width: 100%;
  border-radius: var(--b-radius--medium);
  transition: all 0.3s ease; }
  .sd-file-upload__drop-target p {
    opacity: 0.7;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    font-size: 1.4rem; }
  .sd-file-upload__drop-target--height-l {
    min-height: var(--width__container--xx-small); }
  .sd-file-upload__drop-target:hover {
    border: 2px dashed var(--sd-colour-line--strong); }
  .sd-file-upload__drop-target:active {
    border: 2px dashed var(--sd-colour-interactive); }

.sd-file-upload__icon {
  width: 52px;
  height: 52px;
  font-size: 52px;
  line-height: 52px;
  opacity: 0.5; }

.file-uploaded {
  min-height: var(--width__container--xx-small);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: var(--b-radius--medium);
  gap: 1.6rem;
  border: 2px dashed var(--sd-colour-line--medium) !important; }
  .file-uploaded p {
    opacity: 0.7;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    font-size: 1.4rem; }
  .file-uploaded .sd-file-upload__icon {
    opacity: 1;
    color: var(--sd-colour-success); }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.related-item-list .relate-item-label {
  border-radius: 6px;
  width: 15px;
  height: 15px;
  color: white;
  text-align: center;
  padding: 2px 3px 2px; }
  .related-item-list .relate-item-label.update-item {
    background-color: #46a546; }
  .related-item-list .relate-item-label.take-item {
    background-color: #0064cd; }
.item-info .assignment-icon, .preview-header__flex-row .assignment-icon {
  margin: 0 0.5rem; }

.subnav__authoring-topbar .assignment-icon {
  vertical-align: sub; }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.html-preview .annotation-text {
  border-block-end: 1px dotted; }

sup.annotation-id {
  color: #5ea9c8; }

.annotations {
  margin-block-start: 1em; }
  .annotations .annotation-body p {
    display: inline; }
  .annotations .simple-list {
    list-style: none;
    padding: 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.widget-search.tabpane,
.widget-aggregate.tabpane {
  width: auto; }
  .widget-search.tabpane .widget-header,
  .widget-aggregate.tabpane .widget-header {
    display: none; }
  .widget-search.tabpane .tabcontent,
  .widget-aggregate.tabpane .tabcontent {
    position: relative;
    overflow: initial;
    padding: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 100%; }
  .widget-search.tabpane .widget-content,
  .widget-aggregate.tabpane .widget-content {
    position: relative;
    inset-block-start: 0;
    overflow: initial;
    padding-block-end: 0;
    border-block-start: 0;
    height: 100%; }
    .widget-search.tabpane .widget-content > div,
    .widget-aggregate.tabpane .widget-content > div {
      height: 100%; }

.sd-widget.search,
.tabpane .sd-widget.aggregate {
  position: relative;
  height: 100%; }

.sd-widget.search .content-search,
.sd-widget.aggregate .content-search {
  position: relative;
  background: var(--sd-colour-panel-bg--100);
  width: 460px;
  height: 100%;
  overflow: hidden; }
  .sd-widget.search .content-search.extended,
  .sd-widget.aggregate .content-search.extended {
    width: 900px; }

.sd-widget.search .search-container,
.sd-widget.aggregate .search-container {
  position: absolute;
  width: 460px;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0; }
  .sd-widget.search .search-container .search-box,
  .sd-widget.aggregate .search-container .search-box {
    display: flex;
    box-sizing: border-box;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    height: 48px;
    border-block-end: 1px solid #dcdcdc;
    background: #fff url(fbfa3aa187a33c6d54dca1dd558fd79c.png) no-repeat 15px 16px; }
    .sd-widget.search .search-container .search-box input,
    .sd-widget.aggregate .search-container .search-box input {
      position: static;
      flex: 1;
      width: auto;
      height: 100%;
      padding-inline-start: 46px;
      box-sizing: border-box;
      border: 0 !important;
      background: transparent; }
      .sd-widget.search .search-container .search-box input:focus,
      .sd-widget.aggregate .search-container .search-box input:focus {
        box-shadow: none !important; }
    .sd-widget.search .search-container .search-box .more-actions,
    .sd-widget.aggregate .search-container .search-box .more-actions {
      position: relative;
      margin: auto;
      height: 22px;
      width: 28px;
      inset-inline-end: 0px;
      inset-block-start: 0; }
  .sd-widget.search .search-container .filter-list,
  .sd-widget.aggregate .search-container .filter-list {
    position: absolute;
    inset-block-start: 48px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 48px;
    box-sizing: border-box;
    border-block-end: 1px solid #dcdcdc;
    padding: 10px; }
  .sd-widget.search .search-container .content-list,
  .sd-widget.aggregate .search-container .content-list {
    position: absolute;
    inset-block-start: 48px;
    inset-block-end: 3.2rem;
    inset-inline-start: 0;
    inset-inline-end: 0;
    padding: 0 10px 10px;
    overflow: auto; }

.sd-widget.search .preview-container,
.sd-widget.aggregate .preview-container {
  width: 440px;
  position: absolute;
  inset-inline-start: 460px;
  inset-block-end: 0;
  inset-block-start: 0;
  border-inline-end: 1px solid #bbb;
  background: #fff;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 #dcdcdc; }
  .sd-widget.search .preview-container > header,
  .sd-widget.aggregate .preview-container > header {
    border-block-end: 1px solid #dcdcdc;
    padding: 0 15px; }
  .sd-widget.search .preview-container .close-preview,
  .sd-widget.aggregate .preview-container .close-preview {
    position: absolute;
    inset-inline-end: 10px;
    inset-block-start: 10px; }
  .sd-widget.search .preview-container > .content-item-preview,
  .sd-widget.aggregate .preview-container > .content-item-preview {
    position: absolute;
    inset-block-start: 48px;
    inset-block-end: 0;
    inset-inline-start: 0;
    right: 0;
    padding: 20px;
    overflow: auto; }

.sd-widget.search .search-container .content-list {
  inset-block-start: 96px; }
  .sd-widget.search .search-container .content-list > ul {
    padding-inline-end: 10px; }
    .sd-widget.search .search-container .content-list > ul > li {
      position: relative;
      background: white;
      border-block-end: 1px solid #ededed;
      box-sizing: border-box;
      padding: 7px 10px;
      line-height: 12px;
      border-inline-end: 2px solid #fff; }
      .sd-widget.search .search-container .content-list > ul > li .select-box {
        width: 32px;
        height: 21px;
        float: inline-start;
        margin-inline-end: 10px; }
        .sd-widget.search .search-container .content-list > ul > li .select-box .select {
          position: absolute;
          inset-inline-start: 15px;
          inset-block-start: 10px;
          display: none; }
        .sd-widget.search .search-container .content-list > ul > li .select-box i {
          display: inline-block; }
      .sd-widget.search .search-container .content-list > ul > li:not(.added) .select-box:hover .select {
        display: block; }
      .sd-widget.search .search-container .content-list > ul > li:not(.added) .select-box:hover i {
        display: none; }
      .sd-widget.search .search-container .content-list > ul > li .item-functions {
        display: none;
        position: absolute;
        inset-inline-end: 0;
        inset-block-start: 0; }
        .sd-widget.search .search-container .content-list > ul > li .item-functions li {
          padding: 6px; }
      .sd-widget.search .search-container .content-list > ul > li:hover {
        background: #f4f4f4;
        cursor: pointer;
        padding-inline-end: 40px;
        border-right-color: #f4f4f4; }
        .sd-widget.search .search-container .content-list > ul > li:hover .item-functions {
          display: block; }
      .sd-widget.search .search-container .content-list > ul > li [class^="filetype-icon-"] {
        margin: -1px 4px 0 -4px;
        opacity: 0.8;
        filter: "alpha(opacity=80)"; }
      .sd-widget.search .search-container .content-list > ul > li p {
        overflow: hidden;
        width: 80%;
        height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-inline-start: 0; }
        .sd-widget.search .search-container .content-list > ul > li p .keyword {
          font-weight: 500;
          text-transform: uppercase;
          color: #216278;
          margin-inline-end: 10px; }
      .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu {
        margin-block-start: -3px;
        padding: 0; }
        .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu:before {
          display: none; }
        .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu > li {
          padding: 3px 6px; }
          .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu > li:first-child {
            padding-block-start: 6px; }
          .sd-widget.search .search-container .content-list > ul > li .group-select .dropdown__menu > li:last-child {
            padding-block-end: 6px; }
      .sd-widget.search .search-container .content-list > ul > li.added {
        background: #fafafa;
        border-right-color: #ddd;
        opacity: 0.5;
        filter: "alpha(opacity=50)"; }
        .sd-widget.search .search-container .content-list > ul > li.added:hover {
          padding-inline-end: 10px; }
      .sd-widget.search .search-container .content-list > ul > li.active {
        background: #eff7fa;
        border-right-color: #5ea9c8; }
      .sd-widget.search .search-container .content-list > ul > li.multi-select {
        background: #ccfbd6;
        border-bottom-color: #a4e4b1; }

.content-list .stage {
  margin: 10px 0 15px; }
  .content-list .stage .stage-content {
    margin: 5px 0 20px;
    overflow-y: auto;
    position: relative; }

.widget-container .content-list-holder {
  background-color: var(--sd-colour-panel-bg--100); }
  .widget-container .content-list-holder .desk {
    width: 100%; }

.widget-container .content-list .stage {
  margin: 10px 0 0; }
  .widget-container .content-list .stage .stage-header {
    margin: 0 4px 4px 4px; }
  .widget-container .content-list .stage .stage-content {
    padding: 5px 3px;
    margin: 0 0 10px; }

.stage-header {
  display: flex;
  align-items: center;
  height: 2.4rem;
  margin-block-end: 0.8rem; }
  .stage-header .stage-header__line, .stage-header .stage-header__stretch-bar {
    height: 1px;
    margin: auto 4px;
    background: var(--sd-colour-line--medium);
    flex: 1; }
  .stage-header .stage-header__stretch-bar {
    background: transparent;
    margin: auto 0; }
  .stage-header .stage-header__name {
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center; }
    .stage-header .stage-header__name a, .stage-header .stage-header__name .stage-header__name-part {
      display: inline-flex;
      align-items: center; }
    .stage-header .stage-header__name a {
      color: var(--sd-colour-interactive); }
      .stage-header .stage-header__name a:hover {
        color: var(--sd-colour-interactive--hover); }
    .stage-header .stage-header__name span + span {
      margin-inline-start: 5px; }
  .stage-header .stage-header__separator {
    padding: 0 6px;
    opacity: 0.5; }
  .stage-header .stage-header__toggle {
    border: 0;
    padding: 0;
    margin: 0 5px 0 0;
    display: flex;
    background: transparent; }
    .stage-header .stage-header__toggle i {
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      color: var(--color-icon-default); }
    .stage-header .stage-header__toggle.closed i {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      margin: auto; }
  .stage-header .stage-header__number,
  .stage-header .stage-header__notification {
    margin: 0 0 0 4px; }
  .stage-header .stage-header__name + .stage-header__number {
    margin-inline-start: 10px; }

.sd-kanban-list__board-header .stage-header {
  margin-block-end: 0; }

.notification-label, .label-total {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline: 0.8rem;
  height: 1.6rem;
  border-radius: 999px;
  color: white !important;
  background: var(--sd-colour-interactive);
  font-size: 9px;
  line-height: 1.6rem;
  letter-spacing: 0.125em;
  font-weight: 500;
  white-space: nowrap;
  cursor: default; }

.label-total {
  background: var(--sd-colour-bg--08); }

.refresh-box {
  display: flex; }
  .refresh-box button {
    background: none; }
    .refresh-box button.btnRefresh {
      margin-inline-end: 3px;
      padding-inline-start: 0;
      height: 26px;
      position: absolute;
      inset-inline-end: 12px; }
      .refresh-box button.btnRefresh:hover {
        opacity: 0.9;
        filter: "alpha(opacity=90)"; }

.content-list-holder {
  position: absolute;
  inset-block-start: 38px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0; }
  .content-list-holder .desk {
    width: 99%; }

.sd-widget.aggregate .content-list-holder .content-list {
  padding: 0 5px; }

.sd-widget.aggregate .preview.preview-widget {
  opacity: 0;
  animation-delay: 0.5s;
  animation: fadeIn3 0.2s ease-out 1;
  opacity: 1; }
  .sd-widget.aggregate .preview.preview-widget ul.nav {
    height: 35px;
    line-height: 35px;
    background: inherit; }
    .sd-widget.aggregate .preview.preview-widget ul.nav > li > button {
      height: 35px;
      line-height: 19px; }
  .sd-widget.aggregate .preview.preview-widget ul.nav.nav-tabs {
    height: 35px;
    line-height: 35px;
    border-block-end: none; }
  .sd-widget.aggregate .preview.preview-widget .content-item-preview .content-container, .sd-widget.aggregate .preview.preview-widget .content-item-preview .metadata-view {
    inset-block-start: 70px; }
  .sd-widget.aggregate .preview.preview-widget .package-item.item .item-actions-menu {
    display: none; }

.sd-widget.aggregate .preview.preview-widget.custom-widget .nav {
  display: none; }

.sd-widget.aggregate .preview.preview-widget.custom-widget ul.nav.nav-tabs {
  display: flex;
  border-block-start: 1px solid rgba(123, 123, 123, 0.3);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.08); }

.sd-widget.aggregate .preview.preview-widget.custom-widget .content-item-preview .content-container, .sd-widget.aggregate .preview.preview-widget.custom-widget .content-item-preview .metadata-view {
  inset-block-start: 36px; }

.aggregate-widget-config .legend {
  text-transform: none;
  font-size: 16px;
  color: var(--color-text);
  font-weight: 400;
  margin-block-end: 16px;
  margin-block-start: 10px;
  padding: 0; }

.aggregate-widget-config .legend + div[sd-toggle-box] {
  margin-block-start: 30px; }

.aggregate-widget-config .desk {
  padding: 5px 0;
  border-block-end: 1px dotted var(--sd-colour-line--strong); }
  .aggregate-widget-config .desk:first-of-type {
    border-block-start: 1px dotted var(--sd-colour-line--strong); }
  .aggregate-widget-config .desk--item-count {
    display: flex;
    align-items: center; }
    .aggregate-widget-config .desk--item-count .desk-title {
      flex-grow: 1; }
    .aggregate-widget-config .desk--item-count .box-items-count {
      width: 14%; }

.aggregate-widget-config .content .desk:first-of-type {
  border-block-start: 1px dotted var(--sd-colour-line--strong) !important; }

.aggregate-widget-config .desk-title {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0; }
  .aggregate-widget-config .desk-title i {
    font-size: 12px;
    font-weight: 100; }
  .aggregate-widget-config .desk-title .search-description {
    font-size: 12px;
    font-weight: 300;
    color: var(--color-text-light); }
  .aggregate-widget-config .desk-title--80 {
    width: 80%; }
  .aggregate-widget-config .desk-title--saved-search {
    display: flex; }
    .aggregate-widget-config .desk-title--saved-search .switch {
      flex-grow: 0;
      flex-shrink: 0; }
    .aggregate-widget-config .desk-title--saved-search .desk-title__text {
      flex-grow: 1; }

.aggregate-widget-config .desk-title__text {
  display: inline-block;
  padding-inline-start: 1rem; }

.aggregate-widget-config .stages {
  overflow: hidden;
  margin: 5px 0 0; }
  .aggregate-widget-config .stages li {
    float: inline-start;
    overflow: hidden; }
  .aggregate-widget-config .stages .sd-check__wrapper {
    margin: 0 5px 5px 0; }

.placeholder {
  margin: 20px 0; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.monitoring {
  position: absolute;
  inset-block-start: 48px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0; }
  .monitoring .sortbar.sortbar-custom-sort-groups .dropdown {
    vertical-align: middle; }
    .monitoring .sortbar.sortbar-custom-sort-groups .dropdown .dropdown__menu li small {
      font-weight: 300;
      font-style: italic;
      color: #8c97a6;
      margin-inline-start: 1em; }
  .monitoring .sortbar.sortbar-custom-sort-groups .direction {
    display: inline-block !important; }
  .monitoring .subnav {
    inset-block-start: 0; }
    .monitoring .subnav .dropdown .dropdown {
      min-width: 120px;
      float: inline-end; }
    .monitoring .subnav .dropdown .direction {
      line-height: 18px;
      margin-inline-start: 15px; }
    .monitoring .subnav .navbtn.btnRearrange {
      width: 80px !important; }
    .monitoring .subnav .title {
      text-transform: uppercase; }
  .monitoring .main-section {
    inset-block-start: 0; }
    .monitoring .main-section .content-list {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-end: 0;
      overflow-y: auto;
      transition: all 0.3s;
      box-sizing: border-box;
      padding: 0 !important; }
      .monitoring .main-section .content-list.monitoring__content {
        display: flex;
        flex-direction: column; }
      .monitoring .main-section .content-list .list {
        padding-block-start: 9px; }
      .monitoring .main-section .content-list .stage {
        padding: 0;
        margin: 9px 0; }
      .monitoring .main-section .content-list .single-group .stage {
        margin: 0; }
      .monitoring .main-section .content-list .stage-content {
        max-height: 100%;
        overflow-y: auto;
        box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2); }
        .monitoring .main-section .content-list .stage-content:focus {
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.32);
          outline: 1px solid var(--sd-colour-line--strong); }
        .monitoring .main-section .content-list .stage-content .compact-view, .monitoring .main-section .content-list .stage-content .mlist-view {
          box-shadow: none; }
        .monitoring .main-section .content-list .stage-content.refresh {
          border: 1px solid var(--sd-colour-interactive);
          box-shadow: 0 0 10px 0 var(--sd-colour-interactive); }
        .monitoring .main-section .content-list .stage-content .list-view {
          margin-block-end: 0; }
      .monitoring .main-section .content-list .inline-content-items {
        box-sizing: border-box;
        max-height: calc(100vh - 180px) !important; }
    .monitoring .main-section .monitoring__toolbar-container {
      flex-shrink: 1;
      position: relative; }
    .monitoring .main-section .monitoring__main-content {
      position: relative;
      flex-grow: 1;
      display: flex;
      overflow-y: auto; }

.workspace .main-section .sd-preview-panel {
  width: 0;
  transition: all ease-in-out 0.2s; }

.workspace .main-section [sd-item-preview] {
  opacity: 0;
  transition: all ease-in-out 0.4s; }

.workspace .main-section .content-item-preview {
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  width: 560px; }
  @media only screen and (max-width: 1430px) {
    .workspace .main-section .content-item-preview {
      width: 360px; } }
  .workspace .main-section .content-item-preview .shift-preview__toggle {
    display: none; }

.workspace .main-section.with-preview .sd-preview-panel {
  width: 560px;
  flex-shrink: 0; }
  @media only screen and (max-width: 1430px) {
    .workspace .main-section.with-preview .sd-preview-panel {
      width: 360px; } }

.workspace .main-section.with-preview [sd-item-preview] {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1; }
  .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay {
    height: auto;
    position: absolute;
    overflow: visible;
    inset-block-start: 9.6rem;
    inset-inline-end: 0;
    inset-block-end: 0;
    width: 0;
    z-index: 3; }
    .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay .content-item-preview {
      width: 320px;
      transition: all ease-in-out 0.2s;
      overflow-y: visible !important;
      inset-inline-end: -324px;
      box-shadow: inset 3px 0 2px -1px rgba(0, 0, 0, 0.12), 2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
      .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay .content-item-preview.shift {
        inset-inline-end: 0;
        box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
      .workspace .main-section.with-preview [sd-item-preview].sd-preview--overlay .content-item-preview .shift-preview__toggle {
        display: inline-block; }

.workspace .main-section.with-preview .compact .content-list {
  overflow-y: visible; }

.workspace .main-section.search-page-container .content-item-preview {
  inset-block-start: 48px; }

.workspace .main-section.search .preview-layout [sd-item-preview] {
  opacity: 1;
  transition: all ease-in-out 0.4s; }

.workspace .main-section.search .preview-layout.closed {
  opacity: 1; }

.shift-preview__toggle {
  position: absolute;
  display: none;
  width: 24px;
  height: 48px;
  padding: 0;
  inset-block-start: 0;
  inset-inline-end: -24px;
  border: 0;
  line-height: 0;
  opacity: .65;
  background-color: white;
  border-radius: 0 2px 2px 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 2px 0 10px 0 rgba(0, 0, 0, 0.3); }
  .shift-preview__toggle i {
    height: 15px; }
  .shift-preview__toggle:hover {
    opacity: 1;
    background-color: #5ea9c8; }
    .shift-preview__toggle:hover i {
      color: white; }
  .shift-preview__toggle.shift {
    inset-block-start: 1px;
    border-radius: 2px 0 0 2px;
    box-shadow: -1px 0px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.workspace.authoring .main-section .content-item-preview {
  width: 400px; }
  @media only screen and (max-width: 1630px) {
    .workspace.authoring .main-section .content-item-preview {
      width: 360px; } }

.workspace.authoring .main-section.with-preview .sd-preview-panel {
  width: 400px; }
  @media only screen and (max-width: 1630px) {
    .workspace.authoring .main-section.with-preview .sd-preview-panel {
      width: 360px; } }

.workspace.authoring .main-section.with-preview .navbtn.btnRearrange {
  width: 80px !important; }
  @media only screen and (max-width: 1430px) {
    .workspace.authoring .main-section.with-preview .navbtn.btnRearrange {
      display: none !important; } }

.monitoring .sd-grid-group:not(.refresh) {
  box-shadow: none !important; }
  .monitoring .sd-grid-group:not(.refresh) .sd-grid-list {
    margin: 1.4rem; }

.sd-kanban-list-container {
  height: 100%; }

.sd-kanban-list {
  overflow: auto; }
  .sd-kanban-list .fix-stage {
    flex: 1 1 0; }

.notification-container {
  display: inline-flex !important;
  vertical-align: sub;
  margin-block-start: 2px; }

.monitoring-dropdown .dropdown__menu {
  margin-block-start: 5px;
  max-width: 220px !important; }

.monitoring-dropdown a {
  padding: 0px !important;
  white-space: inherit !important;
  display: inline !important; }
  .monitoring-dropdown a .headline {
    color: #5ea9c8 !important; }

.monitoring-dropdown .buttons {
  margin: 4px 0;
  height: 1%;
  overflow: hidden; }

.monitoring-dropdown .acknowledge {
  width: auto;
  display: inline;
  float: inline-end; }

.monitoring-dropdown .title {
  padding-block-end: 6px;
  margin-inline-start: 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--color-text); }

.monitoring-dropdown li {
  display: block;
  padding: 5px 15px 5px 20px;
  border-block-end: 1px solid var(--sd-colour-line--light); }
  .monitoring-dropdown li .slugline {
    font-weight: 500;
    color: #216278;
    text-transform: uppercase;
    font-size: 12px;
    margin-inline-end: 10px;
    white-space: nowrap; }
  .monitoring-dropdown li .headline, .monitoring-dropdown li .desk, .monitoring-dropdown li .stage {
    color: #686b6c; }
  .monitoring-dropdown li .location {
    border-block-start: 1px solid #ebebeb;
    margin-block-start: 10px; }
  .monitoring-dropdown li .sender {
    margin-block-start: 10px; }
    .monitoring-dropdown li .sender span {
      font-weight: 500;
      margin-inline-end: 5px;
      font-size: 12px; }

.subnav__stage-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-inline-start: 2rem;
  margin-inline-end: 2rem;
  font-size: 1.5rem; }
  .subnav__stage-group .stage-group__split {
    padding: 0 0.4rem 0 0.8rem;
    opacity: 0.4; }
  .subnav__stage-group .stage-group__badge {
    padding: 0.4rem 0.8rem;
    margin-inline-start: 1rem; }
  .subnav__stage-group .dropdown.open .navbtn {
    background-color: transparent !important;
    box-shadow: none; }
    .subnav__stage-group .dropdown.open .navbtn:hover {
      background-color: transparent !important; }
  .subnav__stage-group .dropdown.open > .dropdown__menu {
    margin: -4px 0 0 -10px; }

.navbtn.navbtn--text-only.navbtn--padding-s {
  padding: 0 0.4rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.settings-page {
  position: absolute;
  inset-block-start: 48px;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background: #fff; }
  .settings-page .tabbable.outer {
    height: 100%; }
    .settings-page .tabbable.outer > .nav-stacked {
      width: 180px;
      position: absolute;
      padding: 0;
      inset-block-end: 0;
      inset-block-start: 0;
      inset-inline-start: 0;
      margin: 0;
      flex-direction: column;
      background: var(--sd-colour-panel-bg--100);
      border-inline-end: 1px solid #ddd;
      box-shadow: inset -3px 0 8px -3px rgba(0, 0, 0, 0.1);
      overflow-y: auto; }
      .settings-page .tabbable.outer > .nav-stacked > li > a {
        border: 1px solid #eee;
        border-width: 1px 0;
        color: #3097b5;
        padding: 10px 8px 10px 16px;
        display: block; }
        .settings-page .tabbable.outer > .nav-stacked > li > a:hover {
          background: #f5f5f5;
          box-shadow: inset -3px 0 5px -3px rgba(0, 0, 0, 0.1); }
      .settings-page .tabbable.outer > .nav-stacked > li.active > a {
        border-color: var(--sd-colour-line--light);
        position: relative;
        border-radius: 0 !important;
        color: var(--color-text-light); }
        .settings-page .tabbable.outer > .nav-stacked > li.active > a:hover {
          background: #fff; }
      .settings-page .tabbable.outer > .nav-stacked > li:first-child > a {
        border-top-color: var(--sd-colour-panel-bg--100) !important; }
    .settings-page .tabbable.outer .tab-content.outer {
      position: absolute;
      inset-block-end: 0;
      inset-block-start: 0;
      inset-inline-start: 200px;
      inset-inline-end: 0;
      display: block;
      width: auto; }
      .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer {
        display: block; }
        .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .nav, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .header, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > header, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > form .header {
          border-block-end: 1px solid #dedede;
          padding: 10px 20px; }
          .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .nav h2, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .header h2, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > header h2, .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > form .header h2 {
            font-size: 16px;
            color: var(--color-text);
            font-weight: 500;
            float: inline-start;
            line-height: 28px; }
        .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content > .nav {
          padding: 0 0 0 10px; }
        .settings-page .tabbable.outer .tab-content.outer .tab-pane.outer .split-content .content {
          padding-block-end: 20px; }

.provider-list .last-updated, .sd-list-item .last-updated {
  font-size: 1.2rem;
  color: #777;
  padding: 0 0.1rem; }
  .provider-list .last-updated span, .sd-list-item .last-updated span {
    color: #aaa; }

.addSource.modal input {
  height: 31px;
  line-height: 19px; }
  .addSource.modal input.blue-text::-webkit-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text:-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-ms-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input::-webkit-input-placeholder {
    font-style: italic; }

.addSource.modal .credentials {
  margin-block-start: 20px; }
  .addSource.modal .credentials label {
    font-size: 16px; }
  .addSource.modal .credentials input {
    float: inline-start;
    width: 49%; }
    .addSource.modal .credentials input.first {
      margin-inline-end: 2%; }

.ruleset-modal header {
  padding: 10px; }

.ruleset-modal .rule-list > li {
  position: relative; }
  .ruleset-modal .rule-list > li .order {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    line-height: 28px;
    color: #aaa; }
  .ruleset-modal .rule-list > li .actions {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0; }
    .ruleset-modal .rule-list > li .actions button {
      border: 0;
      background: none; }
  .ruleset-modal .rule-list > li fieldset {
    padding: 0 40px; }
    .ruleset-modal .rule-list > li fieldset .field:first-child {
      padding-inline-end: 3%; }
    .ruleset-modal .rule-list > li fieldset .field:last-child {
      padding-inline-start: 3%; }

.day-filter-box .sd-check__wrapper {
  margin-inline-start: 0; }

.day-filter-box .sd-checkbox {
  margin-block-end: 5px;
  margin-inline-end: 4px; }

.sd-page__header .nav-tabs {
  padding: 0;
  margin: 0 0 0 -10px;
  box-shadow: none; }

.sd-page__header .flat-searchbar {
  margin-inline-start: -20px;
  margin-inline-end: 20px; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.ingest-dashboard {
  padding: 40px;
  overflow: auto; }
  .ingest-dashboard .card-list {
    display: flex;
    flex-wrap: wrap; }
  .ingest-dashboard .card-list > li {
    width: 240px;
    margin: 10px;
    padding: 0px;
    position: relative;
    flex: 0 0 auto; }
    .ingest-dashboard .card-list > li:hover {
      cursor: default; }
    .ingest-dashboard .card-list > li .card-list__controls {
      position: absolute;
      inset-block-start: 7px;
      inset-inline-end: 1px; }
    .ingest-dashboard .card-list > li .header {
      height: 110px;
      background: var(--sd-colour-bg--02);
      padding: 16px;
      color: white;
      border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }
      .ingest-dashboard .card-list > li .header .title {
        padding-block-end: 6px;
        font-weight: 500; }
      .ingest-dashboard .card-list > li .header .sub-title {
        color: rgba(255, 255, 255, 0.5); }
        .ingest-dashboard .card-list > li .header .sub-title .text {
          color: rgba(255, 255, 255, 0.75);
          font-weight: 500; }
    .ingest-dashboard .card-list > li .status {
      color: white;
      font-size: 14px;
      padding: 10px 15px;
      min-height: 36px;
      box-sizing: content-box; }
      .ingest-dashboard .card-list > li .status .time {
        font-size: 11px; }
      .ingest-dashboard .card-list > li .status.opened {
        background: #107401; }
      .ingest-dashboard .card-list > li .status.closed {
        background: #970000; }
      .ingest-dashboard .card-list > li .status .uppercase {
        padding-inline-end: .3em; }
    .ingest-dashboard .card-list > li .ingested-count {
      padding: 10px 16px;
      text-align: center;
      border-block-end: 1px solid var(--sd-colour-line--light); }
      .ingest-dashboard .card-list > li .ingested-count .count {
        font-size: 30px;
        line-height: 34px;
        font-weight: 500; }
      .ingest-dashboard .card-list > li .ingested-count .text {
        font-size: 11px;
        color: var(--color-text-light); }
    .ingest-dashboard .card-list > li .update-time {
      padding: 0 15px 10px 15px;
      border-block-end: 1px solid var(--sd-colour-line--light); }
      .ingest-dashboard .card-list > li .update-time .text {
        margin-block-start: 10px;
        font-size: 12px;
        text-transform: uppercase;
        color: var(--color-text-light);
        font-weight: 500; }
      .ingest-dashboard .card-list > li .update-time .time {
        font-size: 11px; }
    .ingest-dashboard .card-list > li .error {
      word-wrap: break-word;
      color: #E51C23;
      padding: 5px; }
    .ingest-dashboard .card-list > li .toggle-box {
      margin: 10px; }
      .ingest-dashboard .card-list > li .toggle-box header:before {
        display: none; }
      .ingest-dashboard .card-list > li .toggle-box header h6 {
        background: none; }
      .ingest-dashboard .card-list > li .toggle-box header i {
        opacity: 0.6; }
      .ingest-dashboard .card-list > li .toggle-box header .chevron {
        background-color: white; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.addSource.modal input {
  height: 31px;
  line-height: 19px; }
  .addSource.modal input.blue-text::-webkit-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text:-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-moz-placeholder {
    font-style: normal !important; }
  .addSource.modal input.blue-text::-ms-input-placeholder {
    font-style: normal !important; }
  .addSource.modal input::-webkit-input-placeholder {
    font-style: italic; }

.addSource.modal .credentials {
  margin-block-start: 20px; }
  .addSource.modal .credentials label {
    font-size: 16px; }
  .addSource.modal .credentials input {
    float: inline-start;
    width: 49%; }
    .addSource.modal .credentials input.first {
      margin-inline-end: 2%; }

.ingestsource-modal .modal-body {
  flex: 1 1 auto !important; }
  .ingestsource-modal .modal-body .popup-subnav {
    padding-inline-start: 10px; }
    .ingestsource-modal .modal-body .popup-subnav label {
      color: var(--color-text-light); }
    .ingestsource-modal .modal-body .popup-subnav .TabContent {
      margin-block-end: 20px; }
    .ingestsource-modal .modal-body .popup-subnav .field {
      padding-inline-start: 10px;
      float: inline-start; }
      .ingestsource-modal .modal-body .popup-subnav .field .field {
        padding-inline-start: 0 !important; }
  .ingestsource-modal .modal-body .article-type {
    margin-block-end: 30px !important; }
  .ingestsource-modal .modal-body .rss-config .empty {
    width: 64px; }
  .ingestsource-modal .modal-body .rss-config .btn-remove {
    padding-inline-end: 14px; }
  .ingestsource-modal .modal-body .rss-config .multiple .field {
    padding-inline-end: 10px; }
  .ingestsource-modal .modal-body .field .helper-text--padded {
    padding-inline-start: 0; }

.ruleset-modal header {
  padding: 10px; }

.ruleset-modal .modal-body {
  flex: 1 1 auto !important; }

.ruleset-modal .rule-list > li {
  position: relative; }
  .ruleset-modal .rule-list > li .order {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    line-height: 28px;
    color: #aaa; }
  .ruleset-modal .rule-list > li .actions {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0; }
    .ruleset-modal .rule-list > li .actions button {
      border: 0;
      background: none; }
  .ruleset-modal .rule-list > li fieldset {
    padding: 0 40px; }
    .ruleset-modal .rule-list > li fieldset .field:first-child {
      padding-inline-end: 3%; }
    .ruleset-modal .rule-list > li fieldset .field:last-child {
      padding-inline-start: 3%; }

.ruleset-modal .modal-body {
  flex: 1 1 auto !important; }

.shadow-list-holder > .pills-list {
  margin: 8px 0 0 5px; }

.pills-list--draggable > li {
  position: relative; }
  .pills-list--draggable > li:after {
    content: "";
    width: 6px;
    transition: opacity ease-in-out 0.2s;
    inset-block-start: 4px;
    inset-block-end: 4px;
    inset-inline-start: 3px;
    border: 2px dotted currentColor;
    border-width: 0 2px;
    opacity: 0.1;
    position: absolute;
    display: block; }
  .pills-list--draggable > li:hover:after {
    opacity: 0.6;
    cursor: move; }

.pills-list--draggable .ui-sortable-placeholder {
  border: 1px dashed #5ea9c8 !important;
  background-color: rgba(94, 169, 200, 0.1) !important;
  visibility: visible !important;
  box-shadow: none !important; }
  .pills-list--draggable .ui-sortable-placeholder:after {
    content: none !important; }

.selected-field {
  outline: 1px solid #5ea9c8;
  background-color: rgba(94, 169, 200, 0.1);
  padding: 0 1rem 1rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.popup__menu {
  z-index: 1000;
  min-width: 100px;
  padding-block-start: 0 !important;
  margin: 0;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px #0000001a;
  border-radius: 2px;
  text-align: start; }
  .popup__menu--no-padding {
    padding: 0 !important; }

.popup__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: var(--sd-colour-line--light); }

.popup__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #8c97a6;
  font-weight: 500;
  padding-inline-start: 1.6rem;
  margin-block-end: .6rem; }
  .popup__menu-label .popup__menu-close {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .popup__menu-label .popup__menu-close i {
      margin-inline-end: 0 !important; }
    .popup__menu-label .popup__menu-close:hover, .popup__menu-label .popup__menu-close:focus {
      background-color: transparent;
      opacity: 1; }
  .popup__menu-label--center {
    padding-inline-start: 0;
    text-align: center;
    display: inline-block;
    width: 100%; }

.popup__menu-header {
  font-weight: 300;
  font-size: 1.5rem;
  color: #8c97a6;
  padding: 1rem 1rem 0 1rem;
  border-block-end: 1px solid #e5e5e5; }
  .popup__menu-header--no-border {
    border-block-end: none; }
  .popup__menu-header--no-padding {
    padding: 0 !important; }

.popup__menu-footer {
  padding: 1rem;
  margin-block-start: 0.6rem;
  border-block-start: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%; }
  .popup__menu-footer--no-border {
    border-block-start: none; }
  .popup__menu-footer--no-padding {
    padding: 0 !important; }

.popup__menu-content {
  padding: 1rem;
  min-width: 100px; }
  .popup__menu-content--no-padding {
    padding: 0 !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.field-search__popup {
  margin-block-start: 1px; }
  .field-search__popup-list {
    overflow-y: scroll;
    max-height: 250px; }
    .field-search__popup-list li {
      margin: 5px 0; }
  .field-search__popup-item {
    margin: 5px;
    padding: .3rem .8rem; }
    .field-search__popup-item:hover {
      background: #eff7fa; }
    .field-search__popup-item--active {
      background: #eff7fa; }
  .field-search__popup-item-label {
    padding-block-start: 5px;
    display: inline-block;
    width: 200px;
    text-align: start; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
/*
====================================================
    contacts detail pane
====================================================
*/
.contact-details-pane {
  position: relative;
  width: 100%;
  display: flex; }
  .contact-details-pane .profile-info {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 180px);
    position: relative;
    overflow-y: auto; }
    .contact-details-pane .profile-info .sd-line-input__input--add-min-height {
      min-height: 6rem; }
  .contact-details-pane .contact-form {
    display: flex; }
    .contact-details-pane .contact-form form {
      display: flex;
      flex-direction: column; }
  .contact-details-pane .action-bar {
    position: inherit !important;
    padding: 10px; }
    .contact-details-pane .action-bar.show {
      inset-block-start: 0px; }
  .contact-details-pane .header-info {
    background-color: rgba(94, 169, 200, 0.11);
    padding: 10px 0 0; }
    .contact-details-pane .header-info h2 {
      text-align: center;
      font-size: 18px;
      line-height: 20px;
      margin: 10px 0 4px 0;
      padding: 0 20px; }
    .contact-details-pane .header-info h5 {
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      line-height: 16px;
      padding: 0 20px;
      margin-block-end: 10px;
      color: rgba(0, 0, 0, 0.75); }
    .contact-details-pane .header-info .active {
      position: absolute;
      inset-block-start: 24px;
      inset-inline-end: 15px; }
  .contact-details-pane .date-time {
    color: #999;
    font-weight: 300; }
  .contact-details-pane .details-info {
    flex-grow: 1;
    padding: 2.4rem; }
  .contact-details-pane .alert-info-msg {
    font-size: 1.2rem;
    line-height: 1.4rem;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: grey;
    letter-spacing: .03em; }
  .contact-details-pane .error-holder {
    height: 40px;
    margin: 0 -20px; }
    .contact-details-pane .error-holder .alert {
      padding: 10px 20px; }
  .contact-details-pane .validation-error {
    color: #ab3434;
    font-size: 12px;
    margin-block-start: 5px;
    margin-block-end: 0; }
  .contact-details-pane .validation-info {
    font-size: 11px;
    color: #888; }
  .contact-details-pane .alert {
    border-radius: 0px; }
  .contact-details-pane .ng-invalid-required .required-info {
    display: inline-block !important; }

.prevent-switch {
  pointer-events: none; }

.preview-layout .preview-pane {
  overflow-y: hidden !important; }

.sd-line-input--add-min-width {
  min-width: 90px; }

.sd-line-input__message--add-padding {
  padding-block-start: 2.4rem !important; }

.sd-line-input__toggle .sd-line-input__label {
  max-width: none; }

.sd-line-input__usage {
  min-width: 90px; }
  .sd-line-input__usage .sd-line-input__label {
    padding-block-start: 1.4rem !important; }
    .sd-line-input__usage .sd-line-input__label:after {
      content: none !important; }

.sd-line-input__usage-flag {
  line-height: 2.4rem; }
  .sd-line-input__usage-flag .sd-line-input__label:after {
    content: none !important; }

.toggle-box__content--hidden {
  display: none; }

.sd-toggle:focus {
  box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.15); }

.sd-line-input .sd-line-input__label.sd-line-input__label--hide-required {
  margin-block-start: 3px; }
  .sd-line-input .sd-line-input__label.sd-line-input__label--hide-required:after {
    content: none !important; }

.contact__type-icon {
  position: absolute !important;
  inset-block-start: 1.6rem;
  inset-inline-start: 1.2rem;
  background: #67afa1;
  height: 3.4rem;
  width: 3.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }
  .contact__type-icon i {
    color: white; }

.subnav .contact__type-icon {
  inset-block-start: 8px;
  inset-inline-start: 12px;
  position: relative; }

.contact-header__container {
  padding-inline-start: 4.4rem;
  min-height: 4.8rem;
  margin-block-start: 0.5rem; }
  .contact-header__container h3 {
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 500; }
  .contact-header__container .item-info {
    opacity: 0.85;
    font-weight: 300; }

.contacts-list__holder {
  padding: 2.4rem;
  overflow-y: auto; }
  .contacts-list__holder .sd-grid-list--small-margin {
    margin: 0; }
  .contacts-list__holder .list-item-view.inactive {
    opacity: 0.5; }
  .contacts-list__holder .list-item-view .social-info {
    margin: 0 0.5rem; }
    .contacts-list__holder .list-item-view .social-info span {
      margin-inline-end: 0.5rem; }

.contacts-section .contact-editor, .contacts-section .content-item-preview {
  display: flex; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.AssignmentsApp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 48px; }
  .AssignmentsApp p {
    margin: 0; }

.assignment--due-date {
  padding: 0; }
  .assignment--due-date > * {
    margin: 0 !important; }
  .assignment--due-date > * + * {
    margin-left: 8px !important; }
  .assignment--due-date .sd-list-item__time__schedule {
    color: #005b80 !important;
    font-weight: 500;
    vertical-align: text-top;
    padding-left: 0 !important; }
  .assignment--due-date.label-icon--warning .sd-list-item__time__schedule {
    color: #db8000 !important; }
  .assignment--due-date.label-icon--warning .label {
    margin-left: 0.8rem; }

.AssignmentItem .icon-ingest {
  margin-top: -0.2rem; }

.assignment-preview__side-panel {
  opacity: 1 !important; }

.opened-articles ul > li {
  padding: 0 25px 0 5px; }
  .opened-articles ul > li .item-label {
    margin-left: 3px; }

.icon--gray {
  color: #8c97a6; }

.icon--yellow {
  color: #d1a700; }

.icon--green {
  color: #46a446; }

.icn-mix .icn-mix__sub-icn.icn-mix__sub-icn--gray {
  color: var(--color-text-lighter) !important;
  background-color: transparent !important; }

.history-list--no-padding {
  padding: 0 !important; }

.history-list__link {
  cursor: pointer; }

.preview-layout .sd-preview-panel {
  width: 41rem; }

.flex-justify--start {
  justify-content: flex-start; }

.flex-justify--end {
  justify-content: flex-end; }

#sd-planning-react-container .subnav + .subnav {
  z-index: 1002 !important; }

.tooltip {
  z-index: 10000 !important; }

.html-preview p {
  font-size: 15px;
  line-height: 140%;
  font-weight: 300;
  word-break: break-word; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .dropdown a {
    color: var(--color-dropdown-menu-text); }
  .dropdown a:hover {
    text-decoration: none; }
  .dropdown button {
    -webkit-appearance: none; }

.dropdown__toggle {
  cursor: pointer; }
  .dropdown__toggle i {
    vertical-align: sub; }
  .dropdown__toggle:focus-visible {
    box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-40); }

.dropdown.dropdown--hover:hover .dropdown__menu {
  display: block; }

.dropdown__toggle:active,
.dropdown.open .dropdown__toggle {
  outline: 0;
  color: var(--sd-colour-interactive); }

.dropdown.open .dropdown .dropdown__toggle {
  color: #2c323a; }

.dropdown__more-actions .dropdown__toggle > i {
  opacity: 0.3; }

.dropdown__more-actions .dropdown__toggle:hover > i,
.dropdown__more-actions.open .dropdown__toggle > i {
  opacity: 1; }

.dropdown__caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-block-start: -2px;
  margin-inline-start: 6px;
  border-inline-start: 4px solid transparent;
  border-inline-end: 4px solid transparent;
  border-block-start: 4px solid var(--color-text);
  opacity: .3;
  content: "";
  transition: all 0.1s ease-in; }
  .dropdown__caret.dropdown__caret--white, .dropdown__caret.white {
    border-top-color: white; }

.dropdown:hover .dropdown__caret,
.dropdown.open .dropdown__caret {
  opacity: 1; }

.dropdown.open .dropdown__caret {
  border-top-color: var(--sd-colour-interactive); }

.dropdown__menu {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  z-index: 2000;
  display: none;
  min-width: 200px;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: var(--sd-shadow__dropdown);
  border-radius: var(--b-radius--small);
  text-align: start; }
  .dropdown__menu .dropdown {
    width: 100%; }
  .dropdown__menu li a:not(.btn), .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button), .dropdown__menu .dropdown__menu-item a:not(.btn), .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) {
    display: block;
    font-weight: normal;
    line-height: 140%;
    white-space: nowrap;
    width: 100%;
    min-width: 200px;
    position: relative;
    color: var(--color-dropdown-menu-text);
    background-color: transparent;
    padding: .6rem 1.6rem;
    margin-block-end: .2rem;
    font-size: 1.3rem;
    text-decoration: none;
    text-align: start;
    transition: background-color ease 0.1s; }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li a:not(.btn) i[class*=" icon-"], .dropdown__menu li a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) i[class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class*=" icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) i[class^="filetype-icon-"] {
      margin-inline-end: 1rem;
      margin-block-start: -0.3rem;
      min-width: 1.9rem;
      vertical-align: middle;
      color: var(--color-text-light); }
    .dropdown__menu li a:not(.btn) > i[class^="icon-"], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item a:not(.btn) > i[class^="icon-"], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button) > i[class^="icon-"] {
      margin-inline-end: 1rem;
      margin-block-start: -0.3rem;
      min-width: 1.9rem;
      vertical-align: middle;
      color: var(--color-icon-default); }
    .dropdown__menu li a:not(.btn).disabled, .dropdown__menu li a:not(.btn)[disabled], .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled], .dropdown__menu .dropdown__menu-item a:not(.btn).disabled, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled], .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled] {
      opacity: .5; }
  .dropdown__menu li a:not(.btn):hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover, .dropdown__menu .dropdown__menu-item a:not(.btn):hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover {
    background-color: var(--sd-colour-interactive--alpha-20);
    text-decoration: none;
    cursor: pointer; }
  .dropdown__menu li a:not(.btn):focus, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus, .dropdown__menu .dropdown__menu-item a:not(.btn):focus, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
    background-color: transparent;
    box-shadow: var(--sd-shadow__menu-item--focus-inner);
    text-decoration: none;
    outline: none; }
  .dropdown__menu li a:not(.btn):active, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active, .dropdown__menu .dropdown__menu-item a:not(.btn):active, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):active {
    background-color: var(--sd-colour-interactive--alpha-30); }
  .dropdown__menu li a:not(.btn).disabled:hover, .dropdown__menu li a:not(.btn)[disabled]:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover, .dropdown__menu .dropdown__menu-item a:not(.btn).disabled:hover, .dropdown__menu .dropdown__menu-item a:not(.btn)[disabled]:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button).disabled:hover, .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button)[disabled]:hover {
    background-color: none;
    cursor: default; }
  .dropdown__menu li .preferred-desk, .dropdown__menu .dropdown__menu-item .preferred-desk {
    background-color: var(--sd-colour-interactive--lighten-30) !important; }
  .dropdown__menu.dropdown__menu--plain li, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item {
    padding: .5rem .7rem; }
    .dropdown__menu.dropdown__menu--plain li:hover, .dropdown__menu.dropdown__menu--plain .dropdown__menu-item:hover {
      background: #eff7fa;
      cursor: pointer; }
  .dropdown__menu .dropdown-filter, .dropdown__menu .dropdown__filter {
    height: 3.2rem;
    border: 1px solid var(--sd-colour-line--light);
    border-radius: var(--b-radius--small);
    padding-inline-end: 5px;
    padding-inline-start: 5px;
    transition: all 0.2s ease;
    color: var(--color-text);
    background-color: var(--sd-colour-bg__searchbar); }
    .dropdown__menu .dropdown-filter:hover, .dropdown__menu .dropdown__filter:hover {
      border: 1px solid var(--sd-colour-line--strong); }
    .dropdown__menu .dropdown-filter:focus, .dropdown__menu .dropdown__filter:focus {
      border: 1px solid var(--sd-colour-interactive--alpha-70);
      box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }
    .dropdown__menu .dropdown-filter[disabled], .dropdown__menu .dropdown__filter[disabled] {
      border-color: var(--sd-colour-line--x-light);
      background-color: var(--sd-colour-bg__searchbar); }

.dropdown__menu--has-head-foot {
  padding: 0; }
  .dropdown__menu--has-head-foot .dropdown__menu-label {
    margin: 0.4rem 0; }
  .dropdown__menu--has-head-foot .dropdown__menu-header {
    flex: 0 0;
    padding: 0.6rem 0;
    margin: 0; }
    .dropdown__menu--has-head-foot .dropdown__menu-header .dropdown__menu-label {
      margin: 0.6rem 0 0.4rem; }
  .dropdown__menu--has-head-foot .dropdown__menu-body {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 0 1;
    padding: 0.6rem 0;
    max-height: 320px; }
  .dropdown__menu--has-head-foot .dropdown__menu-body:first-child .dropdown__menu-label {
    margin: 0.6rem 0 0.4rem; }
  .dropdown__menu--has-head-foot .dropdown__menu-footer {
    flex: 0 0;
    padding: 0.6rem 0;
    margin: 0; }
  .dropdown__menu--has-head-foot.open {
    display: flex; }

.dropdown__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: var(--color-border-line--light); }

.dropdown__menu .dropdown__menu-item--active button, .dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: var(--sd-colour-interactive--lighten-10) !important;
  color: white !important; }
  .dropdown__menu .dropdown__menu-item--active button [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" icon-"],
  .dropdown__menu .dropdown__menu-item--active button [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class^="icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" icon-"],
  .dropdown__menu .dropdown__menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .dropdown__menu-item--active button:hover [class*=" filetype-icon-"] {
    color: white !important; }

.dropdown__menu .dropdown__menu-item--active button:hover {
  background-color: var(--sd-colour-interactive) !important; }

.dropdown__menu .dropdown__menu-item--highlighted {
  background-color: #c247ff; }

.dropdown__menu .dropdown__menu-item--no-link {
  font-weight: 400;
  line-height: 1.8rem;
  position: relative;
  color: #747474;
  padding: .6rem 1.6rem;
  margin-block-end: .2rem;
  font-size: 1.3rem;
  text-align: start; }

.dropdown__menu label {
  display: inline-block;
  margin: 0; }
  .dropdown__menu label + .dropdown__menu-info {
    margin-inline-start: 4px; }

.dropdown__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: var(--color-text-lighter);
  font-weight: 500;
  padding-inline-start: 1.6rem;
  margin-block-end: .6rem; }
  .dropdown__menu-label .dropdown__menu-close {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .dropdown__menu-label .dropdown__menu-close i {
      margin-inline-end: 0 !important; }
    .dropdown__menu-label .dropdown__menu-close:hover, .dropdown__menu-label .dropdown__menu-close:focus {
      background-color: transparent;
      opacity: 1; }

.dropdown__menu-header {
  border-block-end: 1px solid var(--color-border-line--light);
  margin-block-end: 0.6rem; }

.dropdown__menu-footer {
  padding: 1rem;
  margin-block-start: 0.6rem;
  border-block-start: 1px solid var(--color-border-line--light); }

.dropdown__menu-footer--align-right {
  text-align: end; }

.dropdown__menu-footer--has-list {
  padding: 0;
  padding-block-start: 0.6rem;
  margin-block-end: -0.4rem; }

.dropdown__menu-info {
  color: #8c97a6;
  font-style: italic;
  vertical-align: middle; }

.dropdown__menu-item {
  padding: 0; }

.dropdown__menu-item--left-10 {
  padding-inline-start: 1rem; }

.dropdown__menu--padded-l10 > li {
  padding-inline-start: 1rem; }

.dropdown__menu--padded-l10 .dropdown__menu-item {
  padding: 0; }

.dropdown__menu--right {
  inset-inline-end: 0;
  inset-inline-start: auto; }

.dropdown__menu .menu-item--active button, .dropdown__menu .menu-item--active button:hover {
  background-color: var(--sd-colour-interactive--lighten-10);
  color: white; }
  .dropdown__menu .menu-item--active button [class^="icon-"], .dropdown__menu .menu-item--active button [class*=" icon-"],
  .dropdown__menu .menu-item--active button [class^="filetype-icon-"], .dropdown__menu .menu-item--active button [class*=" filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class^="icon-"], .dropdown__menu .menu-item--active button:hover [class*=" icon-"],
  .dropdown__menu .menu-item--active button:hover [class^="filetype-icon-"], .dropdown__menu .menu-item--active button:hover [class*=" filetype-icon-"] {
    color: white; }

.dropdown__menu .menu-item--active button:hover {
  background-color: var(--sd-colour-interactive); }

.dropdown.open > .dropdown__menu {
  display: block; }
  .dropdown.open > .dropdown__menu.dropdown__menu--scrollable {
    max-height: 36rem;
    overflow: auto;
    overflow-x: hidden; }
  .dropdown.open > .dropdown__menu.dropdown__menu--has-head-foot {
    display: flex;
    flex-direction: column;
    max-height: 36rem; }

.dropdown--align-right .dropdown__menu, .dropdown--align-right.dropdown__menu {
  inset-inline-start: auto;
  inset-inline-end: 0; }
  .dropdown--align-right .dropdown__menu:before, .dropdown--align-right.dropdown__menu:before {
    inset-inline-start: auto;
    inset-inline-end: 10px; }

.dropdown--dropup .dropdown__caret {
  -webkit-transition: all 0.2s eas-in;
  -moz-transition: all 0.2s eas-in;
  -ms-transition: all 0.2s eas-in;
  -o-transition: all 0.2s eas-in;
  transition: all 0.2s eas-in;
  border-block-start: 0;
  border-block-end: 4px solid black;
  content: "\2191"; }

.dropdown--dropup .dropdown__menu {
  inset-block-start: auto;
  inset-block-end: 100%;
  margin-block-end: 4px; }

.dropdown--dropup.open .dropdown__caret {
  border-bottom-color: var(--sd-colour-interactive) !important; }

.dropdown--dropleft {
  display: inline-block;
  vertical-align: middle; }
  .dropdown--dropleft .dropdown__menu {
    inset-block-start: -2.3rem;
    inset-inline-start: auto;
    inset-inline-end: calc(100% + 0.3rem); }

.dropdown--dropright {
  display: inline-block;
  vertical-align: middle; }
  .dropdown--dropright .dropdown__menu {
    inset-block-start: -2.3rem;
    inset-inline-start: 100%; }

.dropdown--dropright.open .dropdown__caret {
  transform: rotate(-90deg); }

.dropdown--dropleft.open .dropdown__caret {
  transform: rotate(90deg); }

.dropdown--dropright.dropdown--dropup .dropdown__menu, .dropdown--dropleft.dropdown--dropup .dropdown__menu {
  inset-block-end: -2.3rem;
  inset-block-start: auto; }

.dropdown--noarrow {
  display: inline-block; }
  .dropdown--noarrow .dropdown__menu {
    margin: 0;
    max-height: 250px;
    overflow: auto; }
  .dropdown--noarrow .dropdown__menu:before {
    display: none; }
  .dropdown--noarrow .dropdown .dropdown__toggle {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap; }
  .dropdown--noarrow.open li > .dropdown .dropdown__toggle {
    display: block;
    padding: 5px 7px;
    margin: 0;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap; }

.dropdown--noarrow.dropdown--no-scroll .dropdown__menu {
  max-height: none;
  overflow: visible; }

.dropdown--bigger .dropdown__menu {
  min-width: 238px; }

.dropdown--bigger-500 .dropdown__menu {
  min-width: 300px; }

.dropdown--more-activity .dropdown__menu {
  min-width: 0;
  padding: 5px;
  border-radius: var(--b-radius--small);
  border: 0;
  z-index: 1;
  margin-block-start: -1px; }
  .dropdown--more-activity .dropdown__menu:before {
    display: none; }
  .dropdown--more-activity .dropdown__menu li {
    display: inline-block;
    vertical-align: middle; }
    .dropdown--more-activity .dropdown__menu li a {
      padding: 0; }
      .dropdown--more-activity .dropdown__menu li a i {
        margin-inline-end: 0; }
      .dropdown--more-activity .dropdown__menu li a span {
        display: none; }

.dropdown__button-label {
  display: inline-block;
  color: inherit;
  font-weight: 300;
  opacity: 0.65;
  padding-inline-end: 0.5rem;
  letter-spacing: 0.02rem; }

.dropdown.dropdown--boxed .dropdown__toggle {
  text-align: start;
  background: transparent;
  height: 3.2rem;
  padding: 0.7rem 1.5rem;
  border-radius: var(--b-radius--small);
  color: var(--color-text);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  .dropdown.dropdown--boxed .dropdown__toggle .dropdown__caret {
    border-top-color: var(--color-text);
    margin-inline-start: 1rem; }

.dropdown.dropdown--boxed .dropdown__toggle--small {
  padding: 0.5rem 1.5rem; }

.dropdown.dropdown--boxed .dropdown__toggle--hollow {
  border: 1px solid var(--sd-colour-line--medium);
  background: none; }
  .dropdown.dropdown--boxed .dropdown__toggle--hollow:hover {
    border: 1px solid var(--sd-colour-line--strong); }

.dropdown.dropdown--boxed .dropdown__toggle--line {
  border-radius: var(--b-radius--x-small) var(--b-radius--x-small) 0 0;
  background-color: var(--color-input-bg);
  border-block-end: 1px solid var(--color-input-border); }
  .dropdown.dropdown--boxed .dropdown__toggle--line:hover {
    border-color: var(--color-input-border-hover);
    background-color: var(--color-input-bg--hover); }
  .dropdown.dropdown--boxed .dropdown__toggle--line:focus {
    box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
    border-color: var(--sd-colour-interactive);
    background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown.dropdown--boxed.open .dropdown__toggle--hollow {
  border: 1px solid var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown.dropdown--boxed.open .dropdown__toggle--line {
  box-shadow: 0 1px 0 0 var(--sd-colour-interactive);
  border-color: var(--sd-colour-interactive);
  background-color: var(--sd-colour-interactive--alpha-20); }

.dropdown.dropdown--full-width {
  width: 100%; }
  .dropdown.dropdown--full-width .dropdown__toggle .dropdown__caret {
    float: inline-end;
    margin-block-start: 6px; }

.dropdown__menu--multiedit {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown__menu--multiedit li {
    margin-block-end: 4px; }
  .dropdown__menu--multiedit li button {
    width: 300px !important;
    padding-inline-end: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    border-radius: 0; }
    .dropdown__menu--multiedit li button i {
      position: absolute;
      inset-inline-end: -5px;
      inset-block-start: 9px; }
    .dropdown__menu--multiedit li button.disabled, .dropdown__menu--multiedit li button.disabled:hover {
      background: #f0f0f0; }
      .dropdown__menu--multiedit li button.disabled i, .dropdown__menu--multiedit li button.disabled:hover i {
        opacity: .2; }
  .dropdown__menu--multiedit li .msg {
    padding: 0 20px; }

.dark-ui .dropdown__caret {
  border-top-color: white; }

.dark-ui .dropdown.open .dropdown__caret {
  border-top-color: var(--sd-colour-interactive); }

.popup__menu {
  z-index: 2000;
  min-width: 100px;
  padding-top: 1rem;
  margin: 0;
  background-color: var(--color-dropdown-menu-Bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-align: start; }
  .popup__menu--no-padding {
    padding: 0 !important; }

.popup__menu-divider {
  height: 1px;
  margin: 0.8rem 0;
  overflow: hidden;
  background-color: var(--sd-colour-line--light); }

.popup__menu-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #8c97a6;
  font-weight: 500;
  padding-left: 1.6rem;
  margin-bottom: .6rem; }
  .popup__menu-label .popup__menu-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    opacity: .3;
    background-color: transparent;
    cursor: pointer; }
    .popup__menu-label .popup__menu-close i {
      margin-right: 0 !important; }
    .popup__menu-label .popup__menu-close:hover, .popup__menu-label .popup__menu-close:focus {
      background-color: transparent;
      opacity: 1; }
  .popup__menu-label--center {
    padding-left: 0;
    text-align: center;
    display: inline-block;
    width: 100%; }

.popup__menu-header {
  font-weight: 300;
  font-size: 1.5rem;
  color: var(--color-text-light);
  padding: 1rem 1rem 0 1rem;
  border-bottom: 1px solid var(--sd-colour-line--light) !important; }
  .popup__menu-header--no-border {
    border-bottom: none !important; }
  .popup__menu-header--no-padding {
    padding: 0 !important; }

.popup__menu-footer {
  padding: 1rem;
  margin-top: 0.6rem;
  border-top: 1px solid var(--sd-colour-line--light) !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: --gap--small;
  width: 100%; }
  .popup__menu-footer--no-border {
    border-top: none; }
  .popup__menu-footer--no-padding {
    padding: 0 !important; }

.popup__menu-content {
  padding: 1rem;
  min-width: 100px; }
  .popup__menu-content--no-padding {
    padding: 0 !important; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.geolookup {
  display: none !important; }

.addgeolookup {
  width: 100%; }
  .addgeolookup__popup {
    max-height: 200px; }
    .addgeolookup__popup .sd-nav-tabs__content {
      padding: 0; }
  .addgeolookup__suggestItemLabel {
    font-size: 10px;
    font-weight: 400;
    padding: 1px 3px; }
  .addgeolookup__suggests {
    overflow: auto;
    list-style: none;
    max-height: 200px;
    min-height: 50px; }
    .addgeolookup__suggests--hidden {
      max-height: 0;
      overflow: hidden;
      border-width: 0; }
  .addgeolookup__item {
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
    width: 100%;
    position: relative;
    color: var(--color-text);
    background: none;
    padding: .6rem 1.6rem;
    margin-bottom: .2rem;
    text-decoration: none;
    text-align: left; }
    .addgeolookup__item:hover, .addgeolookup__item:focus {
      background: var(--sd-colour-interactive--alpha-20);
      text-decoration: none;
      cursor: pointer; }
    .addgeolookup__item:active {
      background: var(--sd-colour-interactive--alpha-20); }
    .addgeolookup__item.disabled:hover, .addgeolookup__item[disabled]:hover {
      background: none;
      cursor: default; }
    .addgeolookup__item--active {
      background: #eff7fa; }
    .addgeolookup__item .spinner {
      width: 10px;
      height: 10px;
      text-align: center;
      right: 9px;
      top: 6px;
      display: inline-block;
      -webkit-animation: rotate 2.0s infinite linear;
      animation: rotate 2.0s infinite linear; }
      .addgeolookup__item .spinner .dot1, .addgeolookup__item .spinner .dot2 {
        width: 60%;
        height: 60%;
        display: block;
        top: 0;
        background-color: #000;
        border-radius: 100%;
        -webkit-animation: bounce 2.0s infinite ease-in-out;
        animation: bounce 2.0s infinite ease-in-out; }
      .addgeolookup__item .spinner .dot2 {
        top: auto;
        bottom: 0;
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s; }
  .addgeolookup__input--nominatim {
    width: 75%;
    margin-right: 5px !important; }
  .addgeolookup__button {
    margin-left: 25px !important; }

.sd-line-input__input--address {
  font-style: italic;
  font-size: small; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.file-input .sd-line-input__input {
  padding-right: 25px !important; }

.file-input--hidden {
  display: none !important; }

.link-input .sd-line-input__input {
  padding-right: 35px !important; }

.no-padding {
  padding: 0; }

.form__row--half-width {
  max-width: 50%; }

.form__row--max-width-35 {
  max-width: 35px;
  margin-right: 5px; }

.form__row--max-width-80 {
  max-width: 80px;
  margin-right: 5px; }

.sd-line-input .sd-line-input__icon-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer; }

.sd-line-input .sd-line-input__input--auto-height {
  resize: none;
  overflow: hidden;
  min-height: 3.2rem !important; }

.sd-line-input .sd-line-input__input--padding-right-60 {
  padding-right: 60px !important; }

.sd-line-input .sd-line-input__input--unset-height {
  height: initial !important; }

.sd-line-input .sd-line-input__input--expandable {
  border-bottom: none !important; }
  .sd-line-input .sd-line-input__input--expandable:focus {
    box-shadow: none !important; }

.sd-line-input__expand_btn {
  border-top: 1px solid var(--color-input-border);
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  .sd-line-input__expand_btn button {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
    width: 21px;
    height: 21px;
    border: 0;
    padding: 0;
    background-color: #ffffff;
    line-height: 0;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: -21px;
    position: relative; }
  .sd-line-input__expand_btn i {
    padding-inline-start: 2px;
    padding-top: 2px; }
  .sd-line-input__expand_btn--hover {
    border-top: 1px solid var(--color-input-border-hover); }
  .sd-line-input__expand_btn--focus {
    border-top: 1px solid #5fa9c8;
    box-shadow: 0 -1px 0 0 #5fa9c8; }

.sd-line-input--invalid, .form-label--invalid {
  color: #e41b21; }
  .sd-line-input--invalid .sd-line-input__icon-bottom-right, .form-label--invalid .sd-line-input__icon-bottom-right {
    bottom: 18px; }

.form-label--no-min-width {
  min-width: initial;
  padding-right: 10px; }

.form-label--padding {
  padding-top: 20px; }

.form-label--left-margin {
  margin-left: 50px; }

.nav-tabs__content--no-padding {
  padding: 0px !important; }
.navbtn--text-with-icon {
  width: auto;
  line-height: 4.8rem;
  padding: 0 20px;
  font-size: 1.5rem;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .navbtn--text-with-icon i {
    vertical-align: text-top !important;
    margin-right: 0.6rem; }

.navbtn--no-padding-no-border {
  padding: 0px !important;
  border: 0px !important; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar__info-tools a {
  cursor: pointer; }

.dropdown .dropdown__menu-item--disabled {
  color: #8c97a6; }
.sd-text__expandable-link {
  cursor: pointer;
  user-select: none; }
.sd-column-box--vertical-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 250px); }

.EventsPlanningFilter .sd-column-box__slide-in-column {
  width: 40rem;
  flex-shrink: 0; }
.sd-slide-in-panel__header--invalid .subnav__sliding-toolbar {
  background-color: #FEF4F4;
  color: #E51C23; }
  .sd-slide-in-panel__header--invalid .subnav__sliding-toolbar h3 {
    font-weight: 500;
    padding: 0 2rem 0 1.6rem; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

time.Datetime {
  padding-left: 0; }

.link {
  cursor: pointer !important; }

.no-padding {
  padding: 0 !important; }

.sd-line-input--no-border-bottom .sd-line-input__input {
  border-bottom: none !important; }

.sd-line-input--is-select {
  cursor: pointer !important; }

.sd-line-input--half-width {
  width: 50%; }

.select__meta-terms .sd-line-input__input {
  background-color: var(--color-input-bg); }

.select__meta-terms.sd-line-input--invalid .sd-line-input__input {
  background-color: rgba(228, 27, 37, 0.075);
  border-color: #e41b21 !important; }

.date-time-input__row .sd-line-input__input {
  background-color: var(--color-input-bg) !important;
  height: 3.2rem !important;
  padding: 0 0.8rem !important; }

.addgeolookup2 .sd-line-input__input {
  background-color: var(--color-input-bg) !important;
  height: 3.2rem !important;
  padding-left: 0.8rem !important; }

.sd-list-item--margin {
  margin: 0.8rem; }

.sd-list-item--disabled {
  opacity: 0.75; }
  .sd-list-item--disabled:hover {
    opacity: 0.75; }
  .sd-list-item--disabled .icn-mix__sub-icn {
    color: var(--color-text-lighter); }

.sd-alert--align {
  justify-content: center; }

.sd-list-item-group--vertical-scroll {
  overflow-y: auto; }

.terms-list--disabled li {
  cursor: not-allowed !important; }
  .terms-list--disabled li:hover {
    color: var(--color-text); }

.sd-list-item__row--padding-b5 {
  padding-bottom: 5px !important; }

.sd-collapse-box--invalid .sd-collapse-box__header, .sd-collapse-box--invalid .sd-collapse-box__content {
  border: 1px solid #e41b21; }

.sd-collapse-box:focus-visible {
  outline: 1px solid var(--sd-colour-interactive); }

.sd-collapse-box:focus {
  outline: 1px solid var(--sd-colour-interactive) !important;
  background-color: transparent !important; }

.sd-collapse-box__content-wrapper--no-max-height, .sd-collapse-box__content-wraper {
  max-height: initial !important; }

.sd-collapse-box__inner-header {
  display: block !important; }

.sd-collapse-box--inner-open .sd-collapse-box__inner-header {
  display: none !important; }

.sd-collapse-box--open .sd-collapse-box__header {
  display: block !important; }

.sd-collapse-box__tools--rightFlex {
  display: flex;
  flex-direction: row;
  flex-grow: 1; }

.sd-list-item:focus-within .sd-list-item__action-menu {
  padding: 0 0.6rem;
  width: auto;
  overflow: visible;
  opacity: 1; }

.side-panel__content-block--no-padding {
  padding: unset !important; }

.side-panel__content--with-sidebar {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: 1fr; }
  .side-panel__content--with-sidebar .side-panel__content-block--navbar {
    grid-column: 1/2;
    grid-row: 1/2;
    overflow-y: auto;
    background-color: var(--sd-colour-quickbar-menu);
    padding-top: 1.6rem !important; }
  .side-panel__content--with-sidebar .side-panel__content-body {
    grid-column: 2/3;
    grid-row: 1/2;
    overflow-y: auto; }
  .side-panel__content--with-sidebar .side-panel__content-block--content {
    grid-column: 2/3;
    grid-row: 1/2;
    overflow-y: auto; }
  .side-panel__content--with-sidebar.side-panel__content--with-tabs {
    grid-template-rows: 4.8rem 1fr; }
    .side-panel__content--with-sidebar.side-panel__content--with-tabs .side-panel__content-tab-nav {
      grid-row: 1/2;
      grid-column: 1/3; }
    .side-panel__content--with-sidebar.side-panel__content--with-tabs .side-panel__content-block--navbar {
      grid-row: 2/3; }
    .side-panel__content--with-sidebar.side-panel__content--with-tabs .side-panel__content-block--content {
      grid-row: 2/3; }
    .side-panel__content--with-sidebar.side-panel__content--with-tabs .side-panel__content-body {
      grid-row: 2/3; }

.sd-list-header--m-bottom {
  margin-bottom: 1.4rem !important; }

textarea.sd-line-input__input {
  background-color: var(--color-input-bg) !important;
  padding: 0.8rem !important; }
  textarea.sd-line-input__input:focus {
    background-color: var(--color-input-bg--focus) !important; }

.dropdown-toggle:focus {
  box-shadow: 0 0 0 3px rgba(94, 169, 200, 0.3); }

.sd-searchbar__search-btn:focus {
  box-shadow: 0 0 0 3px rgba(94, 169, 200, 0.7); }

.sd-check__wrapper:focus {
  box-shadow: 0 0 0 3px rgba(94, 169, 200, 0.3); }

.sd-list-item-group .sd-list-item-nested {
  margin-top: 0; }

.sd-list-item__row .sd-list-item--element-grow {
  display: flex;
  align-items: center;
  gap: 0.8rem; }

.modal__body .sd-column-box__slide-in-column {
  background-color: var(--sd-colour-panel-bg--000); }
  .modal__body .sd-column-box__slide-in-column .sd-column-box__slide-in-column-inner {
    background-color: var(--sd-colour-panel-bg--000); }

.subnav--dark-blue-grey {
  --color-text: hsla(214, 13%, 96%, 1);
  --color-text-light: hsla(214, 13%, 76%, 1);
  --color-text-lighter: hsla(214, 13%, 56%, 1);
  --sd-colour-btn-txt-neutral: hsla(214, 13%, 96%, 1);
  --color-icon-default: hsla(214, 13%, 64%, 1); }
.SearchBar.extended .search-handler {
  display: flex; }
  .SearchBar.extended .search-handler input {
    flex-grow: 1; }
  .SearchBar.extended .search-handler .search-close {
    opacity: .4; }
    .SearchBar.extended .search-handler .search-close:hover {
      opacity: .8; }

.flat-searchbar .search-handler:focus-visible {
  border: 1px solid blue; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.toggle-box .toggle-box__header--focus:focus, .toggle-box .toggle-box__header:focus {
  background: #eff7fa; }

.toggle-box__content--hidden {
  display: none; }

.toggle-box--invalid .toggle-box__chevron {
  background-color: #e41b21; }

.toggle-box--invalid .toggle-box__label {
  color: #e41b21; }

.toggle-box--invalid .toggle-box__line {
  background-color: #e41b21; }

.toggle-box .toggle-box__header .toggle-box__line.toggle-box__line--badged {
  height: 1.1px !important; }

.toggle-box .toggle-box__header .badge.badge--margined {
  margin-left: 0.6rem !important; }

.toggle-box--no-margin {
  margin: 0 !important; }

.toggle-box--padding-top {
  padding-top: 25px; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sd-toggle--disabled {
  cursor: not-allowed; }

.sd-toggle--checked {
  background: #b0b0b0; }

.sd-toggle:focus {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  box-sizing: border-box; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.Select__dropdownToggle {
  width: 24px;
  height: 24px;
  background-color: #5fa9c8;
  opacity: 0.5;
  filter: "alpha(opacity=50)";
  border-radius: 2px;
  padding: 0; }
  .Select__dropdownToggle i {
    margin-bottom: 2px; }
  .Select__dropdownToggle:hover:enabled, .Select__dropdownToggle:focus:enabled {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.Select__button {
  background-color: #5fa9c8; }

.Select__popup {
  z-index: 2000;
  width: 280px;
  box-sizing: border-box; }
  .Select__popup__group {
    font-weight: 500; }
  .Select__popup__search {
    margin-top: 0 !important; }
  .Select__popup__category:hover .Select__popup__parent {
    display: none; }
  .Select__popup__category:hover .Select__popup__parent--choose {
    display: block; }
  .Select__popup__list {
    overflow-y: auto !important;
    overflow-x: hidden;
    max-height: 200px;
    padding: 5px 0px !important; }
  .Select__popup__item {
    margin: 0 !important;
    padding-left: 0 !important;
    background-color: transparent !important; }
    .Select__popup__item button {
      width: 100%;
      padding: 0.5rem 1rem;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--color-text);
      transition: all ease 0.2s;
      min-height: 3.2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: all 0.2s ease; }
      .Select__popup__item button i {
        color: var(--color-icon-default);
        opacity: 0.5; }
      .Select__popup__item button:hover {
        background: var(--sd-colour-interactive--alpha-20); }
      .Select__popup__item button:active {
        background: var(--sd-colour-interactive--alpha-30); }
    .Select__popup__item--no-group {
      padding: 0px !important; }
  .Select__popup__parent {
    display: block;
    position: relative;
    font-size: 12px;
    color: var(--color-text);
    background-color: rgba(0, 0, 0, 0.05);
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 3px 10px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    max-width: 200px; }
    .Select__popup__parent--choose {
      background-color: rgba(0, 0, 0, 0.05);
      margin-right: 3px;
      margin-bottom: 3px;
      padding: 3px 10px;
      display: none; }
  .Select__popup .search-handler {
    position: relative;
    z-index: 1;
    padding: 0;
    height: 42px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--sd-colour-line--light) !important;
    box-shadow: none !important; }
    .Select__popup .search-handler .backlink {
      cursor: pointer;
      margin-left: 5px; }
  .Select__popup .trigger-icon {
    margin-top: 0;
    pointer-events: none !important; }
  .Select__popup .search-close {
    height: 30px; }

.Select__popup__search .SearchBar.extended .search-handler {
  position: relative;
  z-index: 1;
  padding: 0;
  height: 42px !important;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-inline: 8px;
  border: none !important;
  border-bottom: 1px solid var(--sd-colour-line--light) !important;
  box-shadow: none !important; }
  .Select__popup__search .SearchBar.extended .search-handler .trigger-icon {
    margin: 0; }

.SearchBar--narrow, .SearchBar.extended {
  margin: 0; }

.select__meta-terms div.sd-line-input__input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: auto;
  min-height: 3.2rem !important;
  padding-left: 3rem !important; }

.select__meta-terms .sd-line-input__plus-btn {
  margin: 0 !important;
  margin-inline-start: 3px !important;
  margin-block-start: 3px !important; }

.select__meta-terms--disabled div.sd-line-input__input {
  padding-left: 0; }

.select__meta-terms .terms-list {
  padding-top: 3px; }

.sd-line-input__plus-btn--disabled {
  background-color: rgba(125, 138, 155, 0.3) !important;
  opacity: 0.5;
  pointer-events: none;
  cursor: default !important; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.select-tag__popup {
  margin-top: 1px; }
  .select-tag__popup-list {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
    padding: 5px 10px; }
    .select-tag__popup-list li {
      margin: 5px 0; }
    .select-tag__popup-list span, .select-tag__popup-list i {
      float: left;
      text-align: left; }
  .select-tag__popup-item {
    margin: 5px; }
    .select-tag__popup-item button {
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .select-tag__popup-item:hover {
      background: #eff7fa; }
    .select-tag__popup-item--active {
      background: #eff7fa; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sd-line-input__toggle .sd-line-input__label {
  margin-top: 4px;
  max-width: none; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.select-coloured-value__input {
  padding-top: 4px;
  height: 2.4rem;
  font-size: 1.4rem; }
  .select-coloured-value__input span {
    vertical-align: middle; }

.select-coloured-value__popup {
  width: 200px; }
  .select-coloured-value__popup button {
    padding: .6rem 1.6rem;
    width: 100%;
    text-align: left; }
    .select-coloured-value__popup button:hover {
      background: #eff7fa; }
  .select-coloured-value__popup--activeElement {
    background: #eff7fa; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.time-popup {
  width: 220px; }
  .time-popup__header-row {
    display: flex;
    flex-direction: row; }
    .time-popup__header-row .btn {
      flex: 1;
      padding: 4px 6px;
      font-size: 11px; }
  .time-popup__select-area {
    margin-top: 15px;
    border-top: 1px solid var(--sd-colour-line--light) !important; }
    .time-popup__select-area .header {
      margin-top: -10px;
      float: left;
      background: var(--color-dropdown-menu-Bg) !important;
      text-transform: uppercase;
      color: var(--color-text-lighter) !important;
      font-size: 11px;
      padding-right: 10px; }
    .time-popup__select-area ul {
      padding-top: 15px;
      *zoom: 1; }
      .time-popup__select-area ul:before, .time-popup__select-area ul:after {
        display: table;
        content: ""; }
      .time-popup__select-area ul:after {
        clear: both; }
      .time-popup__select-area ul > li {
        float: left;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 0 2px 2px 0;
        border-radius: 2px; }
        .time-popup__select-area ul > li:hover {
          background: transparent !important;
          box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
          cursor: pointer; }
        .time-popup__select-area ul > li.active {
          background: var(--sd-colour-interactive--alpha-70) !important;
          color: white !important; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.sliding-toolbar {
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  padding: 0 1.6rem;
  color: var(--color-text);
  animation: dropOut2 0.3s cubic-bezier(0.695, 0.105, 0.285, 1.275) 1;
  background-color: var(--sd-colour-bg__sliding-toolbar);
  box-shadow: var(--sd-shadow__sliding-toolbar);
  gap: 0.8rem;
  height: 4.8rem; }
  .sliding-toolbar--right {
    text-align: end;
    justify-content: flex-end; }
  .sliding-toolbar .sliding-toolbar__inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem; }
    .sliding-toolbar .sliding-toolbar__inner--right {
      text-align: end; }
  .sliding-toolbar .sliding-toolbar__info-text {
    font-weight: 400;
    opacity: 0.75;
    font-size: 1.4rem; }
  .sliding-toolbar--static {
    position: static;
    animation: none; }

.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.date-popup {
  width: 280px !important; }
  .date-popup__header {
    width: 100%; }
  .date-popup__header-row {
    display: flex;
    flex-direction: row;
    gap: 0.4rem; }
    .date-popup__header-row .btn {
      flex: 1;
      padding: 4px 6px;
      font-size: 11px; }
      .date-popup__header-row .btn--mode {
        flex: 2; }
    .date-popup__header-row--tools {
      margin-top: 5px; }
      .date-popup__header-row--tools .btn {
        background: none; }
        .date-popup__header-row--tools .btn:hover, .date-popup__header-row--tools .btn:focus {
          -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
          background: none; }
  .date-popup__content table {
    width: 100%;
    border-collapse: collapse;
    border: 0; }
    .date-popup__content table td, .date-popup__content table th {
      padding: 1px;
      border: 0; }
    .date-popup__content table thead tr th .btn {
      background: none;
      padding: 0; }
    .date-popup__content table thead tr th small {
      font-weight: 500; }
    .date-popup__content table tbody tr:first-child td {
      padding-top: 5px; }
    .date-popup__content table tbody td {
      padding: 0 2px; }
      .date-popup__content table tbody td .btn {
        width: 100% !important;
        min-width: 28px !important;
        min-height: 28px !important;
        padding: 0;
        background: none;
        color: var(--color-text) !important;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); }
        .date-popup__content table tbody td .btn .text-muted {
          color: var(--color-text-lighter); }
        .date-popup__content table tbody td .btn:hover {
          color: var(--color-text);
          box-shadow: 0 0 0 1px var(--sd-colour-interactive) !important;
          background: transparent !important; }
        .date-popup__content table tbody td .btn.active {
          color: white !important;
          box-shadow: none !important;
          background: var(--sd-colour-interactive--alpha-70) !important; }
        .date-popup__content table tbody td .btn.btn--primary, .date-popup__content table tbody td .btn.btn--primary.active {
          color: white !important;
          background: var(--sd-colour-interactive) !important; }
          .date-popup__content table tbody td .btn.btn--primary .text-muted, .date-popup__content table tbody td .btn.btn--primary.active .text-muted {
            color: white; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.date-time-input__row--required .form-label::after {
  color: #e41b21;
  content: "*";
  vertical-align: top;
  font-size: 1.2rem;
  padding-left: 0.3rem; }

.date-time-input__row--invalid .form-label {
  color: #e41b21; }
.InputArray__label {
  display: inline-block;
  padding-top: 13px !important;
  padding-bottom: 18px !important; }
.modal-content > form {
  width: 100%; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.modal__backdrop, .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1045;
  background-color: black; }
  .modal__backdrop.fade, .fade.modal-backdrop {
    opacity: 0; }

.modal__backdrop, .modal-backdrop,
.modal__backdrop.fade.in,
.fade.in.modal-backdrop {
  opacity: 0.3;
  filter: "alpha(opacity=30)"; }

.modal__body--no-padding {
  padding: 0 !important; }

.modal__body--full-height {
  height: 100% !important; }

.modal__body--no-scroll {
  overflow-y: hidden !important; }

.modal__content {
  width: 100% !important; }

.modal__dialog--full-height {
  height: 100% !important; }

.modal--draggable {
  pointer-events: none; }
  .modal--draggable .modal__content {
    pointer-events: all; }
  .modal--draggable .modal__header {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab; }
    .modal--draggable .modal__header:active {
      cursor: grabbing;
      cursor: -moz-grabbing;
      cursor: -webkit-grabbing; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.internal-note__label {
  vertical-align: middle;
  opacity: 0.6; }
  .internal-note__label--margin-right {
    margin-right: 0.6rem; }
  .internal-note__label--margin-left {
    margin-left: 0.6rem; }

.icon--yellow2 {
  color: #d1a700 !important; }

.icon--highlight2 {
  color: #e60086 !important; }

.tooltip--text-left > .tooltip-inner {
  text-align: left !important; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.EventDateTime time {
  color: #005b7f !important;
  font-weight: 500 !important;
  font-size: 1.2rem !important; }

.EventDateTime__timezone {
  color: #5fa9c8; }

.event-toggle {
  margin: 0 0 1.8rem 0; }
  .event-toggle .sd-line-input__label {
    margin-top: 0.4rem !important; }

.sd-line-input__input--related-item-link {
  margin-right: 0.6rem; }

.recurring-rules .sd-line-input--no-margin {
  margin-top: 0;
  margin-bottom: 0; }
.EventScheduleSummary {
  margin: 12px 0; }
  .EventScheduleSummary .form__row {
    padding-bottom: 0; }
  .EventScheduleSummary .sd-line-input__input {
    border-bottom: 0 !important;
    cursor: default; }
.initials.planning__initials {
  background: #67afa1; }

.user-inactive {
  position: absolute;
  margin-top: 10px;
  padding: 0 2px; }
  .user-inactive--small {
    font-size: 0.87rem; }
.coverages-popup {
  background-color: var(--color-dropdown-menu-Bg);
  border-radius: var(--b-radius--medium);
  padding: 1.5rem;
  box-shadow: var(--sd-shadow__dropdown);
  max-height: 400px;
  overflow: auto; }

.coverages-popup__text-light {
  color: var(--color-text-light);
  font-weight: 400;
  line-height: 1.4rem; }

.coverages-popup__text-bold {
  color: var(--color-text);
  font-weight: 500;
  line-height: 1.4rem; }
.coverage-preview__contact {
  margin-top: -1.5rem; }

.coverage-editor__contact {
  margin-top: -1.5rem; }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
/* ====================================== */
.output-item-label {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background: #8a8a8a;
  box-sizing: border-box;
  line-height: 17px;
  vertical-align: top;
  font-style: normal; }
  .output-item-label.label-0 {
    background: #8a8a8a; }
  .output-item-label.label-1 {
    background: #005e84; }
  .output-item-label.label-2 {
    background: #64a4bf; }
  .output-item-label.label-3, .output-item-label.label-4, .output-item-label.label-5 {
    background: #b0cfdd; }

/* ====================================== */
.status-label {
  box-sizing: border-box;
  height: 15px;
  padding: 4px 7px;
  background: #1f6681;
  border-radius: 2px;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  line-height: 7px;
  margin: 0 5px 0 0;
  text-transform: uppercase; }
  .status-label.label-canceled {
    background: #1c1c1c;
    color: #ff5353; }

.archive-content {
  position: absolute;
  inset-block-start: 0px;
  inset-inline-end: 0px;
  inset-block-end: 0px;
  inset-inline-start: 0px;
  height: calc(100% - 30px);
  background-color: var(--sd-colour-panel-bg--100);
  transition: left 0.2s ease;
  z-index: 11; }
  .archive-content.wide {
    inset-inline-start: 10px; }
  .archive-content .content-inner {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inset-block-start: 49px; }
    .archive-content .content-inner .newest-items {
      margin-block-end: 35px; }
      .archive-content .content-inner .newest-items > span {
        height: 30px;
        font-size: 11px;
        color: #8a8a8a;
        line-height: 30px;
        font-weight: 300;
        text-transform: uppercase; }
      .archive-content .content-inner .newest-items ul {
        *zoom: 1; }
        .archive-content .content-inner .newest-items ul:before, .archive-content .content-inner .newest-items ul:after {
          display: table;
          content: ""; }
        .archive-content .content-inner .newest-items ul:after {
          clear: both; }
  .archive-content .statistics {
    position: absolute;
    inset-inline-end: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    inset-block-start: 0;
    padding: 30px;
    overflow: auto;
    overflow-x: hidden; }
  .archive-content .preview-layout .list-pane .list-view {
    *zoom: 1; }
    .archive-content .preview-layout .list-pane .list-view:before, .archive-content .preview-layout .list-pane .list-view:after {
      display: table;
      content: ""; }
    .archive-content .preview-layout .list-pane .list-view:after {
      clear: both; }
    .archive-content .preview-layout .list-pane .list-view .panel {
      float: inline-start; }
      .archive-content .preview-layout .list-pane .list-view .panel.alert {
        float: none; }
      .archive-content .preview-layout .list-pane .list-view .panel .panel-body {
        display: inline-block; }
        .archive-content .preview-layout .list-pane .list-view .panel .panel-body .ui-draggable {
          display: inline-block; }
  .archive-content .content .shadow-list-holder {
    position: relative;
    max-height: none;
    min-height: auto; }

.view-select button {
  height: 48px;
  width: 48px;
  background: none;
  border: 0;
  padding: 15px 16px;
  border-inline-start: 1px solid var(--sd-colour-line--medium) !important;
  opacity: 0.6; }
  .view-select button i {
    color: var(--color-text-light); }
  .view-select button:hover {
    opacity: 0.8; }

.loading-indicator {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  margin-inline-start: -5rem;
  min-width: 10rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0 0 4px 4px;
  border: 1px solid #52b1cc;
  border-width: 0 1px 1px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #3599b6;
  background: #eff7fa;
  z-index: 3;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); }

/* ====================================== */
.mgrid-view .media-box {
  height: auto;
  width: auto;
  min-height: 225px;
  min-width: 176px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-width: 0px 0px 3px 0px;
  margin: 1px 12px 10px 1px;
  border-radius: var(--b-radius--medium);
  padding: 5px;
  position: relative;
  float: inline-start;
  display: block;
  cursor: pointer;
  background-color: var(--sd-item__main-Bg);
  color: var(--color-text);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  /* control buttons on the bottom */ }
  .mgrid-view .media-box .action {
    display: none;
    height: 33px;
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0; }
  .mgrid-view .media-box:hover .action {
    display: block; }
  .mgrid-view .media-box.archived {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.03);
    background-color: var(--sd-item__main-Bg--alternate); }
    .mgrid-view .media-box.archived::after {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-end: 20%;
      width: 10rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==);
      background-repeat: no-repeat;
      background-size: 6rem;
      background-position: center center;
      opacity: 0.16; }
  .mgrid-view .media-box.error {
    border-color: #d19796;
    border-bottom-color: #c00000; }
  .mgrid-view .media-box .error-box {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1; }
    .mgrid-view .media-box .error-box .message {
      color: #970000;
      font-weight: 400;
      font-size: 12px;
      padding: 40px 10px 0;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px; }
      .mgrid-view .media-box .error-box .message b {
        display: block;
        font-size: 16px; }
    .mgrid-view .media-box .error-box .buttons {
      position: absolute;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-end: 0;
      height: 30px;
      background: #f7eaea;
      border-block-start: 1px solid #e1bbbb; }
  .mgrid-view .media-box .media {
    box-sizing: border-box;
    height: 120px;
    margin: 0 2px 5px;
    display: block;
    position: relative;
    background: #f8f8f8; }
    .mgrid-view .media-box .media img {
      height: auto;
      width: auto;
      max-width: 172px;
      max-height: 120px; }
    .mgrid-view .media-box .media .caption {
      display: none; }
    .mgrid-view .media-box .media .selectbox {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      margin: 0;
      padding: 1px 2px 2px 2px;
      background-color: rgba(255, 255, 255, 0.85);
      border-radius: 0 0 0 2px; }
      .mgrid-view .media-box .media .selectbox .sd-checkbox {
        margin: 0; }
  .mgrid-view .media-box.media-picture .text, .mgrid-view .media-box.media-graphic .text, .mgrid-view .media-box.media-video .text {
    display: none;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    width: 176px;
    height: 120px;
    background: rgba(192, 192, 192, 0.9); }
  .mgrid-view .media-box.media-picture .media:hover .text, .mgrid-view .media-box.media-graphic .media:hover .text, .mgrid-view .media-box.media-video .media:hover .text {
    display: block; }
  .mgrid-view .media-box.media-text .media, .mgrid-view .media-box.media-preformatted .media, .mgrid-view .media-box.media-composite .media, .mgrid-view .media-box.media-picture .media, .mgrid-view .media-box.media-graphic .media {
    max-width: 172px;
    font-size: 12px;
    font-style: italic;
    white-space: normal;
    overflow: hidden; }
  .mgrid-view .media-box.media-text small, .mgrid-view .media-box.media-preformatted small, .mgrid-view .media-box.media-composite small, .mgrid-view .media-box.media-picture small, .mgrid-view .media-box.media-graphic small {
    display: block;
    padding: 2px 5px;
    font-size: 13px; }
  .mgrid-view .media-box.media-text .container, .mgrid-view .media-box.media-preformatted .container, .mgrid-view .media-box.media-composite .container, .mgrid-view .media-box.media-picture .container, .mgrid-view .media-box.media-graphic .container {
    font-weight: 500;
    color: #444;
    margin-inline-start: 6px; }
  .mgrid-view .media-box.media-audio .media {
    width: 176px;
    max-width: 176px;
    text-align: center; }
    .mgrid-view .media-box.media-audio .media i {
      margin-block-start: 35px;
      opacity: 0.35;
      filter: "alpha(opacity=35)"; }
  .mgrid-view .media-box .media-info {
    position: relative;
    padding: 18px 0 0; }
    .mgrid-view .media-box .media-info .legal {
      inset-block-end: 16px; }
  .mgrid-view .media-box h5 {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    font-size: 11px;
    margin: 0 2px;
    color: var(--sd-slugline-color);
    text-transform: uppercase; }
    .mgrid-view .media-box h5.shifted {
      inset-inline-start: 20px; }
  .mgrid-view .media-box dl {
    *zoom: 1;
    font-size: 11px;
    height: 1%;
    margin: 0 2px; }
    .mgrid-view .media-box dl:before, .mgrid-view .media-box dl:after {
      display: table;
      content: ""; }
    .mgrid-view .media-box dl:after {
      clear: both; }
    .mgrid-view .media-box dl dt {
      width: auto;
      float: inline-start;
      clear: left;
      color: #787878;
      line-height: 16px;
      font-weight: normal; }
    .mgrid-view .media-box dl dt:after {
      content: ":"; }
    .mgrid-view .media-box dl dd {
      width: auto;
      color: #b4b4b4;
      line-height: 16px;
      float: inline-start;
      margin-inline-start: 4px; }
      .mgrid-view .media-box dl dd.subject-line {
        max-width: 90px;
        height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .mgrid-view .media-box dl dd.dropdown:hover .dropdown__menu {
        display: block;
        min-width: 100%; }
  .mgrid-view .media-box .type-icon {
    text-align: center; }
    .mgrid-view .media-box .type-icon i {
      color: #8c97a6; }
  .mgrid-view .media-box .source:after {
    content: "" !important; }
  .mgrid-view .media-box .provider {
    color: #787878;
    margin-inline-start: 0; }
  .mgrid-view .media-box .urgency-label {
    position: absolute;
    inset-block-end: 7px;
    inset-inline-start: 36px; }
  .mgrid-view .media-box .priority-label {
    position: absolute;
    inset-block-end: 7px;
    inset-inline-start: 60px; }
  .mgrid-view .media-box .broadcast-status {
    position: absolute;
    inset-block-end: 7px;
    inset-inline-start: 82px;
    background: #e51c23;
    color: #FFFFFF;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    width: 14px;
    text-align: center; }
  .mgrid-view .media-box .state-label, .mgrid-view .mlist-view .media-box.contacts .org-label, .mlist-view .mgrid-view .media-box.contacts .org-label, .mgrid-view .compact-view.list-view .media-box.contacts .org-label, .compact-view.list-view .mgrid-view .media-box.contacts .org-label {
    position: absolute;
    inset-block-end: 8px;
    inset-inline-end: 0px; }
  .mgrid-view .media-box .fetched-desk {
    font-size: 11px;
    margin-block-start: 3px; }
  .mgrid-view .media-box .not-for-publication {
    position: static; }
  .mgrid-view .media-box.contacts {
    min-height: 270px;
    min-width: 425px; }
    .mgrid-view .media-box.contacts .media {
      height: 25px; }
    .mgrid-view .media-box.contacts dl dt:after {
      content: ""; }
    .mgrid-view .media-box.contacts dl dd {
      margin-inline-start: 6px;
      line-height: 18px; }
      .mgrid-view .media-box.contacts dl dd.dark {
        color: #444;
        font-weight: 500; }
    .mgrid-view .media-box.contacts .media-info {
      padding-inline-start: 0.5rem; }
      .mgrid-view .media-box.contacts .media-info h5 {
        padding: 0rem 0.5rem 0; }
    .mgrid-view .media-box.contacts .item-info .container {
      font-weight: 500;
      color: var(--color-text-light);
      margin-inline-end: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .mgrid-view .media-box.contacts .item-info .container.link {
        color: var(--sd-colour-interactive);
        font-weight: 400;
        text-overflow: ellipsis; }
    .mgrid-view .media-box.contacts .contact-footer {
      border-block-start: 1px solid #e8e8e8;
      margin-block-start: 25px;
      margin-inline-start: -5px;
      margin-inline-end: -5px; }
      .mgrid-view .media-box.contacts .contact-footer.padded {
        margin-block-start: 45px !important; }
      .mgrid-view .media-box.contacts .contact-footer .update-info {
        position: absolute;
        inset-block-end: 0.6rem;
        padding-inline-start: 0.5rem; }
      .mgrid-view .media-box.contacts .contact-footer .social-info {
        position: absolute;
        inset-block-end: 10px;
        inset-inline-end: 0px;
        margin-inline-end: 20px; }
        .mgrid-view .media-box.contacts .contact-footer .social-info span {
          padding-inline-start: 10px; }
    .mgrid-view .media-box.contacts .link {
      color: #3599b6;
      font-weight: 400;
      font-size: small; }
    .mgrid-view .media-box.contacts .notes {
      display: flex;
      background: none; }
    .mgrid-view .media-box.contacts .item-notes {
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 5px 0 5px;
      max-width: 380px;
      display: flex; }
  .mgrid-view .media-box.locked {
    border-bottom-color: #e51c23 !important; }
  .mgrid-view .media-box.gone {
    opacity: 0.5; }
  .mgrid-view .media-box.actioning {
    background-color: fade(#f7f7f7, 20%);
    border-color: fade(#cfcfcf, 20%); }
    .mgrid-view .media-box.actioning:before {
      content: '';
      zoom: .7;
      inset-block-start: 50%;
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
      background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center; }
  .mgrid-view .media-box .highlights-title {
    position: absolute;
    inset-block-start: -2px;
    inset-inline-start: 0;
    display: block; }
  .mgrid-view .media-box .item-functions {
    background: #fff;
    position: absolute;
    height: 32px;
    border-block-start: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0; }
    .mgrid-view .media-box .item-functions .item-field {
      width: 31px;
      height: 32px;
      border-inline-start: 0;
      border-inline-end: 1px solid #f0f0f0;
      box-sizing: border-box;
      padding: 0; }
      .mgrid-view .media-box .item-functions .item-field a {
        display: inline-block;
        width: 100%;
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        text-align: center; }
        .mgrid-view .media-box .item-functions .item-field a .actioning {
          background-image: url(f7f36aed53d755bd988a6ec6a434cf9b.gif);
          background-repeat: no-repeat;
          background-position: center;
          display: inline-block;
          width: 100%;
          height: 32px;
          line-height: 32px;
          vertical-align: middle;
          text-align: center; }
        .mgrid-view .media-box .item-functions .item-field a i {
          vertical-align: middle; }
      .mgrid-view .media-box .item-functions .item-field .more-activity-dropdown li {
        border-inline-end: 0; }
  .mgrid-view .media-box .more-activity-toggle {
    background: none; }
  .mgrid-view .media-box .media-box__footer {
    margin: 6px 0;
    position: relative;
    display: flex;
    align-content: center; }
    .mgrid-view .media-box .media-box__footer .type-icon {
      height: 16px;
      margin-inline-end: 6px;
      flex-grow: 0; }
    .mgrid-view .media-box .media-box__footer .badge {
      margin-inline-end: 6px; }
    .mgrid-view .media-box .media-box__footer .item-right {
      inset-block-start: -2px;
      height: 22px;
      width: 32px; }

.fetched-desk-tooltip {
  border: 0;
  background: transparent; }

.mgrid-view {
  padding-block-end: 80px; }
  .mgrid-view .draggable-item {
    float: inline-start; }
  .mgrid-view .list-item-view {
    float: inline-start; }

#last-item {
  background: transparent;
  border: none;
  height: 1px;
  width: 1px;
  margin: 0; }

.sd-grid-list .sd-grid-item {
  height: 100%; }

.sd-grid-list .item-right {
  inset-block-start: auto;
  height: 1.8rem;
  width: 2.4rem;
  margin-inline-end: 1rem;
  position: relative;
  margin-inline-start: -1rem; }
  .sd-grid-list .item-right .more-activity-toggle {
    background: none; }

.sd-grid-list .sd-grid-item__type-icn > i {
  vertical-align: middle; }

.sd-grid-item__footer i {
  vertical-align: middle;
  opacity: 0.4; }

/* ====================================== */
.media-box .keyword,
.field--slugline {
  font-weight: 500;
  color: var(--sd-slugline-color);
  text-transform: uppercase;
  font-size: 12px;
  margin-inline-end: 10px;
  white-space: nowrap; }

.mlist-view, .compact-view.list-view {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2); }
  .mlist-view--no-shadow, .compact-view.list-view--no-shadow {
    box-shadow: none; }
  .mlist-view .list-item-view, .compact-view.list-view .list-item-view {
    width: 100%; }
    .mlist-view .list-item-view:last-child .media-box, .compact-view.list-view .list-item-view:last-child .media-box {
      border-block-end: none; }
    .mlist-view .list-item-view .panel-body, .compact-view.list-view .list-item-view .panel-body {
      display: block !important;
      width: 100%; }
  .mlist-view .actions-visible .media-box:hover .item-info,
  .mlist-view .actions-visible .media-box.active .item-info, .compact-view.list-view .actions-visible .media-box:hover .item-info,
  .compact-view.list-view .actions-visible .media-box.active .item-info {
    padding: 10px 30px 10px 10px; }
  .mlist-view .media-box, .compact-view.list-view .media-box {
    position: relative;
    background: var(--sd-item__main-Bg);
    border-block-end: 1px solid var(--sd-colour-line--light);
    border-inline-end: 2px solid var(--sd-item__main-Bg);
    padding-inline-start: 40px;
    overflow: hidden; }
    .mlist-view .media-box--no-padding, .compact-view.list-view .media-box--no-padding {
      padding: 0; }
    .mlist-view .media-box:hover, .compact-view.list-view .media-box:hover {
      background-color: var(--sd-item__main-Bg--hover) !important;
      border-inline-end: 2px solid var(--sd-item__main-Bg--hover) !important;
      cursor: pointer; }
      .mlist-view .media-box:hover .list-field, .compact-view.list-view .media-box:hover .list-field {
        border-color: var(--sd-item__main-Bg--hover) !important; }
      .mlist-view .media-box:hover .item-info-reduced-rowheight, .compact-view.list-view .media-box:hover .item-info-reduced-rowheight {
        padding: 5px 10px 5px 10px; }
      .mlist-view .media-box:hover .more-activity-toggle, .compact-view.list-view .media-box:hover .more-activity-toggle {
        background: var(--sd-item__main-Bg--hover) !important; }
    .mlist-view .media-box.media-box-hover:hover, .compact-view.list-view .media-box.media-box-hover:hover {
      background-color: transparent !important;
      border-inline-end: none !important;
      cursor: auto; }
    .mlist-view .media-box.gone, .compact-view.list-view .media-box.gone {
      opacity: 0.5; }
    .mlist-view .media-box.actioning, .compact-view.list-view .media-box.actioning {
      background-color: fade(#f7f7f7, 20%);
      border-color: fade(#cfcfcf, 20%); }
      .mlist-view .media-box.actioning:before, .compact-view.list-view .media-box.actioning:before {
        content: '';
        zoom: .7;
        inset-block-start: 50%;
        transform: translateY(-50%);
        position: absolute;
        z-index: 1;
        background-image: url(bc64c8da982d3a424c62b4d324c50a18.gif);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        text-align: center; }
    .mlist-view .media-box .list-field, .compact-view.list-view .media-box .list-field {
      border-inline-end: 1px solid var(--sd-colour-line--x-light);
      float: inline-start;
      padding: 10px; }
      .mlist-view .media-box .list-field.no-border, .compact-view.list-view .media-box .list-field.no-border {
        border: 0; }
    .mlist-view .media-box .type-icon, .compact-view.list-view .media-box .type-icon {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 4px;
      inset-block-end: 0;
      padding: 0;
      width: 37px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mlist-view .media-box .type-icon i, .compact-view.list-view .media-box .type-icon i {
        color: var(--color-text-light);
        width: 24px;
        margin: 0;
        padding: 0; }
      .mlist-view .media-box .type-icon .sd-checkbox, .compact-view.list-view .media-box .type-icon .sd-checkbox {
        margin: 1px 0 0 1px;
        padding: 0; }
    .mlist-view .media-box .urgency, .compact-view.list-view .media-box .urgency {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 42px;
      inset-block-end: 0;
      padding: 0;
      width: 37px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      column-count: 1; }
      .mlist-view .media-box .urgency .output-item-label, .mlist-view .media-box .urgency .urgency-label, .compact-view.list-view .media-box .urgency .output-item-label, .compact-view.list-view .media-box .urgency .urgency-label {
        margin: 3px 0; }
      .mlist-view .media-box .urgency .badge:nth-child(1), .compact-view.list-view .media-box .urgency .badge:nth-child(1) {
        margin-block-end: 0.2rem; }
      .mlist-view .media-box .urgency .badge:nth-child(2), .compact-view.list-view .media-box .urgency .badge:nth-child(2) {
        margin-block-start: 0.2rem; }
      .mlist-view .media-box .urgency .badge:only-child, .compact-view.list-view .media-box .urgency .badge:only-child {
        margin: 0; }
      .mlist-view .media-box .urgency i, .mlist-view .media-box .urgency .priority-label, .compact-view.list-view .media-box .urgency i, .compact-view.list-view .media-box .urgency .priority-label {
        clear: both;
        margin: 3px 0; }
    .mlist-view .media-box .urgency-reduced-rowheight, .compact-view.list-view .media-box .urgency-reduced-rowheight {
      flex-direction: row; }
      .mlist-view .media-box .urgency-reduced-rowheight .urgency-label, .compact-view.list-view .media-box .urgency-reduced-rowheight .urgency-label {
        margin: 3px 2px 3px 0; }
      .mlist-view .media-box .urgency-reduced-rowheight i, .mlist-view .media-box .urgency-reduced-rowheight .priority-label, .compact-view.list-view .media-box .urgency-reduced-rowheight i, .compact-view.list-view .media-box .urgency-reduced-rowheight .priority-label {
        clear: both;
        margin: 3px 0 3px 1px; }
    .mlist-view .media-box .version-creator, .compact-view.list-view .media-box .version-creator {
      color: #686b6c;
      padding: 0px 0px 0px 2px; }
    .mlist-view .media-box .word-count, .compact-view.list-view .media-box .word-count {
      font-weight: 600;
      font-size: 12px;
      margin-inline-end: 8px; }
      .mlist-view .media-box .word-count:empty, .compact-view.list-view .media-box .word-count:empty {
        margin-inline-end: 0px; }
    .mlist-view .media-box.contacts, .compact-view.list-view .media-box.contacts {
      padding-inline-start: 20px; }
      .mlist-view .media-box.contacts .org-label, .compact-view.list-view .media-box.contacts .org-label {
        background-color: #8c8c8c;
        color: white !important; }
      .mlist-view .media-box.contacts .item-notes, .compact-view.list-view .media-box.contacts .item-notes {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 5px 0 5px; }
      .mlist-view .media-box.contacts .item-info .social-info, .compact-view.list-view .media-box.contacts .item-info .social-info {
        position: absolute;
        inset-inline-end: 0px; }
      .mlist-view .media-box.contacts .item-info.item-info-reduced-rowheight .social-info, .compact-view.list-view .media-box.contacts .item-info.item-info-reduced-rowheight .social-info {
        position: unset; }
      .mlist-view .media-box.contacts i, .compact-view.list-view .media-box.contacts i {
        color: var(--color-text-light);
        width: 24px;
        margin: 0;
        padding: 0; }
    .mlist-view .media-box .item-info, .compact-view.list-view .media-box .item-info {
      padding: 10px 10px 10px 10px; }
      .mlist-view .media-box .item-info .line, .compact-view.list-view .media-box .item-info .line {
        height: 18px;
        line-height: 18px;
        position: relative;
        margin-inline-start: 38px;
        display: flex;
        white-space: nowrap;
        align-items: center; }
        .mlist-view .media-box .item-info .line--no-margin, .compact-view.list-view .media-box .item-info .line--no-margin {
          margin-inline-start: 0; }
        .mlist-view .media-box .item-info .line dl, .compact-view.list-view .media-box .item-info .line dl {
          margin: 0;
          white-space: nowrap; }
        .mlist-view .media-box .item-info .line dt, .mlist-view .media-box .item-info .line dd, .compact-view.list-view .media-box .item-info .line dt, .compact-view.list-view .media-box .item-info .line dd {
          display: inline-block;
          margin-inline-start: 0px; }
          .mlist-view .media-box .item-info .line dt.dropdown:hover .dropdown__menu, .mlist-view .media-box .item-info .line dd.dropdown:hover .dropdown__menu, .compact-view.list-view .media-box .item-info .line dt.dropdown:hover .dropdown__menu, .compact-view.list-view .media-box .item-info .line dd.dropdown:hover .dropdown__menu {
            display: block;
            min-width: 100%; }
          .mlist-view .media-box .item-info .line dt .dropdown__toggle, .mlist-view .media-box .item-info .line dd .dropdown__toggle, .compact-view.list-view .media-box .item-info .line dt .dropdown__toggle, .compact-view.list-view .media-box .item-info .line dd .dropdown__toggle {
            padding: 0;
            margin: 0 0 0 5px; }
        .mlist-view .media-box .item-info .line + .line, .compact-view.list-view .media-box .item-info .line + .line {
          margin-block-start: 2px; }
      .mlist-view .media-box .item-info .state-label, .mlist-view .media-box.contacts .item-info .org-label, .mlist-view .media-box .item-info .profile-label, .mlist-view .media-box .item-info .label, .compact-view.list-view .media-box .item-info .state-label, .compact-view.list-view .media-box.contacts .item-info .org-label, .compact-view.list-view .media-box .item-info .profile-label, .compact-view.list-view .media-box .item-info .label {
        margin-inline-end: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .mlist-view .media-box .item-info .state-label + .takekey, .mlist-view .media-box.contacts .item-info .org-label + .takekey, .mlist-view .media-box .item-info .state-label + .provider, .mlist-view .media-box.contacts .item-info .org-label + .provider, .mlist-view .media-box .item-info .profile-label + .takekey, .mlist-view .media-box .item-info .profile-label + .provider, .mlist-view .media-box .item-info .label + .takekey, .mlist-view .media-box .item-info .label + .provider, .compact-view.list-view .media-box .item-info .state-label + .takekey, .compact-view.list-view .media-box.contacts .item-info .org-label + .takekey, .compact-view.list-view .media-box .item-info .state-label + .provider, .compact-view.list-view .media-box.contacts .item-info .org-label + .provider, .compact-view.list-view .media-box .item-info .profile-label + .takekey, .compact-view.list-view .media-box .item-info .profile-label + .provider, .compact-view.list-view .media-box .item-info .label + .takekey, .compact-view.list-view .media-box .item-info .label + .provider {
          margin-inline-start: 0.4rem; }
      .mlist-view .media-box .item-info .language-label, .compact-view.list-view .media-box .item-info .language-label {
        overflow: visible;
        text-overflow: initial; }
      .mlist-view .media-box .item-info .signal, .compact-view.list-view .media-box .item-info .signal {
        display: inline-block;
        background: rgba(0, 0, 0, 0.1);
        padding: 1px 5px;
        border-radius: 2px;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 0.08em;
        font-weight: 500;
        line-height: 14px;
        margin-block-start: 2px;
        margin-inline-end: 10px; }
      .mlist-view .media-box .item-info .broadcast-status, .compact-view.list-view .media-box .item-info .broadcast-status {
        display: inline-block;
        background: #e51c23;
        color: white;
        padding: 1px 5px;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-block-start: 2px;
        margin-inline-end: 10px; }
      .mlist-view .media-box .item-info .headline, .compact-view.list-view .media-box .item-info .headline {
        color: #686b6c;
        margin-inline-end: 65px;
        display: flex;
        flex-grow: 1;
        display: table; }
      .mlist-view .media-box .item-info .highlights-box, .compact-view.list-view .media-box .item-info .highlights-box {
        margin-block-start: -2px;
        margin-inline-end: 5px; }
        .mlist-view .media-box .item-info .highlights-box:empty, .compact-view.list-view .media-box .item-info .highlights-box:empty {
          display: contents; }
      .mlist-view .media-box .item-info .item-heading, .compact-view.list-view .media-box .item-info .item-heading {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0; }
        .mlist-view .media-box .item-info .item-heading p, .compact-view.list-view .media-box .item-info .item-heading p {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin: 0; }
      .mlist-view .media-box .item-info .location-desk-label, .compact-view.list-view .media-box .item-info .location-desk-label {
        font-style: italic;
        color: var(--color-text-light);
        font-weight: 300;
        margin-inline-end: 3px; }
      .mlist-view .media-box .item-info .container, .compact-view.list-view .media-box .item-info .container {
        font-weight: 500;
        color: var(--color-text-light);
        margin-inline-end: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .mlist-view .media-box .item-info .container.link, .compact-view.list-view .media-box .item-info .container.link {
          color: #3599b6;
          font-weight: 400;
          text-overflow: inherit; }
        .mlist-view .media-box .item-info .container.grow, .compact-view.list-view .media-box .item-info .container.grow {
          flex-grow: 1; }
      .mlist-view .media-box .item-info .takekey, .compact-view.list-view .media-box .item-info .takekey {
        color: inherit;
        margin-inline-end: 1.2rem; }
      .mlist-view .media-box .item-info .category, .compact-view.list-view .media-box .item-info .category {
        color: var(--color-text-light);
        margin-inline-end: 1.2rem; }
      .mlist-view .media-box .item-info .provider, .compact-view.list-view .media-box .item-info .provider {
        color: var(--color-text-light);
        margin-inline-end: 1.2rem;
        white-space: nowrap; }
      .mlist-view .media-box .item-info .expires, .compact-view.list-view .media-box .item-info .expires {
        float: inline-end;
        background: #f2dede;
        color: var(--error-text-color);
        font-size: 10px;
        line-height: 15px;
        padding: 0 5px;
        border-radius: 3px;
        margin-block-start: 4px; }
      .mlist-view .media-box .item-info time, .compact-view.list-view .media-box .item-info time {
        font-size: 11px;
        color: var(--color-text-light);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 60px;
        text-align: end;
        margin-inline-start: 3px; }
        .mlist-view .media-box .item-info time.time--short, .compact-view.list-view .media-box .item-info time.time--short {
          min-width: 30px; }
      .mlist-view .media-box .item-info .associations, .compact-view.list-view .media-box .item-info .associations {
        position: static;
        width: auto;
        margin-inline-end: 0.8rem; }
        .mlist-view .media-box .item-info .associations i, .compact-view.list-view .media-box .item-info .associations i {
          width: 16px; }
      .mlist-view .media-box .item-info .queue-error, .compact-view.list-view .media-box .item-info .queue-error {
        margin-inline-end: 5px; }
      .mlist-view .media-box .item-info .text-link, .compact-view.list-view .media-box .item-info .text-link {
        color: #5d9bc0; }
    .mlist-view .media-box .item-info-reduced-rowheight, .compact-view.list-view .media-box .item-info-reduced-rowheight {
      padding: 5px 10px 5px 10px; }
    .mlist-view .media-box.archived, .compact-view.list-view .media-box.archived {
      background-color: var(--sd-item__main-Bg--alternate);
      border-inline-end: 2px solid var(--sd-colour-panel-bg--100); }
      .mlist-view .media-box.archived::after, .compact-view.list-view .media-box.archived::after {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inset-block-end: 0;
        inset-inline-end: 20%;
        width: 10rem;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2IiB2aWV3Qm94PSIwIDAgMTE2IDExNiI+PHBhdGggZmlsbD0iIzdCN0I3QiIgZD0iTTU4IDBDMjYgMCAwIDI2IDAgNThzMjYgNTggNTggNTggNTgtMjYgNTgtNThTOTAgMCA1OCAwem0zNy4xIDM4LjhMNDYuMyA4Ny42Yy0uNS41LTEuMi41LTEuNyAwTDE4LjkgNjEuOGMtLjUtLjUtLjUtMS4yIDAtMS43bDguMi04LjJjLjUtLjUgMS4yLS41IDEuNyAwTDQ1IDY4LjFjLjMuMy44LjMgMS4xIDBsMzkuMi0zOS4yYy41LS41IDEuMi0uNSAxLjcgMGw4LjIgOC4yYy40LjUuNCAxLjItLjEgMS43eiIvPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-size: 4rem;
        background-position: center center;
        opacity: 0.16; }
      .mlist-view .media-box.archived.active, .compact-view.list-view .media-box.archived.active {
        border-inline-end: 2px solid rgba(94, 169, 200, 0.75) !important; }
    .mlist-view .media-box:hover .action, .compact-view.list-view .media-box:hover .action {
      display: block; }
    .mlist-view .media-box .state-border, .compact-view.list-view .media-box .state-border {
      position: absolute;
      width: 4px;
      inset-inline-start: 0;
      inset-block-start: 0;
      inset-block-end: 0;
      background: rgba(0, 0, 0, 0); }
    .mlist-view .media-box.locked .state-border, .compact-view.list-view .media-box.locked .state-border {
      background: #e51c23; }
    .mlist-view .media-box.media-box--state-published, .mlist-view .media-box.media-box--state-corrected, .compact-view.list-view .media-box.media-box--state-published, .compact-view.list-view .media-box.media-box--state-corrected {
      background: #f8fcf5; }
      .mlist-view .media-box.media-box--state-published .state-border, .mlist-view .media-box.media-box--state-corrected .state-border, .compact-view.list-view .media-box.media-box--state-published .state-border, .compact-view.list-view .media-box.media-box--state-corrected .state-border {
        background: #5e8d32; }
    .mlist-view .media-box.media-box--state-killed, .compact-view.list-view .media-box.media-box--state-killed {
      background: #fff9f8; }
      .mlist-view .media-box.media-box--state-killed .state-border, .compact-view.list-view .media-box.media-box--state-killed .state-border {
        background: #303030; }

.more-activity-menu.dropdown__menu {
  margin: 8px 0;
  z-index: 99999; }
  .more-activity-menu.dropdown__menu:before {
    display: none; }
  .more-activity-menu.dropdown__menu li {
    width: 100%; }

.mgrid-view .active:not(.selected) .media-box {
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.12); }

.mlist-view .active:not(.selected) .media-box, .compact-view.list-view .active:not(.selected) .media-box {
  background-color: var(--sd-item__main-Bg--selected) !important;
  border-inline-end: 2px solid rgba(94, 169, 200, 0.75) !important; }
  .mlist-view .active:not(.selected) .media-box:hover .item-functions, .compact-view.list-view .active:not(.selected) .media-box:hover .item-functions {
    background-color: #eff7fa; }
    .mlist-view .active:not(.selected) .media-box:hover .item-functions .item-field:hover, .compact-view.list-view .active:not(.selected) .media-box:hover .item-functions .item-field:hover {
      background-color: #d6e8ef; }
    .mlist-view .active:not(.selected) .media-box:hover .item-functions .item-field.disabled:hover, .compact-view.list-view .active:not(.selected) .media-box:hover .item-functions .item-field.disabled:hover {
      background-color: #d6e8ef; }

.mlist-view .selected .media-box, .compact-view.list-view .selected .media-box {
  background-color: var(--sd-item__main-Bg--selected) !important; }
  .mlist-view .selected .media-box:hover, .compact-view.list-view .selected .media-box:hover {
    background-color: var(--sd-item__main-Bg--selected) !important; }

/*modal window*/
.modal-body .row-fluid .span6 figure {
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 379px;
  height: auto;
  max-height: 250px; }

.modal-body .row-fluid .span6 dl {
  font-size: 13px;
  color: #777;
  position: relative;
  height: auto;
  margin: 0; }
  .modal-body .row-fluid .span6 dl dt {
    width: 110px;
    float: inline-start;
    clear: left;
    font-weight: normal;
    color: #474747;
    margin-block-end: 5px;
    line-height: 16px;
    vertical-align: middle; }
  .modal-body .row-fluid .span6 dl dt:after {
    content: ":"; }
  .modal-body .row-fluid .span6 dl dd {
    width: 245px;
    max-width: 245px;
    float: inline-start;
    margin-inline-start: 0px;
    line-height: 16px;
    margin-block-end: 5px;
    vertical-align: middle; }
  .modal-body .row-fluid .span6 dl.line-borders {
    width: 379px;
    border-block-start: 1px solid #e8e8e8;
    margin-block-start: 15px; }
    .modal-body .row-fluid .span6 dl.line-borders dt {
      border-block-end: 1px solid #e8e8e8;
      vertical-align: top;
      line-height: 20px;
      margin-block-end: 0px; }
    .modal-body .row-fluid .span6 dl.line-borders dd {
      padding-inline-end: 24px;
      border-block-end: 1px solid #e8e8e8;
      vertical-align: top;
      line-height: 20px;
      margin-block-end: 0px; }

.metadata-language {
  height: 38px;
  position: relative;
  z-index: 10; }

.metadata-details {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px; }
  .metadata-details input, .metadata-details textarea {
    border-color: var(--sd-colour-line--light) !important;
    color: var(--color-text-light); }
    .metadata-details input:focus, .metadata-details textarea:focus {
      border-color: var(--sd-colour-interactive--alpha-80) !important;
      color: var(--color-text); }

.edit-metadata-select {
  margin-block-start: 2px;
  height: 26px; }

.modal-header button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }
  .modal-header button.close:hover {
    color: #b3b3b3; }

.btn.pull-right {
  margin-inline-start: 10px; }

.meta-description-text {
  height: 52px;
  max-width: 245px; }

.close:hover {
  color: #b3b3b3; }

/* uploads grid used for upload popup */
.uploads-grid {
  list-style-type: none;
  margin: 60px 0 0;
  padding: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  overflow: scroll;
  position: absolute; }
  .uploads-grid li {
    max-height: 100px;
    float: inline-start;
    margin: 0 15px 15px 0;
    padding: 3px;
    border: 1px solid #d0d0d0;
    position: relative; }
    .uploads-grid li .add-button {
      position: absolute;
      background-color: #0079cc;
      inset-inline-start: 3px;
      inset-block-start: 3px;
      width: 16px;
      height: 18px;
      padding: 4px;
      display: none; }
    .uploads-grid li:hover {
      background: #0079cc;
      border-color: #2d95dd;
      cursor: pointer;
      box-shadow: 0px 0px 3px #a0a0a0; }
      .uploads-grid li:hover .add-button {
        display: block !important; }
    .uploads-grid li.grid-selected {
      background: #0079cc;
      border-color: #2d95dd; }
    .uploads-grid li img {
      height: 100px;
      max-height: 100px; }

.cropItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-gap: 1.6rem;
  margin: 1rem 0;
  padding-block-end: 2.5rem;
  border-block-end: 1px dotted rgba(123, 123, 123, 0.5); }
  .cropItems .cropItems__item {
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column; }
    .cropItems .cropItems__item img {
      display: block; }
    .cropItems .cropItems__item figure {
      display: block;
      margin: 0; }
  .cropItems .cropItems__item-rendition {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center; }
  .cropItems .cropItems__item-label {
    display: block;
    padding: 0.6rem 0;
    opacity: 0.7;
    font-family: 'Roboto';
    font-size: 1.3rem;
    flex-grow: 0;
    flex-shrink: 0; }

.item-right {
  width: 30px;
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  padding: 0;
  background: transparent;
  z-index: 3; }
  .item-right .more-activity-dropdown {
    position: relative;
    width: 100%;
    height: 100%; }
    .item-right .more-activity-dropdown .submenu {
      overflow: hidden;
      display: block; }
    .item-right .more-activity-dropdown.open i {
      opacity: 1; }

.more-activity-toggle {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  align-items: center;
  justify-content: center;
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 9999px;
  opacity: 0.75;
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  .more-activity-toggle:hover {
    opacity: 1;
    text-decoration: none; }
  .more-activity-toggle:active {
    opacity: 1; }
    .more-activity-toggle:active i {
      color: var(--sd-colour-interactive);
      opacity: 1; }

.list-item-view.sd-list-item-nested {
  margin-block-start: 0; }

.Select__dropdownToggle {
  width: 24px;
  height: 24px;
  background-color: #5ea9c8;
  opacity: 0.5;
  filter: "alpha(opacity=50)";
  border-radius: 2px;
  padding: 0; }
  .Select__dropdownToggle i {
    margin-bottom: 2px; }
  .Select__dropdownToggle:hover:enabled, .Select__dropdownToggle:focus:enabled {
    opacity: 1;
    filter: "alpha(opacity=100)"; }

.Select__button {
  background-color: var(--sd-colour-interactive); }

.SearchBar--narrow, .SearchBar.extended {
  margin: 0px; }

.list-items li {
  margin: 5px !important; }

.contact-field--padding-top {
  padding-top: 25px; }

.contact-info {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: var(--gap--small) 0;
  padding: 0.8rem 0;
  border-radius: var(--b-radius--small); }

.contact-info__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px; }

.contact-info__name {
  color: var(--color-text);
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  gap: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .contact-info__name .contact-info__job-info {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-text-light); }

.contact-info__mail {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--color-text-light);
  font-style: italic; }

.contact-metadata {
  margin-top: 1rem; }

.contact-popup {
  overflow: hidden;
  margin-top: -1rem;
  margin-bottom: 2.4rem; }
  .contact-popup .media-box.contacts {
    display: contents; }
  .contact-popup .mgrid-view .media-box {
    margin: 0; }

.contact-details-pane.contact-details-pane--editor .action-bar {
  position: unset;
  padding: unset;
  border: none;
  height: auto; }
  .contact-details-pane.contact-details-pane--editor .action-bar.show {
    top: auto !important; }

.contact-details-pane.contact-details-pane--editor .profile-info {
  overflow: unset; }
.side-panel__content-block .contacts-list__holder {
  padding: 0 0 1.6rem 0 !important;
  overflow: visible; }
  .side-panel__content-block .contacts-list__holder .contact-metadata {
    background-color: var(--sd-item__main-Bg);
    margin-top: 1rem; }
    .side-panel__content-block .contacts-list__holder .contact-metadata:first-child {
      margin-top: 0; }
    .side-panel__content-block .contacts-list__holder .contact-metadata .sd-list-item {
      background-color: transparent !important; }
      .side-panel__content-block .contacts-list__holder .contact-metadata .sd-list-item:hover {
        background-color: transparent !important; }
.editor-bookmarks {
  flex-grow: 1; }
  .editor-bookmarks .editor-bookmark.active {
    background-color: var(--color-input-bg--focus);
    border-right: 2px solid var(--sd-colour-interactive); }
  .editor-bookmarks .related-plannings .planning-item {
    background-color: var(--sd-colour-panel-bg--100);
    border-radius: 0; }
  .editor-bookmarks--popup .editor-bookmark {
    width: 100%;
    flex-direction: column;
    align-items: flex-start; }
    .editor-bookmarks--popup .editor-bookmark.active {
      background-color: var(--color-input-bg--focus);
      border-right: 4px solid var(--sd-colour-interactive);
      color: var(--sd-colour-interactive); }
.editor-popup-form {
  position: absolute;
  width: 0;
  height: 0; }
  .editor-popup-form .editor-popup-form__backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: opacity 0.3s linear;
    z-index: 1050; }
  .editor-popup-form .editor-popup-form__container {
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 1150;
    padding: 2.4rem; }
  .editor-popup-form--open {
    width: 100%;
    height: 100%; }
    .editor-popup-form--open .editor-popup-form__backdrop {
      opacity: 0.6; }
  .editor-popup-form .modal {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    width: 100%;
    height: 100%; }
  .editor-popup-form .modal__dialog {
    max-width: unset; }
  .editor-popup-form .modal__content {
    margin: 0; }
  .editor-popup-form .modal__body {
    max-width: unset !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important; }
  .editor-popup-form .popup__menu {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
  .editor-popup-form .popup__menu-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto; }
.editorModal {
  display: flex;
  flex-direction: row;
  height: 100%; }
  .editorModal__menu {
    width: 33rem;
    overflow-y: auto;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column; }
  .editorModal__editor {
    overflow-y: hidden;
    height: 100%; }
    .editorModal__editor--padding-bottom .side-panel__content-block:last-child {
      padding-bottom: 260px; }
      @media only screen and (min-height: 800px) {
        .editorModal__editor--padding-bottom .side-panel__content-block:last-child {
          padding-bottom: 520px; } }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.event-toggle .sd-line-input__label {
  margin-top: 0.4rem !important; }

.sd-list-item__text--disabled {
  color: var(--color-text-light); }

.btn__clear-filters {
  margin-right: 1.0rem;
  margin-left: 1.0rem; }
.sortable-list__item {
  list-style-type: none;
  cursor: move;
  z-index: 1100;
  background-color: #fff; }
  .sortable-list__item--no-padding {
    padding: 0 0 0 10px !important; }

.sortable-list__item button {
  padding: 0px !important; }

.sd-list-item-group {
  padding: 4px 4px 18px 4px; }

.sd-list-item-group--space-between-items .sortable-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap--small); }
.FeatureListGroup {
  height: 100%;
  overflow: auto;
  padding: 0 !important; }
  .FeatureListGroup--left-border {
    border-left: 3px solid rgba(0, 0, 0, 0.25); }

.FeatureListDraggableItem {
  z-index: 1100;
  color: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.4); }

.sd-alert--no-padding {
  padding: 0px !important; }

.grid--extra-margin {
  margin: 0 0.4rem; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.related-plannings .planning-item {
  border: 1px solid var(--sd-colour-line--x-light);
  border-radius: 2px;
  background-color: var(--sd-colour-panel-bg--100);
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
  padding: 0.8rem;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  .related-plannings .planning-item .sd-list-item-group {
    margin: 0 !important;
    margin-bottom: 0.8rem !important; }
  .related-plannings .planning-item:focus {
    border: 1px solid var(--sd-colour-interactive);
    box-shadow: 0 0 0 3px var(--sd-colour-interactive--alpha-30); }

.related-plannings .info-box--dashed {
  border: 1px dashed var(--color-input-border);
  height: 4.8rem;
  color: var(--color-label-text);
  display: flex;
  align-items: center;
  justify-content: center; }

.related-plannings .coverage-form {
  border: 1px solid var(--sd-colour-line--light);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  background-color: var(--sd-colour-panel-bg--200); }
  .related-plannings .coverage-form .sd-list-item-group {
    margin: 0 !important; }
  .related-plannings .coverage-form.coverage-form--initial {
    border-style: dashed;
    cursor: pointer;
    background-color: unset; }
    .related-plannings .coverage-form.coverage-form--initial .label-icon {
      cursor: pointer; }
  .related-plannings .coverage-form.coverage-form--initial:hover {
    border-color: #5fa9c8; }
  .related-plannings .coverage-form .coverage-form__header {
    padding: 0.8rem 1.6rem;
    border-bottom: 1px solid var(--sd-colour-line--light); }
  .related-plannings .coverage-form .coverage-form__body {
    padding: 1.6rem;
    background-color: var(--sd-colour-panel-bg--100);
    display: flex;
    flex-direction: column; }
  .related-plannings .coverage-form .coverage-form__footer {
    padding: 0.8rem 1.6rem;
    border-top: 1px solid var(--sd-colour-line--light);
    display: flex; }

.related-plannings .sd-list-item.enabled [class^="icon-"] {
  opacity: 1;
  color: var(--color-text); }

.related-plannings .sd-list-item.enabled .label-icon {
  color: var(--color-text); }
[order="1"] {
  order: 1; }

[order="2"] {
  order: 2; }

[order="3"] {
  order: 3; }

[order="4"] {
  order: 4; }

[order="5"] {
  order: 5; }

[order="6"] {
  order: 6; }

[order="7"] {
  order: 7; }

[order="8"] {
  order: 8; }

[order="9"] {
  order: 9; }

[order="10"] {
  order: 10; }

[order="11"] {
  order: 11; }

[order="12"] {
  order: 12; }

[order="13"] {
  order: 13; }

[order="14"] {
  order: 14; }

[order="15"] {
  order: 15; }

[order="16"] {
  order: 16; }

[order="17"] {
  order: 17; }

[order="18"] {
  order: 18; }

[order="19"] {
  order: 19; }

[order="20"] {
  order: 20; }

[order="21"] {
  order: 21; }

[order="22"] {
  order: 22; }

[order="23"] {
  order: 23; }

[order="24"] {
  order: 24; }

[order="25"] {
  order: 25; }

[order="26"] {
  order: 26; }

[order="27"] {
  order: 27; }

[order="28"] {
  order: 28; }

[order="29"] {
  order: 29; }

[order="30"] {
  order: 30; }

[order="31"] {
  order: 31; }

[order="32"] {
  order: 32; }

[order="33"] {
  order: 33; }

[order="34"] {
  order: 34; }

[order="35"] {
  order: 35; }

[order="36"] {
  order: 36; }

[order="37"] {
  order: 37; }

[order="38"] {
  order: 38; }

[order="39"] {
  order: 39; }

[order="40"] {
  order: 40; }

[sd-width="full"] {
  flex-basis: 100%; }

[sd-width="half"] {
  flex-basis: 50%; }

[sd-width="third"] {
  flex-basis: 33%; }

[sd-width="quarter"] {
  flex-basis: 25%; }

:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.ArchivePreview .content-container {
  position: relative !important; }

.ArchivePreview__header {
  position: relative;
  padding-bottom: 5px !important;
  padding-top: 0 !important;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); }
  .ArchivePreview__header.active {
    padding-bottom: 2rem !important; }
  .ArchivePreview__header-left {
    padding-right: 8px; }
  .ArchivePreview__header-middle {
    padding-left: 12px;
    padding-right: 12px;
    border-left: 1px solid #e2e2e2; }
    .ArchivePreview__header-middle .metaLabel {
      color: #999;
      text-transform: uppercase; }
    .ArchivePreview__header-middle .sd-text__ednote {
      color: #d25932; }
  .ArchivePreview__header-right {
    padding-left: 8px;
    border-left: 1px solid #e2e2e2; }
  .ArchivePreview__header .coverage-icon {
    opacity: 0.6; }
  .ArchivePreview__header .preview-header__toggle {
    position: absolute;
    width: 21px;
    height: 21px;
    border: 0;
    padding: 0;
    left: 50%;
    margin-left: -10.5px;
    bottom: -11px;
    background-color: white;
    z-index: 3;
    line-height: 0;
    border-radius: 50%;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    transition: transform 0.5s; }
    .ArchivePreview__header .preview-header__toggle i {
      height: 15px; }
    .ArchivePreview__header .preview-header__toggle.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .ArchivePreview__header div {
    margin-bottom: 5px; }

.ArchivePreview__content {
  margin-top: 20px;
  font-size: 14px; }
  .ArchivePreview__content video {
    width: 100%; }
  .ArchivePreview__content img {
    width: 100%; }
  .ArchivePreview__content .headline {
    font-size: 19px;
    line-height: 120%;
    font-weight: 500;
    color: #333; }
  .ArchivePreview__content div {
    margin-bottom: 20px; }
  .ArchivePreview__content p {
    margin: 0 0 9px 0; }
  .ArchivePreview__content .body-text {
    line-height: 140%; }
  .ArchivePreview__content .preview-overlay {
    margin-bottom: 0 !important; }
.Link__Item {
  background-color: transparent;
  outline: none; }

.Link__remove {
  float: right; }

.sd-text__link {
  margin-bottom: 0px; }

.error-block {
  color: #E51C23;
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
  margin: 10px; }

.disabledInput:hover:disabled {
  cursor: default; }

.disabledButton {
  display: none; }
  .disabledButton:hover {
    cursor: default; }

.Planning .sd-list-item__column {
  overflow: visible !important; }

.Planning .sd-list-item__row {
  overflow: visible !important; }

.Planning .tooltipVisibleElement {
  overflow: visible !important; }

.basic-drag-block {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  .basic-drag-block:focus {
    background-color: var(--color-input-bg--focus);
    border: 2px dashed #5ea9c8; }
.related-plannings > li {
  cursor: pointer; }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.Datetime--dark-text {
  color: #2c323a;
  font-weight: 400; }
.item-actions-menu__popup {
  width: 200px; }
  .item-actions-menu__popup--wide {
    width: 250px; }
    .item-actions-menu__popup--wide ul {
      width: 100%; }
  .item-actions-menu__popup .dropdown__menu {
    position: relative;
    top: 0;
    display: inline-block;
    margin: 0 !important; }
    .item-actions-menu__popup .dropdown__menu--submenu-left {
      display: none;
      position: absolute; }
  .item-actions-menu__popup .dropdown--noarrow:hover .dropdown__menu--submenu-left {
    display: inline-block; }
.MetadataView {
  padding: 12px; }
  .MetadataView .spacing {
    min-height: 75px; }
  .MetadataView .sd-alert {
    overflow-y: scroll; }
  .MetadataView .timepicker--custom, .MetadataView .timepickerPopup {
    position: relative !important; }
  .MetadataView__metadata {
    border-bottom: none; }
    .MetadataView__metadata__dataRow {
      display: table; }
    .MetadataView__metadata time {
      color: #333;
      font-weight: normal; }
  .MetadataView .sd-line-input--label-left--noMaxWdth {
    max-width: none;
    min-width: 15rem; }
  .MetadataView .sd-line-input__time-input--max-with {
    max-width: 30%; }
  .MetadataView .sd-line-input__time-input-remote--max-with {
    max-width: 50%; }

.update-assignment__form {
  padding-top: 2rem; }

.sd-alert--flex-direction {
  flex-direction: column; }
.assignment-popup {
  width: 300px; }
.order-direction__button {
  background: none;
  opacity: 0.8;
  margin-bottom: 1rem; }
  .order-direction__button:hover, .order-direction__button:focus {
    background: none; }
.filter-bar__order-field {
  margin-right: 1.75rem; }
.TimeAndAuthor {
  margin: 0; }
  .TimeAndAuthor--withPadding {
    padding-bottom: 2rem; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

/* ui fixes for planning redesign - should be avoided */
.sd-searchbar .sd-searchbar__icon {
  margin-bottom: 0; }

.sd-searchbar .sd-searchbar__input {
  height: 4.8rem;
  margin: 0; }
  .sd-searchbar .sd-searchbar__input:focus {
    border: none;
    box-shadow: none; }

.sd-page-grid--basic {
  background-color: #f7f7f7; }

.side-panel__header .side-panel__header-inner {
  width: 100%; }

.side-panel__content {
  overflow-wrap: break-word; }
  .side-panel__content .side-panel__content-block input, .side-panel__content .side-panel__content-block p, .side-panel__content .side-panel__content-block textarea {
    margin: 0; }

.sd-page-content--slide-in--open .sd-page-content__content-block--right.sd-edit-panel {
  width: 44%; }
  @media only screen and (max-width: 1430px) {
    .sd-page-content--slide-in--open .sd-page-content__content-block--right.sd-edit-panel {
      width: 54%; } }

.sd-line-input.sd-line-input--disabled div.sd-line-input__input {
  border-bottom: 1px dotted var(--sd-colour-line--medium);
  cursor: not-allowed; }

.sd-page-grid--basic .sd-content--margin-b30 {
  margin-bottom: 30px; }

.sd-column-box__main-column__listpanel {
  overflow: hidden; }
  .sd-column-box__main-column__listpanel .sd-column-box__main-column__items {
    overflow: auto !important;
    width: 100%; }
    .sd-column-box__main-column__listpanel .sd-column-box__main-column__items--featured {
      height: calc(100vh - (4.8rem + 4.8rem * 2 + 30px + 68px)); }
    .sd-column-box__main-column__listpanel .sd-column-box__main-column__items--assignment {
      height: calc(100vh - (4.8rem + 4.8rem * 2 + 30px)); }
    .sd-column-box__main-column__listpanel .sd-column-box__main-column__items--locations {
      height: 100%; }
  .sd-column-box__main-column__listpanel .loading-indicator {
    top: calc(4.8rem + 4.8rem);
    z-index: 1002; }

.element-with-badge + .element-with-badge, .element-with-badge + .sd-check__wrapper {
  margin-left: 1.2rem;
  vertical-align: top; }

.sd-check__wrapper + .element-with-badge {
  margin-left: 1.2rem;
  vertical-align: top; }

.open-preview .sd-preview-panel--width-560px {
  width: 560px !important; }

.sd-list-header__name--cursorPointer {
  cursor: pointer; }

.sd-list-item-group__empty-msg {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-text-lighter);
  border-radius: var(--b-radius--medium); }

.subnav__page-title .badge {
  vertical-align: top;
  margin-top: 4px;
  margin-left: 1rem; }

.sd-page-content--split {
  width: unset; }

.nav-tabs--no-grow {
  flex-grow: 0 !important; }

.cursor-pointer {
  cursor: pointer; }

a:hover.sd-check__wrapper {
  text-decoration: none; }

.planning-app__modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto; }
  .planning-app__modal .sd-column-box__main-column__listpanel .sd-column-box__main-column__items {
    padding-bottom: 2.6rem !important;
    height: calc(100vh - (4.8rem + 4.8rem * 2 + 96px + 80px)); }
  .planning-app__modal .sd-page-content--slide-in {
    height: 100%; }
    .planning-app__modal .sd-page-content--slide-in .sd-page-content__content-block--main {
      width: calc(100vw - 8.0rem) !important; }
    .planning-app__modal .sd-page-content--slide-in--open .sd-page-content__content-block--main {
      width: calc(100vw - 60.8rem) !important; }

.AddToPlanning .sd-list-item {
  margin: 1rem; }

.FulfilAssignment .archive-item {
  margin: 1rem; }

.sd-filters-panel--fixed {
  flex-shrink: 0; }

.subnav.subnav-event-planning {
  container-type: inline-size;
  container-name: subnav; }

@container subnav (max-width: 800px) {
  .hideOnMobile .icn-btn, .hideOnMobile .btn, .hideOnMobile .subnav-calendar {
    display: none; } }
:root {
  --error-text-color: #E51C23; }

:root {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 70%, 50%, 1);
  --sd-colour--locked-subnav: hsla(350, 70%, 90%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 43%); }

[data-theme="dark-ui"] {
  --authoringHeaderBG: var(--sd-colour-panel-bg--100);
  --sd-colour--locked-info: hsla(350, 55%, 40%, 1);
  --sd-colour--locked-subnav: hsla(350, 40%, 25%, 1);
  --sd-state-colour--navy: hsl(240, 92%, 63%); }

:root {
  --top-navigation-height: 48px; }

/*was 65*/
.label--clickable {
  cursor: pointer; }
  .label--clickable:hover {
    background-color: white !important; }
.lock-container__popup {
  min-width: 200px;
  min-height: 153px; }
  .lock-container__popup .avatar {
    display: inline-block;
    margin: 10px 0;
    float: none; }
  .lock-container__popup figure, .lock-container__popup div {
    text-align: center; }

.lock-container__avatar--no-margin {
  margin: 0 !important; }
.red--100 {
  background-color: #fde4e2; }

.hollow-red--100 {
  color: #fde4e2 !important;
  border-color: #fde4e2 !important; }
  .hollow-red--100:hover {
    color: #fde4e2 !important; }

.text-red--100 {
  color: #fde4e2; }

.red--900 {
  background-color: #6b0c06; }

.hollow-red--900 {
  color: #6b0c06 !important;
  border-color: #6b0c06 !important; }
  .hollow-red--900:hover {
    color: #6b0c06 !important; }

.text-red--900 {
  color: #6b0c06; }

.red--200 {
  background-color: #fbbbb6; }

.hollow-red--200 {
  color: #fbbbb6 !important;
  border-color: #fbbbb6 !important; }
  .hollow-red--200:hover {
    color: #fbbbb6 !important; }

.text-red--200 {
  color: #fbbbb6; }

.red--800 {
  background-color: #961108; }

.hollow-red--800 {
  color: #961108 !important;
  border-color: #961108 !important; }
  .hollow-red--800:hover {
    color: #961108 !important; }

.text-red--800 {
  color: #961108; }

.red--300 {
  background-color: #f9928b; }

.hollow-red--300 {
  color: #f9928b !important;
  border-color: #f9928b !important; }
  .hollow-red--300:hover {
    color: #f9928b !important; }

.text-red--300 {
  color: #f9928b; }

.red--700 {
  background-color: #c2160a; }

.hollow-red--700 {
  color: #c2160a !important;
  border-color: #c2160a !important; }
  .hollow-red--700:hover {
    color: #c2160a !important; }

.text-red--700 {
  color: #c2160a; }

.red--400 {
  background-color: #f7695f; }

.hollow-red--400 {
  color: #f7695f !important;
  border-color: #f7695f !important; }
  .hollow-red--400:hover {
    color: #f7695f !important; }

.text-red--400 {
  color: #f7695f; }

.red--600 {
  background-color: #ed1b0c; }

.hollow-red--600 {
  color: #ed1b0c !important;
  border-color: #ed1b0c !important; }
  .hollow-red--600:hover {
    color: #ed1b0c !important; }

.text-red--600 {
  color: #ed1b0c; }

.red--50 {
  background-color: #fef0ef; }

.hollow-red--50 {
  color: #fef0ef !important;
  border-color: #fef0ef !important; }
  .hollow-red--50:hover {
    color: #fef0ef !important; }

.text-red--50 {
  color: #fef0ef; }

.red--500 {
  background-color: #f44034; }

.hollow-red--500 {
  color: #f44034 !important;
  border-color: #f44034 !important; }
  .hollow-red--500:hover {
    color: #f44034 !important; }

.text-red--500 {
  color: #f44034; }

.pink--100 {
  background-color: #f9c7d8; }

.hollow-pink--100 {
  color: #f9c7d8 !important;
  border-color: #f9c7d8 !important; }
  .hollow-pink--100:hover {
    color: #f9c7d8 !important; }

.text-pink--100 {
  color: #f9c7d8; }

.pink--900 {
  background-color: #4a071e; }

.hollow-pink--900 {
  color: #4a071e !important;
  border-color: #4a071e !important; }
  .hollow-pink--900:hover {
    color: #4a071e !important; }

.text-pink--900 {
  color: #4a071e; }

.pink--200 {
  background-color: #f59ebb; }

.hollow-pink--200 {
  color: #f59ebb !important;
  border-color: #f59ebb !important; }
  .hollow-pink--200:hover {
    color: #f59ebb !important; }

.text-pink--200 {
  color: #f59ebb; }

.pink--800 {
  background-color: #740b2e; }

.hollow-pink--800 {
  color: #740b2e !important;
  border-color: #740b2e !important; }
  .hollow-pink--800:hover {
    color: #740b2e !important; }

.text-pink--800 {
  color: #740b2e; }

.pink--300 {
  background-color: #f1749e; }

.hollow-pink--300 {
  color: #f1749e !important;
  border-color: #f1749e !important; }
  .hollow-pink--300:hover {
    color: #f1749e !important; }

.text-pink--300 {
  color: #f1749e; }

.pink--700 {
  background-color: #9e103f; }

.hollow-pink--700 {
  color: #9e103f !important;
  border-color: #9e103f !important; }
  .hollow-pink--700:hover {
    color: #9e103f !important; }

.text-pink--700 {
  color: #9e103f; }

.pink--400 {
  background-color: #ed4a80; }

.hollow-pink--400 {
  color: #ed4a80 !important;
  border-color: #ed4a80 !important; }
  .hollow-pink--400:hover {
    color: #ed4a80 !important; }

.text-pink--400 {
  color: #ed4a80; }

.pink--600 {
  background-color: #c81450; }

.hollow-pink--600 {
  color: #c81450 !important;
  border-color: #c81450 !important; }
  .hollow-pink--600:hover {
    color: #c81450 !important; }

.text-pink--600 {
  color: #c81450; }

.pink--50 {
  background-color: #fbd4e1; }

.hollow-pink--50 {
  color: #fbd4e1 !important;
  border-color: #fbd4e1 !important; }
  .hollow-pink--50:hover {
    color: #fbd4e1 !important; }

.text-pink--50 {
  color: #fbd4e1; }

.pink--500 {
  background-color: #e92063; }

.hollow-pink--500 {
  color: #e92063 !important;
  border-color: #e92063 !important; }
  .hollow-pink--500:hover {
    color: #e92063 !important; }

.text-pink--500 {
  color: #e92063; }

.purple--100 {
  background-color: #e0a3eb; }

.hollow-purple--100 {
  color: #e0a3eb !important;
  border-color: #e0a3eb !important; }
  .hollow-purple--100:hover {
    color: #e0a3eb !important; }

.text-purple--100 {
  color: #e0a3eb; }

.purple--900 {
  background-color: #160619; }

.hollow-purple--900 {
  color: #160619 !important;
  border-color: #160619 !important; }
  .hollow-purple--900:hover {
    color: #160619 !important; }

.text-purple--900 {
  color: #160619; }

.purple--200 {
  background-color: #d37de3; }

.hollow-purple--200 {
  color: #d37de3 !important;
  border-color: #d37de3 !important; }
  .hollow-purple--200:hover {
    color: #d37de3 !important; }

.text-purple--200 {
  color: #d37de3; }

.purple--800 {
  background-color: #370e3f; }

.hollow-purple--800 {
  color: #370e3f !important;
  border-color: #370e3f !important; }
  .hollow-purple--800:hover {
    color: #370e3f !important; }

.text-purple--800 {
  color: #370e3f; }

.purple--300 {
  background-color: #c758da; }

.hollow-purple--300 {
  color: #c758da !important;
  border-color: #c758da !important; }
  .hollow-purple--300:hover {
    color: #c758da !important; }

.text-purple--300 {
  color: #c758da; }

.purple--700 {
  background-color: #591664; }

.hollow-purple--700 {
  color: #591664 !important;
  border-color: #591664 !important; }
  .hollow-purple--700:hover {
    color: #591664 !important; }

.text-purple--700 {
  color: #591664; }

.purple--400 {
  background-color: #ba32d2; }

.hollow-purple--400 {
  color: #ba32d2 !important;
  border-color: #ba32d2 !important; }
  .hollow-purple--400:hover {
    color: #ba32d2 !important; }

.text-purple--400 {
  color: #ba32d2; }

.purple--600 {
  background-color: #7a1e8a; }

.hollow-purple--600 {
  color: #7a1e8a !important;
  border-color: #7a1e8a !important; }
  .hollow-purple--600:hover {
    color: #7a1e8a !important; }

.text-purple--600 {
  color: #7a1e8a; }

.purple--50 {
  background-color: #e4aeed; }

.hollow-purple--50 {
  color: #e4aeed !important;
  border-color: #e4aeed !important; }
  .hollow-purple--50:hover {
    color: #e4aeed !important; }

.text-purple--50 {
  color: #e4aeed; }

.purple--500 {
  background-color: #9b27b0; }

.hollow-purple--500 {
  color: #9b27b0 !important;
  border-color: #9b27b0 !important; }
  .hollow-purple--500:hover {
    color: #9b27b0 !important; }

.text-purple--500 {
  color: #9b27b0; }

.deep-purple--100 {
  background-color: #cebdea; }

.hollow-deep-purple--100 {
  color: #cebdea !important;
  border-color: #cebdea !important; }
  .hollow-deep-purple--100:hover {
    color: #cebdea !important; }

.text-deep-purple--100 {
  color: #cebdea; }

.deep-purple--900 {
  background-color: #180d2b; }

.hollow-deep-purple--900 {
  color: #180d2b !important;
  border-color: #180d2b !important; }
  .hollow-deep-purple--900:hover {
    color: #180d2b !important; }

.text-deep-purple--900 {
  color: #180d2b; }

.deep-purple--200 {
  background-color: #b49adf; }

.hollow-deep-purple--200 {
  color: #b49adf !important;
  border-color: #b49adf !important; }
  .hollow-deep-purple--200:hover {
    color: #b49adf !important; }

.text-deep-purple--200 {
  color: #b49adf; }

.deep-purple--800 {
  background-color: #2c184e; }

.hollow-deep-purple--800 {
  color: #2c184e !important;
  border-color: #2c184e !important; }
  .hollow-deep-purple--800:hover {
    color: #2c184e !important; }

.text-deep-purple--800 {
  color: #2c184e; }

.deep-purple--300 {
  background-color: #9977d4; }

.hollow-deep-purple--300 {
  color: #9977d4 !important;
  border-color: #9977d4 !important; }
  .hollow-deep-purple--300:hover {
    color: #9977d4 !important; }

.text-deep-purple--300 {
  color: #9977d4; }

.deep-purple--700 {
  background-color: #402370; }

.hollow-deep-purple--700 {
  color: #402370 !important;
  border-color: #402370 !important; }
  .hollow-deep-purple--700:hover {
    color: #402370 !important; }

.text-deep-purple--700 {
  color: #402370; }

.deep-purple--400 {
  background-color: #7f54c9; }

.hollow-deep-purple--400 {
  color: #7f54c9 !important;
  border-color: #7f54c9 !important; }
  .hollow-deep-purple--400:hover {
    color: #7f54c9 !important; }

.text-deep-purple--400 {
  color: #7f54c9; }

.deep-purple--600 {
  background-color: #532f93; }

.hollow-deep-purple--600 {
  color: #532f93 !important;
  border-color: #532f93 !important; }
  .hollow-deep-purple--600:hover {
    color: #532f93 !important; }

.text-deep-purple--600 {
  color: #532f93; }

.deep-purple--50 {
  background-color: #d5c8ed; }

.hollow-deep-purple--50 {
  color: #d5c8ed !important;
  border-color: #d5c8ed !important; }
  .hollow-deep-purple--50:hover {
    color: #d5c8ed !important; }

.text-deep-purple--50 {
  color: #d5c8ed; }

.deep-purple--500 {
  background-color: #673ab6; }

.hollow-deep-purple--500 {
  color: #673ab6 !important;
  border-color: #673ab6 !important; }
  .hollow-deep-purple--500:hover {
    color: #673ab6 !important; }

.text-deep-purple--500 {
  color: #673ab6; }

.indigo--100 {
  background-color: #c3c8ea; }

.hollow-indigo--100 {
  color: #c3c8ea !important;
  border-color: #c3c8ea !important; }
  .hollow-indigo--100:hover {
    color: #c3c8ea !important; }

.text-indigo--100 {
  color: #c3c8ea; }

.indigo--900 {
  background-color: #10142d; }

.hollow-indigo--900 {
  color: #10142d !important;
  border-color: #10142d !important; }
  .hollow-indigo--900:hover {
    color: #10142d !important; }

.text-indigo--900 {
  color: #10142d; }

.indigo--200 {
  background-color: #a1aade; }

.hollow-indigo--200 {
  color: #a1aade !important;
  border-color: #a1aade !important; }
  .hollow-indigo--200:hover {
    color: #a1aade !important; }

.text-indigo--200 {
  color: #a1aade; }

.indigo--800 {
  background-color: #1c244f; }

.hollow-indigo--800 {
  color: #1c244f !important;
  border-color: #1c244f !important; }
  .hollow-indigo--800:hover {
    color: #1c244f !important; }

.text-indigo--800 {
  color: #1c244f; }

.indigo--300 {
  background-color: #7f8bd2; }

.hollow-indigo--300 {
  color: #7f8bd2 !important;
  border-color: #7f8bd2 !important; }
  .hollow-indigo--300:hover {
    color: #7f8bd2 !important; }

.text-indigo--300 {
  color: #7f8bd2; }

.indigo--700 {
  background-color: #283371; }

.hollow-indigo--700 {
  color: #283371 !important;
  border-color: #283371 !important; }
  .hollow-indigo--700:hover {
    color: #283371 !important; }

.text-indigo--700 {
  color: #283371; }

.indigo--400 {
  background-color: #5d6dc6; }

.hollow-indigo--400 {
  color: #5d6dc6 !important;
  border-color: #5d6dc6 !important; }
  .hollow-indigo--400:hover {
    color: #5d6dc6 !important; }

.text-indigo--400 {
  color: #5d6dc6; }

.indigo--600 {
  background-color: #344293; }

.hollow-indigo--600 {
  color: #344293 !important;
  border-color: #344293 !important; }
  .hollow-indigo--600:hover {
    color: #344293 !important; }

.text-indigo--600 {
  color: #344293; }

.indigo--50 {
  background-color: #cdd2ed; }

.hollow-indigo--50 {
  color: #cdd2ed !important;
  border-color: #cdd2ed !important; }
  .hollow-indigo--50:hover {
    color: #cdd2ed !important; }

.text-indigo--50 {
  color: #cdd2ed; }

.indigo--500 {
  background-color: #4051b5; }

.hollow-indigo--500 {
  color: #4051b5 !important;
  border-color: #4051b5 !important; }
  .hollow-indigo--500:hover {
    color: #4051b5 !important; }

.text-indigo--500 {
  color: #4051b5; }

.blue--100 {
  background-color: #cfe8fc; }

.hollow-blue--100 {
  color: #cfe8fc !important;
  border-color: #cfe8fc !important; }
  .hollow-blue--100:hover {
    color: #cfe8fc !important; }

.text-blue--100 {
  color: #cfe8fc; }

.blue--900 {
  background-color: #053257; }

.hollow-blue--900 {
  color: #053257 !important;
  border-color: #053257 !important; }
  .hollow-blue--900:hover {
    color: #053257 !important; }

.text-blue--900 {
  color: #053257; }

.blue--200 {
  background-color: #a3d3fa; }

.hollow-blue--200 {
  color: #a3d3fa !important;
  border-color: #a3d3fa !important; }
  .hollow-blue--200:hover {
    color: #a3d3fa !important; }

.text-blue--200 {
  color: #a3d3fa; }

.blue--800 {
  background-color: #074b83; }

.hollow-blue--800 {
  color: #074b83 !important;
  border-color: #074b83 !important; }
  .hollow-blue--800:hover {
    color: #074b83 !important; }

.text-blue--800 {
  color: #074b83; }

.blue--300 {
  background-color: #77bef8; }

.hollow-blue--300 {
  color: #77bef8 !important;
  border-color: #77bef8 !important; }
  .hollow-blue--300:hover {
    color: #77bef8 !important; }

.text-blue--300 {
  color: #77bef8; }

.blue--700 {
  background-color: #0964ae; }

.hollow-blue--700 {
  color: #0964ae !important;
  border-color: #0964ae !important; }
  .hollow-blue--700:hover {
    color: #0964ae !important; }

.text-blue--700 {
  color: #0964ae; }

.blue--400 {
  background-color: #4ca9f6; }

.hollow-blue--400 {
  color: #4ca9f6 !important;
  border-color: #4ca9f6 !important; }
  .hollow-blue--400:hover {
    color: #4ca9f6 !important; }

.text-blue--400 {
  color: #4ca9f6; }

.blue--600 {
  background-color: #0b7dda; }

.hollow-blue--600 {
  color: #0b7dda !important;
  border-color: #0b7dda !important; }
  .hollow-blue--600:hover {
    color: #0b7dda !important; }

.text-blue--600 {
  color: #0b7dda; }

.blue--50 {
  background-color: #dceefd; }

.hollow-blue--50 {
  color: #dceefd !important;
  border-color: #dceefd !important; }
  .hollow-blue--50:hover {
    color: #dceefd !important; }

.text-blue--50 {
  color: #dceefd; }

.blue--500 {
  background-color: #2094f3; }

.hollow-blue--500 {
  color: #2094f3 !important;
  border-color: #2094f3 !important; }
  .hollow-blue--500:hover {
    color: #2094f3 !important; }

.text-blue--500 {
  color: #2094f3; }

.light-blue--100 {
  background-color: #aee5fe; }

.hollow-light-blue--100 {
  color: #aee5fe !important;
  border-color: #aee5fe !important; }
  .hollow-light-blue--100:hover {
    color: #aee5fe !important; }

.text-light-blue--100 {
  color: #aee5fe; }

.light-blue--900 {
  background-color: #012a3d; }

.hollow-light-blue--900 {
  color: #012a3d !important;
  border-color: #012a3d !important; }
  .hollow-light-blue--900:hover {
    color: #012a3d !important; }

.text-light-blue--900 {
  color: #012a3d; }

.light-blue--200 {
  background-color: #81d6fe; }

.hollow-light-blue--200 {
  color: #81d6fe !important;
  border-color: #81d6fe !important; }
  .hollow-light-blue--200:hover {
    color: #81d6fe !important; }

.text-light-blue--200 {
  color: #81d6fe; }

.light-blue--800 {
  background-color: #01496a; }

.hollow-light-blue--800 {
  color: #01496a !important;
  border-color: #01496a !important; }
  .hollow-light-blue--800:hover {
    color: #01496a !important; }

.text-light-blue--800 {
  color: #01496a; }

.light-blue--300 {
  background-color: #53c7fd; }

.hollow-light-blue--300 {
  color: #53c7fd !important;
  border-color: #53c7fd !important; }
  .hollow-light-blue--300:hover {
    color: #53c7fd !important; }

.text-light-blue--300 {
  color: #53c7fd; }

.light-blue--700 {
  background-color: #026897; }

.hollow-light-blue--700 {
  color: #026897 !important;
  border-color: #026897 !important; }
  .hollow-light-blue--700:hover {
    color: #026897 !important; }

.text-light-blue--700 {
  color: #026897; }

.light-blue--400 {
  background-color: #26b9fd; }

.hollow-light-blue--400 {
  color: #26b9fd !important;
  border-color: #26b9fd !important; }
  .hollow-light-blue--400:hover {
    color: #26b9fd !important; }

.text-light-blue--400 {
  color: #26b9fd; }

.light-blue--600 {
  background-color: #0287c5; }

.hollow-light-blue--600 {
  color: #0287c5 !important;
  border-color: #0287c5 !important; }
  .hollow-light-blue--600:hover {
    color: #0287c5 !important; }

.text-light-blue--600 {
  color: #0287c5; }

.light-blue--50 {
  background-color: #bce9fe; }

.hollow-light-blue--50 {
  color: #bce9fe !important;
  border-color: #bce9fe !important; }
  .hollow-light-blue--50:hover {
    color: #bce9fe !important; }

.text-light-blue--50 {
  color: #bce9fe; }

.light-blue--500 {
  background-color: #02a6f2; }

.hollow-light-blue--500 {
  color: #02a6f2 !important;
  border-color: #02a6f2 !important; }
  .hollow-light-blue--500:hover {
    color: #02a6f2 !important; }

.text-light-blue--500 {
  color: #02a6f2; }

.cyan--100 {
  background-color: #8ff2ff; }

.hollow-cyan--100 {
  color: #8ff2ff !important;
  border-color: #8ff2ff !important; }
  .hollow-cyan--100:hover {
    color: #8ff2ff !important; }

.text-cyan--100 {
  color: #8ff2ff; }

.cyan--900 {
  background-color: #001b1f; }

.hollow-cyan--900 {
  color: #001b1f !important;
  border-color: #001b1f !important; }
  .hollow-cyan--900:hover {
    color: #001b1f !important; }

.text-cyan--900 {
  color: #001b1f; }

.cyan--200 {
  background-color: #61edff; }

.hollow-cyan--200 {
  color: #61edff !important;
  border-color: #61edff !important; }
  .hollow-cyan--200:hover {
    color: #61edff !important; }

.text-cyan--200 {
  color: #61edff; }

.cyan--800 {
  background-color: #00444d; }

.hollow-cyan--800 {
  color: #00444d !important;
  border-color: #00444d !important; }
  .hollow-cyan--800:hover {
    color: #00444d !important; }

.text-cyan--800 {
  color: #00444d; }

.cyan--300 {
  background-color: #33e7ff; }

.hollow-cyan--300 {
  color: #33e7ff !important;
  border-color: #33e7ff !important; }
  .hollow-cyan--300:hover {
    color: #33e7ff !important; }

.text-cyan--300 {
  color: #33e7ff; }

.cyan--700 {
  background-color: #006c7a; }

.hollow-cyan--700 {
  color: #006c7a !important;
  border-color: #006c7a !important; }
  .hollow-cyan--700:hover {
    color: #006c7a !important; }

.text-cyan--700 {
  color: #006c7a; }

.cyan--400 {
  background-color: #05e2ff; }

.hollow-cyan--400 {
  color: #05e2ff !important;
  border-color: #05e2ff !important; }
  .hollow-cyan--400:hover {
    color: #05e2ff !important; }

.text-cyan--400 {
  color: #05e2ff; }

.cyan--600 {
  background-color: #0095a8; }

.hollow-cyan--600 {
  color: #0095a8 !important;
  border-color: #0095a8 !important; }
  .hollow-cyan--600:hover {
    color: #0095a8 !important; }

.text-cyan--600 {
  color: #0095a8; }

.cyan--50 {
  background-color: #9df4ff; }

.hollow-cyan--50 {
  color: #9df4ff !important;
  border-color: #9df4ff !important; }
  .hollow-cyan--50:hover {
    color: #9df4ff !important; }

.text-cyan--50 {
  color: #9df4ff; }

.cyan--500 {
  background-color: #00bdd6; }

.hollow-cyan--500 {
  color: #00bdd6 !important;
  border-color: #00bdd6 !important; }
  .hollow-cyan--500:hover {
    color: #00bdd6 !important; }

.text-cyan--500 {
  color: #00bdd6; }

.teal--100 {
  background-color: #4dffed; }

.hollow-teal--100 {
  color: #4dffed !important;
  border-color: #4dffed !important; }
  .hollow-teal--100:hover {
    color: #4dffed !important; }

.text-teal--100 {
  color: #4dffed; }

.teal--900 {
  background-color: black; }

.hollow-teal--900 {
  color: black !important;
  border-color: black !important; }
  .hollow-teal--900:hover {
    color: black !important; }

.text-teal--900 {
  color: black; }

.teal--200 {
  background-color: #1fffe9; }

.hollow-teal--200 {
  color: #1fffe9 !important;
  border-color: #1fffe9 !important; }
  .hollow-teal--200:hover {
    color: #1fffe9 !important; }

.text-teal--200 {
  color: #1fffe9; }

.teal--800 {
  background-color: #000a09; }

.hollow-teal--800 {
  color: #000a09 !important;
  border-color: #000a09 !important; }
  .hollow-teal--800:hover {
    color: #000a09 !important; }

.text-teal--800 {
  color: #000a09; }

.teal--300 {
  background-color: #00f0d8; }

.hollow-teal--300 {
  color: #00f0d8 !important;
  border-color: #00f0d8 !important; }
  .hollow-teal--300:hover {
    color: #00f0d8 !important; }

.text-teal--300 {
  color: #00f0d8; }

.teal--700 {
  background-color: #003832; }

.hollow-teal--700 {
  color: #003832 !important;
  border-color: #003832 !important; }
  .hollow-teal--700:hover {
    color: #003832 !important; }

.text-teal--700 {
  color: #003832; }

.teal--400 {
  background-color: #00c2ae; }

.hollow-teal--400 {
  color: #00c2ae !important;
  border-color: #00c2ae !important; }
  .hollow-teal--400:hover {
    color: #00c2ae !important; }

.text-teal--400 {
  color: #00c2ae; }

.teal--600 {
  background-color: #00665c; }

.hollow-teal--600 {
  color: #00665c !important;
  border-color: #00665c !important; }
  .hollow-teal--600:hover {
    color: #00665c !important; }

.text-teal--600 {
  color: #00665c; }

.teal--50 {
  background-color: #5affef; }

.hollow-teal--50 {
  color: #5affef !important;
  border-color: #5affef !important; }
  .hollow-teal--50:hover {
    color: #5affef !important; }

.text-teal--50 {
  color: #5affef; }

.teal--500 {
  background-color: #009485; }

.hollow-teal--500 {
  color: #009485 !important;
  border-color: #009485 !important; }
  .hollow-teal--500:hover {
    color: #009485 !important; }

.text-teal--500 {
  color: #009485; }

.green--100 {
  background-color: #cae8cb; }

.hollow-green--100 {
  color: #cae8cb !important;
  border-color: #cae8cb !important; }
  .hollow-green--100:hover {
    color: #cae8cb !important; }

.text-green--100 {
  color: #cae8cb; }

.green--900 {
  background-color: #142e15; }

.hollow-green--900 {
  color: #142e15 !important;
  border-color: #142e15 !important; }
  .hollow-green--900:hover {
    color: #142e15 !important; }

.text-green--900 {
  color: #142e15; }

.green--200 {
  background-color: #aadaac; }

.hollow-green--200 {
  color: #aadaac !important;
  border-color: #aadaac !important; }
  .hollow-green--200:hover {
    color: #aadaac !important; }

.text-green--200 {
  color: #aadaac; }

.green--800 {
  background-color: #224e24; }

.hollow-green--800 {
  color: #224e24 !important;
  border-color: #224e24 !important; }
  .hollow-green--800:hover {
    color: #224e24 !important; }

.text-green--800 {
  color: #224e24; }

.green--300 {
  background-color: #8acc8c; }

.hollow-green--300 {
  color: #8acc8c !important;
  border-color: #8acc8c !important; }
  .hollow-green--300:hover {
    color: #8acc8c !important; }

.text-green--300 {
  color: #8acc8c; }

.green--700 {
  background-color: #306e32; }

.hollow-green--700 {
  color: #306e32 !important;
  border-color: #306e32 !important; }
  .hollow-green--700:hover {
    color: #306e32 !important; }

.text-green--700 {
  color: #306e32; }

.green--400 {
  background-color: #6abe6d; }

.hollow-green--400 {
  color: #6abe6d !important;
  border-color: #6abe6d !important; }
  .hollow-green--400:hover {
    color: #6abe6d !important; }

.text-green--400 {
  color: #6abe6d; }

.green--600 {
  background-color: #3e8e41; }

.hollow-green--600 {
  color: #3e8e41 !important;
  border-color: #3e8e41 !important; }
  .hollow-green--600:hover {
    color: #3e8e41 !important; }

.text-green--600 {
  color: #3e8e41; }

.green--50 {
  background-color: #d3ecd4; }

.hollow-green--50 {
  color: #d3ecd4 !important;
  border-color: #d3ecd4 !important; }
  .hollow-green--50:hover {
    color: #d3ecd4 !important; }

.text-green--50 {
  color: #d3ecd4; }

.green--500 {
  background-color: #4cae4f; }

.hollow-green--500 {
  color: #4cae4f !important;
  border-color: #4cae4f !important; }
  .hollow-green--500:hover {
    color: #4cae4f !important; }

.text-green--500 {
  color: #4cae4f; }

.light-green--100 {
  background-color: #e4f1d5; }

.hollow-light-green--100 {
  color: #e4f1d5 !important;
  border-color: #e4f1d5 !important; }
  .hollow-light-green--100:hover {
    color: #e4f1d5 !important; }

.text-light-green--100 {
  color: #e4f1d5; }

.light-green--900 {
  background-color: #2d4116; }

.hollow-light-green--900 {
  color: #2d4116 !important;
  border-color: #2d4116 !important; }
  .hollow-light-green--900:hover {
    color: #2d4116 !important; }

.text-light-green--900 {
  color: #2d4116; }

.light-green--200 {
  background-color: #cee6b3; }

.hollow-light-green--200 {
  color: #cee6b3 !important;
  border-color: #cee6b3 !important; }
  .hollow-light-green--200:hover {
    color: #cee6b3 !important; }

.text-light-green--200 {
  color: #cee6b3; }

.light-green--800 {
  background-color: #456321; }

.hollow-light-green--800 {
  color: #456321 !important;
  border-color: #456321 !important; }
  .hollow-light-green--800:hover {
    color: #456321 !important; }

.text-light-green--800 {
  color: #456321; }

.light-green--300 {
  background-color: #b8da90; }

.hollow-light-green--300 {
  color: #b8da90 !important;
  border-color: #b8da90 !important; }
  .hollow-light-green--300:hover {
    color: #b8da90 !important; }

.text-light-green--300 {
  color: #b8da90; }

.light-green--700 {
  background-color: #5c862d; }

.hollow-light-green--700 {
  color: #5c862d !important;
  border-color: #5c862d !important; }
  .hollow-light-green--700:hover {
    color: #5c862d !important; }

.text-light-green--700 {
  color: #5c862d; }

.light-green--400 {
  background-color: #a1cf6e; }

.hollow-light-green--400 {
  color: #a1cf6e !important;
  border-color: #a1cf6e !important; }
  .hollow-light-green--400:hover {
    color: #a1cf6e !important; }

.text-light-green--400 {
  color: #a1cf6e; }

.light-green--600 {
  background-color: #74a838; }

.hollow-light-green--600 {
  color: #74a838 !important;
  border-color: #74a838 !important; }
  .hollow-light-green--600:hover {
    color: #74a838 !important; }

.text-light-green--600 {
  color: #74a838; }

.light-green--50 {
  background-color: #ebf4df; }

.hollow-light-green--50 {
  color: #ebf4df !important;
  border-color: #ebf4df !important; }
  .hollow-light-green--50:hover {
    color: #ebf4df !important; }

.text-light-green--50 {
  color: #ebf4df; }

.light-green--500 {
  background-color: #8bc34b; }

.hollow-light-green--500 {
  color: #8bc34b !important;
  border-color: #8bc34b !important; }
  .hollow-light-green--500:hover {
    color: #8bc34b !important; }

.text-light-green--500 {
  color: #8bc34b; }

.lime--100 {
  background-color: #f4f7d4; }

.hollow-lime--100 {
  color: #f4f7d4 !important;
  border-color: #f4f7d4 !important; }
  .hollow-lime--100:hover {
    color: #f4f7d4 !important; }

.text-lime--100 {
  color: #f4f7d4; }

.lime--900 {
  background-color: #484e0e; }

.hollow-lime--900 {
  color: #484e0e !important;
  border-color: #484e0e !important; }
  .hollow-lime--900:hover {
    color: #484e0e !important; }

.text-lime--900 {
  color: #484e0e; }

.lime--200 {
  background-color: #eaf0ad; }

.hollow-lime--200 {
  color: #eaf0ad !important;
  border-color: #eaf0ad !important; }
  .hollow-lime--200:hover {
    color: #eaf0ad !important; }

.text-lime--200 {
  color: #eaf0ad; }

.lime--800 {
  background-color: #6b7515; }

.hollow-lime--800 {
  color: #6b7515 !important;
  border-color: #6b7515 !important; }
  .hollow-lime--800:hover {
    color: #6b7515 !important; }

.text-lime--800 {
  color: #6b7515; }

.lime--300 {
  background-color: #e0ea86; }

.hollow-lime--300 {
  color: #e0ea86 !important;
  border-color: #e0ea86 !important; }
  .hollow-lime--300:hover {
    color: #e0ea86 !important; }

.text-lime--300 {
  color: #e0ea86; }

.lime--700 {
  background-color: #8f9c1c; }

.hollow-lime--700 {
  color: #8f9c1c !important;
  border-color: #8f9c1c !important; }
  .hollow-lime--700:hover {
    color: #8f9c1c !important; }

.text-lime--700 {
  color: #8f9c1c; }

.lime--400 {
  background-color: #d5e35f; }

.hollow-lime--400 {
  color: #d5e35f !important;
  border-color: #d5e35f !important; }
  .hollow-lime--400:hover {
    color: #d5e35f !important; }

.text-lime--400 {
  color: #d5e35f; }

.lime--600 {
  background-color: #b3c322; }

.hollow-lime--600 {
  color: #b3c322 !important;
  border-color: #b3c322 !important; }
  .hollow-lime--600:hover {
    color: #b3c322 !important; }

.text-lime--600 {
  color: #b3c322; }

.lime--50 {
  background-color: #f7f9df; }

.hollow-lime--50 {
  color: #f7f9df !important;
  border-color: #f7f9df !important; }
  .hollow-lime--50:hover {
    color: #f7f9df !important; }

.text-lime--50 {
  color: #f7f9df; }

.lime--500 {
  background-color: #cbdc38; }

.hollow-lime--500 {
  color: #cbdc38 !important;
  border-color: #cbdc38 !important; }
  .hollow-lime--500:hover {
    color: #cbdc38 !important; }

.text-lime--500 {
  color: #cbdc38; }

.yellow--100 {
  background-color: #fffef5; }

.hollow-yellow--100 {
  color: #fffef5 !important;
  border-color: #fffef5 !important; }
  .hollow-yellow--100:hover {
    color: #fffef5 !important; }

.text-yellow--100 {
  color: #fffef5; }

.yellow--900 {
  background-color: #857700; }

.hollow-yellow--900 {
  color: #857700 !important;
  border-color: #857700 !important; }
  .hollow-yellow--900:hover {
    color: #857700 !important; }

.text-yellow--900 {
  color: #857700; }

.yellow--200 {
  background-color: #fff9c7; }

.hollow-yellow--200 {
  color: #fff9c7 !important;
  border-color: #fff9c7 !important; }
  .hollow-yellow--200:hover {
    color: #fff9c7 !important; }

.text-yellow--200 {
  color: #fff9c7; }

.yellow--800 {
  background-color: #b3a100; }

.hollow-yellow--800 {
  color: #b3a100 !important;
  border-color: #b3a100 !important; }
  .hollow-yellow--800:hover {
    color: #b3a100 !important; }

.text-yellow--800 {
  color: #b3a100; }

.yellow--300 {
  background-color: #fff599; }

.hollow-yellow--300 {
  color: #fff599 !important;
  border-color: #fff599 !important; }
  .hollow-yellow--300:hover {
    color: #fff599 !important; }

.text-yellow--300 {
  color: #fff599; }

.yellow--700 {
  background-color: #e0ca00; }

.hollow-yellow--700 {
  color: #e0ca00 !important;
  border-color: #e0ca00 !important; }
  .hollow-yellow--700:hover {
    color: #e0ca00 !important; }

.text-yellow--700 {
  color: #e0ca00; }

.yellow--400 {
  background-color: #fff06b; }

.hollow-yellow--400 {
  color: #fff06b !important;
  border-color: #fff06b !important; }
  .hollow-yellow--400:hover {
    color: #fff06b !important; }

.text-yellow--400 {
  color: #fff06b; }

.yellow--600 {
  background-color: #ffe70f; }

.hollow-yellow--600 {
  color: #ffe70f !important;
  border-color: #ffe70f !important; }
  .hollow-yellow--600:hover {
    color: #ffe70f !important; }

.text-yellow--600 {
  color: #ffe70f; }

.yellow--50 {
  background-color: white; }

.hollow-yellow--50 {
  color: white !important;
  border-color: white !important; }
  .hollow-yellow--50:hover {
    color: white !important; }

.text-yellow--50 {
  color: white; }

.yellow--500 {
  background-color: #ffec3d; }

.hollow-yellow--500 {
  color: #ffec3d !important;
  border-color: #ffec3d !important; }
  .hollow-yellow--500:hover {
    color: #ffec3d !important; }

.text-yellow--500 {
  color: #ffec3d; }

.amber--100 {
  background-color: #ffeebd; }

.hollow-amber--100 {
  color: #ffeebd !important;
  border-color: #ffeebd !important; }
  .hollow-amber--100:hover {
    color: #ffeebd !important; }

.text-amber--100 {
  color: #ffeebd; }

.amber--900 {
  background-color: #4d3900; }

.hollow-amber--900 {
  color: #4d3900 !important;
  border-color: #4d3900 !important; }
  .hollow-amber--900:hover {
    color: #4d3900 !important; }

.text-amber--900 {
  color: #4d3900; }

.amber--200 {
  background-color: #ffe38f; }

.hollow-amber--200 {
  color: #ffe38f !important;
  border-color: #ffe38f !important; }
  .hollow-amber--200:hover {
    color: #ffe38f !important; }

.text-amber--200 {
  color: #ffe38f; }

.amber--800 {
  background-color: #7a5c00; }

.hollow-amber--800 {
  color: #7a5c00 !important;
  border-color: #7a5c00 !important; }
  .hollow-amber--800:hover {
    color: #7a5c00 !important; }

.text-amber--800 {
  color: #7a5c00; }

.amber--300 {
  background-color: #ffd761; }

.hollow-amber--300 {
  color: #ffd761 !important;
  border-color: #ffd761 !important; }
  .hollow-amber--300:hover {
    color: #ffd761 !important; }

.text-amber--300 {
  color: #ffd761; }

.amber--700 {
  background-color: #a87e00; }

.hollow-amber--700 {
  color: #a87e00 !important;
  border-color: #a87e00 !important; }
  .hollow-amber--700:hover {
    color: #a87e00 !important; }

.text-amber--700 {
  color: #a87e00; }

.amber--400 {
  background-color: #ffcc33; }

.hollow-amber--400 {
  color: #ffcc33 !important;
  border-color: #ffcc33 !important; }
  .hollow-amber--400:hover {
    color: #ffcc33 !important; }

.text-amber--400 {
  color: #ffcc33; }

.amber--600 {
  background-color: #d6a100; }

.hollow-amber--600 {
  color: #d6a100 !important;
  border-color: #d6a100 !important; }
  .hollow-amber--600:hover {
    color: #d6a100 !important; }

.text-amber--600 {
  color: #d6a100; }

.amber--50 {
  background-color: #fff2ca; }

.hollow-amber--50 {
  color: #fff2ca !important;
  border-color: #fff2ca !important; }
  .hollow-amber--50:hover {
    color: #fff2ca !important; }

.text-amber--50 {
  color: #fff2ca; }

.amber--500 {
  background-color: #ffc105; }

.hollow-amber--500 {
  color: #ffc105 !important;
  border-color: #ffc105 !important; }
  .hollow-amber--500:hover {
    color: #ffc105 !important; }

.text-amber--500 {
  color: #ffc105; }

.orange--100 {
  background-color: #ffe2b8; }

.hollow-orange--100 {
  color: #ffe2b8 !important;
  border-color: #ffe2b8 !important; }
  .hollow-orange--100:hover {
    color: #ffe2b8 !important; }

.text-orange--100 {
  color: #ffe2b8; }

.orange--900 {
  background-color: #472b00; }

.hollow-orange--900 {
  color: #472b00 !important;
  border-color: #472b00 !important; }
  .hollow-orange--900:hover {
    color: #472b00 !important; }

.text-orange--900 {
  color: #472b00; }

.orange--200 {
  background-color: #ffd08a; }

.hollow-orange--200 {
  color: #ffd08a !important;
  border-color: #ffd08a !important; }
  .hollow-orange--200:hover {
    color: #ffd08a !important; }

.text-orange--200 {
  color: #ffd08a; }

.orange--800 {
  background-color: #754600; }

.hollow-orange--800 {
  color: #754600 !important;
  border-color: #754600 !important; }
  .hollow-orange--800:hover {
    color: #754600 !important; }

.text-orange--800 {
  color: #754600; }

.orange--300 {
  background-color: #ffbe5c; }

.hollow-orange--300 {
  color: #ffbe5c !important;
  border-color: #ffbe5c !important; }
  .hollow-orange--300:hover {
    color: #ffbe5c !important; }

.text-orange--300 {
  color: #ffbe5c; }

.orange--700 {
  background-color: #a36200; }

.hollow-orange--700 {
  color: #a36200 !important;
  border-color: #a36200 !important; }
  .hollow-orange--700:hover {
    color: #a36200 !important; }

.text-orange--700 {
  color: #a36200; }

.orange--400 {
  background-color: #ffab2e; }

.hollow-orange--400 {
  color: #ffab2e !important;
  border-color: #ffab2e !important; }
  .hollow-orange--400:hover {
    color: #ffab2e !important; }

.text-orange--400 {
  color: #ffab2e; }

.orange--600 {
  background-color: #d17d00; }

.hollow-orange--600 {
  color: #d17d00 !important;
  border-color: #d17d00 !important; }
  .hollow-orange--600:hover {
    color: #d17d00 !important; }

.text-orange--600 {
  color: #d17d00; }

.orange--50 {
  background-color: #ffe8c5; }

.hollow-orange--50 {
  color: #ffe8c5 !important;
  border-color: #ffe8c5 !important; }
  .hollow-orange--50:hover {
    color: #ffe8c5 !important; }

.text-orange--50 {
  color: #ffe8c5; }

.orange--500 {
  background-color: #ff9900; }

.hollow-orange--500 {
  color: #ff9900 !important;
  border-color: #ff9900 !important; }
  .hollow-orange--500:hover {
    color: #ff9900 !important; }

.text-orange--500 {
  color: #ff9900; }

.deep-orange--100 {
  background-color: #ffe4db; }

.hollow-deep-orange--100 {
  color: #ffe4db !important;
  border-color: #ffe4db !important; }
  .hollow-deep-orange--100:hover {
    color: #ffe4db !important; }

.text-deep-orange--100 {
  color: #ffe4db; }

.deep-orange--900 {
  background-color: #6b1900; }

.hollow-deep-orange--900 {
  color: #6b1900 !important;
  border-color: #6b1900 !important; }
  .hollow-deep-orange--900:hover {
    color: #6b1900 !important; }

.text-deep-orange--900 {
  color: #6b1900; }

.deep-orange--200 {
  background-color: #ffc0ad; }

.hollow-deep-orange--200 {
  color: #ffc0ad !important;
  border-color: #ffc0ad !important; }
  .hollow-deep-orange--200:hover {
    color: #ffc0ad !important; }

.text-deep-orange--200 {
  color: #ffc0ad; }

.deep-orange--800 {
  background-color: #992400; }

.hollow-deep-orange--800 {
  color: #992400 !important;
  border-color: #992400 !important; }
  .hollow-deep-orange--800:hover {
    color: #992400 !important; }

.text-deep-orange--800 {
  color: #992400; }

.deep-orange--300 {
  background-color: #ff9d80; }

.hollow-deep-orange--300 {
  color: #ff9d80 !important;
  border-color: #ff9d80 !important; }
  .hollow-deep-orange--300:hover {
    color: #ff9d80 !important; }

.text-deep-orange--300 {
  color: #ff9d80; }

.deep-orange--700 {
  background-color: #c72e00; }

.hollow-deep-orange--700 {
  color: #c72e00 !important;
  border-color: #c72e00 !important; }
  .hollow-deep-orange--700:hover {
    color: #c72e00 !important; }

.text-deep-orange--700 {
  color: #c72e00; }

.deep-orange--400 {
  background-color: #ff7a52; }

.hollow-deep-orange--400 {
  color: #ff7a52 !important;
  border-color: #ff7a52 !important; }
  .hollow-deep-orange--400:hover {
    color: #ff7a52 !important; }

.text-deep-orange--400 {
  color: #ff7a52; }

.deep-orange--600 {
  background-color: #f53900; }

.hollow-deep-orange--600 {
  color: #f53900 !important;
  border-color: #f53900 !important; }
  .hollow-deep-orange--600:hover {
    color: #f53900 !important; }

.text-deep-orange--600 {
  color: #f53900; }

.deep-orange--50 {
  background-color: #ffeee9; }

.hollow-deep-orange--50 {
  color: #ffeee9 !important;
  border-color: #ffeee9 !important; }
  .hollow-deep-orange--50:hover {
    color: #ffeee9 !important; }

.text-deep-orange--50 {
  color: #ffeee9; }

.deep-orange--500 {
  background-color: #ff5724; }

.hollow-deep-orange--500 {
  color: #ff5724 !important;
  border-color: #ff5724 !important; }
  .hollow-deep-orange--500:hover {
    color: #ff5724 !important; }

.text-deep-orange--500 {
  color: #ff5724; }

.brown--100 {
  background-color: #cdb5ac; }

.hollow-brown--100 {
  color: #cdb5ac !important;
  border-color: #cdb5ac !important; }
  .hollow-brown--100:hover {
    color: #cdb5ac !important; }

.text-brown--100 {
  color: #cdb5ac; }

.brown--900 {
  background-color: #060504; }

.hollow-brown--900 {
  color: #060504 !important;
  border-color: #060504 !important; }
  .hollow-brown--900:hover {
    color: #060504 !important; }

.text-brown--900 {
  color: #060504; }

.brown--200 {
  background-color: #bc9b8f; }

.hollow-brown--200 {
  color: #bc9b8f !important;
  border-color: #bc9b8f !important; }
  .hollow-brown--200:hover {
    color: #bc9b8f !important; }

.text-brown--200 {
  color: #bc9b8f; }

.brown--800 {
  background-color: #231915; }

.hollow-brown--800 {
  color: #231915 !important;
  border-color: #231915 !important; }
  .hollow-brown--800:hover {
    color: #231915 !important; }

.text-brown--800 {
  color: #231915; }

.brown--300 {
  background-color: #ab8273; }

.hollow-brown--300 {
  color: #ab8273 !important;
  border-color: #ab8273 !important; }
  .hollow-brown--300:hover {
    color: #ab8273 !important; }

.text-brown--300 {
  color: #ab8273; }

.brown--700 {
  background-color: #402d26; }

.hollow-brown--700 {
  color: #402d26 !important;
  border-color: #402d26 !important; }
  .hollow-brown--700:hover {
    color: #402d26 !important; }

.text-brown--700 {
  color: #402d26; }

.brown--400 {
  background-color: #966a5a; }

.hollow-brown--400 {
  color: #966a5a !important;
  border-color: #966a5a !important; }
  .hollow-brown--400:hover {
    color: #966a5a !important; }

.text-brown--400 {
  color: #966a5a; }

.brown--600 {
  background-color: #5c4137; }

.hollow-brown--600 {
  color: #5c4137 !important;
  border-color: #5c4137 !important; }
  .hollow-brown--600:hover {
    color: #5c4137 !important; }

.text-brown--600 {
  color: #5c4137; }

.brown--50 {
  background-color: #d2bdb5; }

.hollow-brown--50 {
  color: #d2bdb5 !important;
  border-color: #d2bdb5 !important; }
  .hollow-brown--50:hover {
    color: #d2bdb5 !important; }

.text-brown--50 {
  color: #d2bdb5; }

.brown--500 {
  background-color: #795649; }

.hollow-brown--500 {
  color: #795649 !important;
  border-color: #795649 !important; }
  .hollow-brown--500:hover {
    color: #795649 !important; }

.text-brown--500 {
  color: #795649; }

.grey--100 {
  background-color: #ededed; }

.hollow-grey--100 {
  color: #ededed !important;
  border-color: #ededed !important; }
  .hollow-grey--100:hover {
    color: #ededed !important; }

.text-grey--100 {
  color: #ededed; }

.grey--900 {
  background-color: #363636; }

.hollow-grey--900 {
  color: #363636 !important;
  border-color: #363636 !important; }
  .hollow-grey--900:hover {
    color: #363636 !important; }

.text-grey--900 {
  color: #363636; }

.grey--200 {
  background-color: #d6d6d6; }

.hollow-grey--200 {
  color: #d6d6d6 !important;
  border-color: #d6d6d6 !important; }
  .hollow-grey--200:hover {
    color: #d6d6d6 !important; }

.text-grey--200 {
  color: #d6d6d6; }

.grey--800 {
  background-color: #4d4d4d; }

.hollow-grey--800 {
  color: #4d4d4d !important;
  border-color: #4d4d4d !important; }
  .hollow-grey--800:hover {
    color: #4d4d4d !important; }

.text-grey--800 {
  color: #4d4d4d; }

.grey--300 {
  background-color: #bfbfbf; }

.hollow-grey--300 {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important; }
  .hollow-grey--300:hover {
    color: #bfbfbf !important; }

.text-grey--300 {
  color: #bfbfbf; }

.grey--700 {
  background-color: #636363; }

.hollow-grey--700 {
  color: #636363 !important;
  border-color: #636363 !important; }
  .hollow-grey--700:hover {
    color: #636363 !important; }

.text-grey--700 {
  color: #636363; }

.grey--400 {
  background-color: #a8a8a8; }

.hollow-grey--400 {
  color: #a8a8a8 !important;
  border-color: #a8a8a8 !important; }
  .hollow-grey--400:hover {
    color: #a8a8a8 !important; }

.text-grey--400 {
  color: #a8a8a8; }

.grey--600 {
  background-color: #7a7a7a; }

.hollow-grey--600 {
  color: #7a7a7a !important;
  border-color: #7a7a7a !important; }
  .hollow-grey--600:hover {
    color: #7a7a7a !important; }

.text-grey--600 {
  color: #7a7a7a; }

.grey--50 {
  background-color: #f4f4f4; }

.hollow-grey--50 {
  color: #f4f4f4 !important;
  border-color: #f4f4f4 !important; }
  .hollow-grey--50:hover {
    color: #f4f4f4 !important; }

.text-grey--50 {
  color: #f4f4f4; }

.grey--500 {
  background-color: #919191; }

.hollow-grey--500 {
  color: #919191 !important;
  border-color: #919191 !important; }
  .hollow-grey--500:hover {
    color: #919191 !important; }

.text-grey--500 {
  color: #919191; }

.blue-grey--100 {
  background-color: #c9d4d9; }

.hollow-blue-grey--100 {
  color: #c9d4d9 !important;
  border-color: #c9d4d9 !important; }
  .hollow-blue-grey--100:hover {
    color: #c9d4d9 !important; }

.text-blue-grey--100 {
  color: #c9d4d9; }

.blue-grey--900 {
  background-color: #151b1e; }

.hollow-blue-grey--900 {
  color: #151b1e !important;
  border-color: #151b1e !important; }
  .hollow-blue-grey--900:hover {
    color: #151b1e !important; }

.text-blue-grey--900 {
  color: #151b1e; }

.blue-grey--200 {
  background-color: #aebec7; }

.hollow-blue-grey--200 {
  color: #aebec7 !important;
  border-color: #aebec7 !important; }
  .hollow-blue-grey--200:hover {
    color: #aebec7 !important; }

.text-blue-grey--200 {
  color: #aebec7; }

.blue-grey--800 {
  background-color: #283339; }

.hollow-blue-grey--800 {
  color: #283339 !important;
  border-color: #283339 !important; }
  .hollow-blue-grey--800:hover {
    color: #283339 !important; }

.text-blue-grey--800 {
  color: #283339; }

.blue-grey--300 {
  background-color: #93a9b4; }

.hollow-blue-grey--300 {
  color: #93a9b4 !important;
  border-color: #93a9b4 !important; }
  .hollow-blue-grey--300:hover {
    color: #93a9b4 !important; }

.text-blue-grey--300 {
  color: #93a9b4; }

.blue-grey--700 {
  background-color: #3b4c54; }

.hollow-blue-grey--700 {
  color: #3b4c54 !important;
  border-color: #3b4c54 !important; }
  .hollow-blue-grey--700:hover {
    color: #3b4c54 !important; }

.text-blue-grey--700 {
  color: #3b4c54; }

.blue-grey--400 {
  background-color: #7893a1; }

.hollow-blue-grey--400 {
  color: #7893a1 !important;
  border-color: #7893a1 !important; }
  .hollow-blue-grey--400:hover {
    color: #7893a1 !important; }

.text-blue-grey--400 {
  color: #7893a1; }

.blue-grey--600 {
  background-color: #4d646f; }

.hollow-blue-grey--600 {
  color: #4d646f !important;
  border-color: #4d646f !important; }
  .hollow-blue-grey--600:hover {
    color: #4d646f !important; }

.text-blue-grey--600 {
  color: #4d646f; }

.blue-grey--50 {
  background-color: #d1dadf; }

.hollow-blue-grey--50 {
  color: #d1dadf !important;
  border-color: #d1dadf !important; }
  .hollow-blue-grey--50:hover {
    color: #d1dadf !important; }

.text-blue-grey--50 {
  color: #d1dadf; }

.blue-grey--500 {
  background-color: #607c8a; }

.hollow-blue-grey--500 {
  color: #607c8a !important;
  border-color: #607c8a !important; }
  .hollow-blue-grey--500:hover {
    color: #607c8a !important; }

.text-blue-grey--500 {
  color: #607c8a; }

.select-icon__overlay-panel {
  z-index: 1500 !important;
  margin-top: 1px; }

.select-icon__panel {
  width: 450px;
  max-height: 550px;
  background-color: var(--color-bg-00);
  display: flex;
  flex-direction: column; }

.select-icon__header {
  padding: 1rem;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.select-icon__body {
  overflow-y: auto;
  margin: 0;
  padding: 1rem; }

.select-icon__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-text); }
  .select-icon__item:hover, .select-icon__item:focus {
    color: #5fa9c8;
    cursor: pointer; }
    .select-icon__item:hover i, .select-icon__item:focus i {
      color: #5fa9c8; }
  .select-icon__item:hover {
    background: var(--sd-colour-interactive--alpha-20); }
  .select-icon__item:focus {
    outline: 2px solid var(--sd-colour-interactive);
    outline-offset: -2px; }

.sd-input--icon-select .btn {
  grid-row: 2/3;
  grid-column: 2/4;
  background-color: var(--color-input-bg);
  border-bottom: 1px solid var(--color-input-border);
  width: 3.2rem; }

.sd-input--icon-select .btn:hover {
  background-color: var(--color-input-bg--hover);
  border-color: var(--color-input-border-hover); }

.sd-input--icon-select .btn:focus {
  background-color: var(--color-input-bg--focus);
  box-shadow: 0 1px 0 0 #5fa9c8; }

.form__item--auto-width .sd-input--icon-select .btn {
  margin-top: 0; }
.planning-profile-form {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .planning-profile-form .sd-nav-tabs__pane {
    height: 100%; }
  .planning-profile-form .sd-column-box--2 {
    height: 100%; }
  .planning-profile-form .sd-nav-tabs__content {
    padding: 0;
    padding-top: 0.1rem; }
  .planning-profile-form .sd-list-item .profile-item__add-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: -19px; }
    .planning-profile-form .sd-list-item .profile-item__add-btn--bottom {
      top: unset;
      bottom: -17px; }
  .planning-profile-form .sd-list-item .btn--icon-only-circle {
    opacity: 0.25;
    transition: opacity 0.2s ease-out; }
  .planning-profile-form .sd-list-item .btn--icon-only-circle:hover {
    opacity: 1; }
  .planning-profile-form .sd-list-item .sd-text__strong {
    user-select: none; }
  .planning-profile-form .sd-list-item--draggable .label--alert {
    cursor: grab; }
  .planning-profile-form .side-panel--right {
    width: 50%; }
  .planning-profile-form .planning-profile__empty-list {
    display: flex;
    justify-content: center; }

.toggle-box--no-line .toggle-box__line {
  background: none; }

body > .sd-list-item--draggable {
  z-index: 1060; }
  body > .sd-list-item--draggable .btn--icon-only-circle {
    display: none; }

/*# sourceMappingURL=app.bundle.1189b3b1.css.map*/