button.hamburger-menu {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    z-index: 100;
    padding: 0;
    margin: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 0;
    border-top: none;
    border-bottom: none;
    background-color: #003059;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    outline: none;
}

button.hamburger-menu:hover {
    cursor: pointer;
    background-color: rgba(13, 76, 138, 0.7);
}

button.hamburger-menu:focus::before {
    content: '';
    position: absolute;
    display: block;
    pointer-events: none;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 10;
    border: 1px dotted rgba(255, 255, 255, 0.5);
}

.landing-page-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
}
.landing-page-container.white {
    background-color: #fff;
}
.landing-page-contents {
    margin-top: 150px;
    text-align: center;
    color: #444444;
}
.landing-page-contents h3 {
    margin: 30px 0 8px 0;
    font-weight: bold;
    font-size: 18px;
}
.landing-page-contents pre {
    margin: 0;
    font-size: 13px;
    padding: 4px 0 26px 0;
}
.landing-page-button {
    display: inline-block;
    padding: 0 15px;
    margin: auto;
    line-height: 30px;
    border: none;
    color: white;
    border-radius: 2px;
    background-color: #0073ec;
    font-size: 13px;
    cursor: pointer;
}
.landing-page-contents a {
    text-decoration: none;
}
.landing-page-contents img {
    height: 120px;
}

/* TODO: Future Improvement - Move component styling to each component to make them truly reusable */
.home {
    --homeHeaderHeight: 80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 20px 20px 0 20px;
    position: relative;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: calc(100vh - var(--headerHeight));
}
.home .row-data p,
.home .date-and-time label,
.home .list-header .column-title,
.home .single-contact {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    background-color: transparent;
}
.home .title {
    padding: 4px 10px;
    font-size: 28px;
    font-weight: bold;
    height: 34px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.home .subtitle {
    padding: 2px 10px;
    margin: 0;
    font-size: 13px;
    height: 45px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.home .row-data p {
    margin: 0;
    font-size: 13px;
}
.home .outer-cell > .cell-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative;
}
.home .data-cell {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 0;
    cursor: default;
    height: 49px;
}
.home.received .data-cell.resolved-action img {
    margin: 0 5px 0 20px; /* to left align with header for Accepted/Declined buttons */
}
.home.sent .data-cell.resolved-action img {
    margin: 0 5px 0 5px; /* to left align with header for Cancel button */
}

/*
 Improvement suggestion: this nav css is very similar to AdminPanel & it would be best to add a generic Navigation
 css file 'NavBar.css' to hold the css that applies to both scenarios. Most of the css is redundant so it could go in the
 NavBar.css file and then only a few lines of css would be needed here and in AdminPanel.css to target unique characteristics for the two nav bars.
 */
.home .nav {
    white-space: nowrap;
    overflow: hidden;
    padding: 22px 0;
    text-align: left;
    margin: 0;
}
.home .nav > li {
    display: inline-block;
    list-style-type: none;
    margin-right: 5px;
    text-decoration: none;
}
.home .nav > li .tab-title {
    padding: 0 5px 0 15px;
    font-size: 13px;
}
.home .nav > li .tab-count {
    padding: 0 15px 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #005ee0;
}
.home .nav > li:focus {
    outline: none !important;
    font-weight: bold;
}
.home .nav > li.active {
    font-weight: bold;
}
.home .nav > li:hover {
    cursor: pointer;
}
.home .nav > li::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #005ee0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    margin-top: 6px;
}
.home .nav > li.active::after {
    margin-top: 2px;
}
.home .nav > li:hover::after {
    width: 100%;
    margin-top: 6px;
}
.home .nav > li.active::after {
    width: 100%;
    margin-top: 6px;
}

/*
  The classes 'home-all' and 'home-body' exist to manage the horizontal scroll bar on the react-virtualized table.
  Note that 'home-all' has a width that matches the visible width of the table and 'home-body' has a width that includes
  all content of the table. (Also note that depending on the size of the content, the '...-body' may be wider or narrower than '...-all'.)
  */
.home-all {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    overflow-x: scroll;
    overflow-y: hidden;
}
.home-body {
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.home .list-header,
.home .row-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    font-size: 13px;
    color: #161616;
    border-bottom: 1px solid #cccccc;
}
.home .list-header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: bold;
    height: 28px;
}
.home .column-title {
    margin-left: 0;
    text-transform: none;
}
.home .home-table {
    position: relative;
    height: calc(100vh - 218px);
}
.home .inner-home-table {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.home .row-data {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 50px;
    tab-index: -1;
    text-decoration: none;
}
.home .row-data::before {
    content: '';
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.home .row-data:hover::before {
    outline: none !important;
    background-color: #005ee0;
}
.home .row-data:focus-visible::before {
    background-color: #005ee0;
}
.home .row-data:focus-visible {
    outline: none !important;
}
.home .row-data * {
    cursor: pointer;
}
.home .resolved .data-cell:not(.resolved-action) {
    opacity: 0.3;
}
.home .list-header .column-title,
.home .row-data .outer-cell {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.home .list-header .column-title {
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: revert;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.home .list-header .column-title:nth-child(1),
.home .row-data .outer-cell:nth-child(1) {
    margin-left: 0;
}
.home .list-header,
.home .list {
    padding: 0;
    margin: 0;
}
.home .date-and-time {
    display: inline-block;
}
.home .date-and-time label {
    display: block;
}
.home .btn {
    padding: 0;
    margin: 0 5px;
    line-height: 30px;
}
.home .name-and-email .option-label {
    font-weight: bold;
}
.home .sort-down {
    display: inline;
    position: relative !important;
    text-overflow: unset;
    overflow-x: visible;
    margin-left: 8px;
    -o-object-fit: contain;
       object-fit: contain;
}
.home .header-container {
    width: 100%;
}
.home .ReactVirtualized__Table__sortableHeaderIcon--DESC {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.home-header {
    height: var(--homeHeaderHeight);
}
.home-header .title-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 4px 0;
    padding-left: 10px;
}
.home-header .landing-page-button {
    margin: 4px 10px 4px auto;
}
.home-header .home-search {
    min-width: 180px;
    height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    -ms-flex-positive: 0.1;
        flex-grow: 0.1;
}
.home-header .home-search input {
    height: 30px;
}
.home .pill {
    margin: 5px 5px;
    padding: 3px 5px 2px;
    border-radius: 4px;
    display: inline-block;
}

/* Tooltip */
.home .tooltip {
    position: relative;
    z-index: 11;
    height: auto;
    -webkit-transition: visibility 0s linear 0.1s;
    transition: visibility 0s linear 0.1s;
}
.home .tooltip-trigger:hover .tooltip-wrapper .tooltip {
    -webkit-transition: visibility 0s linear 1s;
    transition: visibility 0s linear 1s;
    visibility: visible;
}
.home .tooltip-trigger .tooltip-wrapper .tooltip:hover {
    -webkit-transition: visibility 0s linear 0.1s;
    transition: visibility 0s linear 0.1s;
    visibility: hidden;
}
.home .tooltip {
    position: relative;
}
.home .tooltip-wrapper {
    position: absolute;
    left: 20px;
}

/*
 Note that classnames 'spinner-container' and 'spinner' are set in the generic Spinner component which is used in multiple places in this app.
 To avoid an unintended css override in other parts of the app, use 'home' prefix in order to customize the spinner for this case.
 */
.home .spinner-container {
    height: calc(100vh - var(--headerHeight));
}

.modal {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    border-radius: 2px;
}

.lodestar-portal .modal {
    min-height: unset;
}
.modal.new-view-modal {
    width: 440px;
    padding: 20px;
    max-height: unset;
}

.light {
    background: rgba(255, 255, 255, 0.6);
}

.dark {
    background: rgba(0, 0, 0, 0.2);
}

.transparent {
    background: rgba(255, 255, 255, 0);
}

.modal-slim {
    width: auto;
    min-width: auto;
    max-width: none;
}

.close-button {
    position: absolute;
    top: 17px !important;
    right: 20px !important;
    border: none;
    padding: 0;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
}

.close-button:hover {
    cursor: pointer;
}

.ReactVirtualized__List::-webkit-scrollbar {
    display: none;
}

.ReactVirtualized__List {
    height: 286px;
    padding-top: 8px;
}


.generic-modal-container {
    min-width: 365px;
    color: #444444;
}
.generic-modal-left {
    width: 10%;
    float: left;
}
.generic-modal-right {
    width: 90%;
    float: left;
}
.generic-modal-title {
    font-size: 18px;
    font-weight: 300;
    margin-top: 3px;
}
.generic-modal-message {
    white-space: pre-line;
    font-size: 13px;
    margin-bottom: 0;
}

.generic-modal-container .state-button {
    margin-top: 20px;
}

.medium {
    --label-margin: 5px;
    --size: 40px;
    --font-size: 13px;
    --thickness: 3px;
}

.small {
    --label-margin: 5px;
    --size: 20px;
    --font-size: 13px;
    --thickness: 2px;
}

.xsmall {
    --label-margin: 5px;
    --size: 5px;
    --font-size: 13px;
    --thickness: 2px;
}

.white {
    --color: #ffffff;
    --font-color: #ffffff;
}

.blue {
    --color: #0073ec;
    --font-color: #444444;
}

.green {
    --color: #00ba61;
    --font-color: #00ba61;
}

.spinner-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.spinner-container p {
    margin: var(--label-margin);
    font-family: Roboto, sans-serif;
    font-size: var(--font-size);
    color: var(--font-color);
}
.spinner-container .spinner {
    display: block;
    padding: 6px;
    -ms-flex-preferred-size: var(--size);
        flex-basis: var(--size);
    width: var(--size);
    border: var(--thickness) solid var(--color);
    border-left: var(--thickness) solid rgba(255, 255, 255, 0);
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

.create-new-view-text {
    font-size: 18px;
    text-align: left;
    margin: 0;
    display: block;
}

.create-new-view-basic-text {
    font-size: 13px;
    font-weight: lighter;
    margin-top: 5px;
    display: block;
    margin-bottom: 16px;
}

.create-modal-picker {
    margin-top: 4px;
    height: 300px;
}

.viewNewItem {
    cursor: pointer;
    color: #003059;
    -ms-flex-flow: row;
        flex-flow: row;
    padding: 0 17px;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    width: 100%;
    height: 30px;
    border-radius: unset;
}
.viewNewItem span {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.side-panel-container .viewNewItem:hover {
    background-color: rgba(0,94,224, 0.2);
}

.viewNewItem:hover p,
.viewNewItem:hover img {
    cursor: pointer;
}

.viewNewItem p {
    margin: 0 10px;
}

.viewNewItem img {
    border-radius: 0.5px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 10px;
}

.pill {
    background-color: #e4e4e4;
    border-radius: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 8px;
    padding-right: 8px;
    margin: 3px;
    border: 1px solid #e4e4e4;
    position: relative;
    float: left;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.pill-value {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pill .pill-value,
.pill .pill-sublabel,
.pill .cancel,
.pill .pill-symbol,
.pill .pill-symbol img {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}
.pill .pill-value, .pill .cancel {
    color: #4a4a4a;
    font-size: 13px;
}
.pill-value.italic {
    font-style: italic;
}
.pill input {
    height: 18px;
    margin: 1px 1px 1px 5px;
    padding: 0 0;
}
.pill .cancel {
    opacity: 0.4;
    margin-left: 5px;
}
.pill .cancel:hover {
    cursor: pointer;
    opacity: 1;
}
.pill.invalid{
    background-color: #fff2f6;
    border: solid 1px #ff0047;
}
.pill .pill-symbol {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 4px;
}
.pill .pill-symbol img {
    width: 16px;
    height: 16px;
}

.overflow-pill-tooltip-list {
    margin: 0;
    padding: 0;
}

.overflow-pill-tooltip-list li {
    list-style: none;
}

.dynamicViewTitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.dynamicViewTitle a {
    text-decoration: none;
}

.dynamicViewTitle h1 {
    color: #ffffff;
    -ms-flex-flow: row;
        flex-flow: row;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    padding: 2px;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main {
    --headerHeight: 50px; /* Pass the headerHeight to all components within main */
}

.header {
    height: var(--headerHeight);
    background-color: #003059;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    z-index: 10;
    position: relative;
}

.rightItems {
    position: absolute;
    right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    gap: 18px;
}

@media (max-width: 499px) {
    .DesktopOnly {
        display: none;
    }
}

.help {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-align: center;
        align-items: center;
    height: 18px;
}

.help:hover {
    cursor: pointer;
}

.help p {
    position: relative;
    margin-left: auto;
    height: 16px;
    width: 16px;
    background: #ffffff;
    border-radius:50%;
    opacity: 0.7;
    font-family: Roboto;
    font-size: 15px;
    text-align: center;
    color: #003059;
}

.helpContainer {
    text-decoration: none;
}
.notification {
    z-index: 10;
    height: 40px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #005ee0;
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0px;
}

.notification .notification-text {
    font-size: 13px;
}

.notification .notification-text a {
    color: #005ee0;
}
.notification .notification-close-button {
    margin-left: 5px;
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}
.notification:hover {
    cursor: pointer;
}
.notification {
    -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
            transform: translateY(-40px);
    -webkit-transition: -webkit-transform 400ms ease-in;
    transition: -webkit-transform 400ms ease-in;
    transition: transform 400ms ease-in;
    transition: transform 400ms ease-in, -webkit-transform 400ms ease-in;
}
.notification.slideIn {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.notification.slideOut {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.badge {
    background-color: #d0011b;
    border-radius: 50%;
    min-width: 13px;
    overflow: hidden;
    margin-left: 15px;
}

.badge-number {
    font-family: Roboto, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 0;
    padding: 50% 0;  /* this padding trick forces the height to dynamically change to match the width */
    width: 100%;
}
.badge-number p {
    padding: 0 3px 0 2px;
}
.ownership-transfers-badge-link {
    text-decoration: none;
}

.ownership-transfers-badge {
    position: relative;
    height: 30px;
    min-width: 16px;
}

.ownership-transfers-badge img {
    position: absolute;
    left: 0;
    bottom: 7px;
}


.btn {
    font-size: 13px !important;
    padding: 0 20px;
    border: none;
    border-radius: 2px;
    line-height: 30px;
    min-width: 70px;
    text-decoration: none;
}
.btn span {
    width: 100%;
}
a.btn {
    padding: 10px 20px !important;
}
.btn:hover {
    cursor: pointer;
}
.btn-primary {
    color: #fff;
    background-color: #005ee0;
}
.btn-primary:disabled {
    background-color: #888888;
}

@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  -ms-flex-align: center;
      align-items: center;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.contact-picker-wrapper {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    border-radius: 2px;
}
.contact-picker-wrapper .contact-picker__control {
    color: #444;
    -ms-flex-align: start;
        align-items: flex-start;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: 30px !important;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__value-container {
    max-height: 250px;
    overflow-y: auto;
}
.contact-picker-wrapper .contact-picker__control--is-disabled .contact-picker__value-container {
    pointer-events: auto;
}

.contact-picker-wrapper .contact-picker__control--is-disabled .contact-picker__value-container * {
    pointer-events: none;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__value-container .contact-picker__input input {
    height: 18px !important;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__value-container .contact-picker__placeholder {
    line-height: 30px !important;
}
.contact-picker__clear-indicator {
    padding: 0 !important;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__indicators {
    padding: 4px;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__indicators .dropdownIndicator {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 16px;
    width: 16px;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__indicators .dropdownIndicator:hover #rectangle,
.contact-picker-wrapper .contact-picker__control .contact-picker__indicators .dropdownIndicator:active #rectangle {
    width: 16px;
    height: 16px;
    stroke: none;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__indicators .dropdownIndicator:hover #rectangle {
    fill: #c3c3c3;
}
.contact-picker-wrapper .contact-picker__control .contact-picker__indicators .dropdownIndicator:active #rectangle {
    fill: #bbb;
}
.contact-picker-wrapper .contact-picker__menu {
    margin: 2px;
    border-radius: 2px;
    padding: 2px 0;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    width: 100%;
    z-index: 2;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__menu-list {
    padding: 0;
}
.contact-picker-wrapper .contact-picker__menu .selectAllOption {
    font-style: italic;
}
.contact-picker-wrapper .contact-picker__menu .selectAllOption + .contact-picker__menu-list {
    padding: 2px 0 0 0;
    margin: 2px 0 0 0;
    border-top: 1px solid #e4e4e4;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__option {
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 10px;
    background-color: #fff;
    color: inherit;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__option .optionContainer {
    display: inline-block;
    padding-left: 7px;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__option .optionContainer label {
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__option .optionContainer .optionLabel {
    overflow: hidden;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__option .optionContainer .optionSubLabel {
    color: #444444;
}
.contact-picker-wrapper .contact-picker__menu .contact-picker__option--is-focused {
    background-color: rgba(0, 94, 224, 0.1);
}
.contact-picker-wrapper .optionCheckbox {
    margin: 0 7px 0 0;
    height: 16px;
    width: 16px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    cursor: pointer;
    vertical-align: super;
}
.contact-picker-wrapper .contact-picker__single-value .icon-user {
    margin-right: 4px;
}
.contact-picker-wrapper .contact-picker__multi-value__wrapper {
    min-width: 0;
}
.contact-picker-wrapper .contact-picker__multi-value {
    border-radius: 50px;
    background-color: #e4e4e4;
    margin: 2px 5px 3px 0;
}
.contact-picker-token-invalid {
    background-color: #ff002026 !important;
    color: #ff0047 !important;
    overflow: hidden;
}
.contact-picker-wrapper .contact-picker__multi-value .contact-picker__multi-value__label {
    color: inherit;
    background-color: transparent;
    font-size: 100%;
    padding: 0;
    margin: 0;
    display: table;
}
.contact-picker-wrapper .contact-picker__multi-value .contact-picker__multi-value__label label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
}
.contact-picker-wrapper .contact-picker__multi-value .contact-picker__multi-value__remove {
    background-color: transparent;
    padding: 2px 2px 2px 1px;
    margin: 0;
}
.contact-picker-wrapper .contact-picker__multi-value .contact-picker__multi-value__remove .closeButton {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 16px;
    width: 16px;
    border-radius: 2px 50px 50px 2px;
}
.contact-picker-wrapper .contact-picker__multi-value .contact-picker__multi-value__remove .closeButton svg path {
    fill: #444;
}
.contact-picker-wrapper .contact-picker__multi-value:hover {
    color: #005ee0;
    background-color: rgba(0, 94, 224, 0.1);
}
.contact-picker-wrapper .contact-picker__multi-value:hover .contact-picker__multi-value__remove .closeButton svg path {
    fill: #005ee0;
}
.contact-picker-wrapper .contact-picker__multi-value:hover .contact-picker__multi-value__remove .closeButton:hover {
    background-color: rgba(0, 94, 224, 0.1);
}
.contact-picker-wrapper .contact-picker__multi-value.contact-picker__token-selected {
    background-color: #005ee0;
    color: #fff;
}
.contact-picker-wrapper .contact-picker__multi-value.contact-picker__token-selected .contact-picker__multi-value__remove .closeButton svg path {
    fill: #fff;
}
.contact-picker-wrapper .contact-picker__multi-value.contact-picker__token-selected .contact-picker__multi-value__remove .closeButton:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.contact-picker-wrapper .errorBox {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 35px;
    width: -moz-max-content;
    width: -webkit-max-content;
    padding: 10px;
    border-radius: 2px;
    border: solid 1px #d0011b;
    background-color: #fbe6e9;
    position: absolute;
    top: 0;
    z-index: 10;
}
.contact-picker-wrapper .errorBox .errorIcon {
    margin: -1px 10px 0 -1px;
    width: 16px;
    height: 16px;
}
.contact-picker-wrapper .errorBox .errorIcon .svg circle {
    fill: #d0011b;
}
.contact-picker-wrapper .errorBox .errorText {
    height: 15px;
    color: #444;
}
.icon-user-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}
.icon-user-container .icon-user {
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 50px;
}
.icon-user {
    width: 24px;
    height: 24px;
    line-height: 25px;
    border-radius: 50px;
    font-style: normal;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    color: #f0f0f0;
}
.icon-user img {
    width: 24px;
    height: 24px;
}
.multi-select-option .italic {
    font-style: italic;
    opacity: 0.6;
}
.icon-user.color-1 {
    background-color: #336699;
}
.icon-user.color-2 {
    background-color: #ebb551;
}
.icon-user.color-3 {
    background-color: #2a7682;
}
.icon-user.color-4 {
    background-color: #cc4073;
}
.icon-user.color-5 {
    background-color: #e7b183;
}
.icon-user.color-6 {
    background-color: #539e59;
}
.icon-user.color-7 {
    background-color: #ebb551;
}
.icon-user.color-8 {
    background-color: #f05936;
}
.icon-user.color-9 {
    background-color: #435b65;
}
.icon-user.color-10 {
    background-color: #4ba0bf;
}
.icon-user.color-11 {
    background-color: #41755b;
}
.icon-user.color-12 {
    background-color: #87a79f;
}
.icon-user.color-13 {
    background-color: #c8676e;
}
.icon-user.color-14 {
    background-color: #3a7b89;
}
.icon-user.color-15 {
    background-color: #999999;
}
.icon-user.color-16 {
    background-color: #903b50;
}
.icon-user.color-17 {
    background-color: #a6b87d;
}
.icon-user.color-18 {
    background-color: #5f7d8c;
}
.icon-user.color-19 {
    background-color: #ff3266;
}
.icon-user.color-20 {
    background-color: #994d80;
}

.react-datepicker-popper {
    /* Modal window index is 600. So, we should have higher zIndex to show datepicker at the top of Modal window */
    z-index: 601;
}

.number-format-input {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}

.input-icon-faded > .input-img img {
    opacity: 0.3;
}

.number-format-input > .input-text {
    padding-left: 30px;
    padding-right: 5px;
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
}

.input-icon-right > .input-img {
    padding-left: 0;
    right: 0;
}


.input-icon-right > .input-text {
    padding-left: 5px;
    padding-right: 30px;
    text-align: right;
}

.input-img {
    position: absolute;
    width: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}


.app-toggle {
    display: table;
    line-height: 35px;
}
label {
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
    max-width: 100%;
}
.react-toggle {
    -ms-touch-action: pan-x;
        touch-action: pan-x;
    vertical-align: middle;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    padding: 0;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
.react-toggle-label {
    vertical-align: middle;
}
.react-toggle-screenreader-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.react-toggle--disabled {
    cursor: not-allowed;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.react-toggle-track {
    width: 50px;
    height: 24px;
    padding: 0;
    border-radius: 30px;
    background-color: #888888;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.react-toggle--checked .react-toggle-track {
    background-color: #0073ec;
}
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #0073ec;
}
.react-toggle-track-check {
    position: absolute;
    width: 14px;
    height: 10px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 0;
    left: 8px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.react-toggle--checked .react-toggle-track-check {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.react-toggle-track-x {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 0;
    right: 10px;
    opacity: 1;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.react-toggle--checked .react-toggle-track-x {
    opacity: 0;
}
.react-toggle-thumb {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    position: absolute;
    top: 1.5px;
    left: 2px;
    width: 21px;
    height: 21px;
    border: 1px solid #888888;
    border-radius: 50%;
    background-color: #fafafa;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.react-toggle--checked .react-toggle-thumb {
    left: 27px;
    border-color: #54c3fd;
}
.react-toggle--focus .react-toggle-thumb {
    -webkit-box-shadow: 0px 0px 3px 2px #54c3fd;
    box-shadow: 0px 0px 2px 3px #54c3fd;
}
.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
    -webkit-box-shadow: 0px 0px 5px 5px #54c3fd;
    box-shadow: 0px 0px 5px 5px #54c3fd;
}
.toggle-button {
    height: 26px;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    position: relative;
}
.toggle-button.selected {
    background-color: #d3d3d3;
}
.toggle-button:hover {
    background-color: #e4e4e4;
}
.toggle-button img {
    margin: 0;
}
.toggle-button:hover .tooltip {
    visibility: visible;
}
.toggle-button .tooltip {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 30px;
}

.toggle-button .tooltip {
    left: 0;
    top: 30px;
    white-space: nowrap;
}

.forms-container {
    margin-right: 50px;
    background-color: #f3f3f3;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
}
.forms-container .container-header {
    font-size: 18px;
    display: block;
    color: #444444;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
}
.forms-container .container-header.edit-form-container-header {
    padding: 20px;
    margin-bottom: 0;
}
.forms-container .container-sub-header {
    font-size: 13px;
    display: block;
    color: #888888;
    font-family: Roboto, sans-serif;
    margin-bottom: 10px;
}
.forms-container .add-fields-container,
.forms-container .field-properties-container,
.forms-container .edit-form-container,
.forms-container .form-logic-container {
    height: calc(100vh - 139px);
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-y: auto;
}
.forms-container.dirty .add-fields-container,
.forms-container.dirty .field-properties-container,
.forms-container.dirty .edit-form-container,
.forms-container.dirty .form-logic-container {
    height: calc(100vh - 197px);
}
.forms-container .edit-form-container,
.forms-container .field-properties-container,
.forms-container .form-logic-container {
    background-color: #fff;
}
.forms-container .field-properties-container,
.forms-container .form-logic-container {
    width: 34%;
}
.forms-container .add-fields-container,
.forms-container .edit-form-container {
    width: 33.33%;
    border-right: 1px solid #e4e4e4;
}
.forms-container .field-properties-container .container-header {
    margin-bottom: 20px;
}
.forms-container .edit-form-container {
    padding: 0 0 20px;
}
.field-properties-container .muted {
    color: #888888;
}
.form-logic-container, .field-properties-container {
    min-width: 350px;
    position: relative;
}

.dnd-items .dnd-item, .dnd-items > .drag-item, .dnd-items > .selected-item {
    border: 1px solid #cccccc;  
    cursor: move;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
    border-radius: 2px;
    height: 30px;
    width: 99.5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4px;
    margin: 0 0 4px;
  }
  
  .dnd-items .ordinal {
    font-size: 11px;
    color: #888888;
    margin-right: 10px;
    width: 12px;
    display: inline-block;
    text-align: right;
  }

  .dnd-items {
    border: solid 1px #e4e4e4;
    border-top: none;
    padding : 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    max-height: 350px;
    overflow-y: auto;
    height: 350px;
  }
  
  .dnd-item:hover, .dnd-item.dragging {
    background: white;
    border: 1px solid #0073ec !important;
}
  
  .dnd-item:hover .drag-handle, .dnd-item.dragging .drag-handle {
    opacity: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZSBob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UtaG92ZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNzNFQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  
  .drag-handle {
    display: block;
    width: 10px;
    height: 22px;
    background-repeat: repeat;
    float: left;
    margin: -1px 8px 0 -1px;
    background-color: #d3d3d3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0NDQ0NDQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: repeat;
    opacity: 0.6;
  }
  
  .drag-item:hover .item-icon {
    opacity: 1;
  }
  
  .drag-item:hover .drag-handle, .drag-item.dragging .drag-handle{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZSBob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UtaG92ZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNzNFQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  
  .drag-item:hover .icon-plus {
    display: block;
    margin-top: 4px;
    margin-right: 5px;
  }

  .displayDefaultText {
    font-size: 13px;
    color: #888888;
    text-align: center;
    padding-top: 10px;
    display: block;
  }
.item-icon.ABSTRACT_DATETIME {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjNDQ0IiByeD0iMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xIDRoMTR2MTFIMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQ0NDIiBkPSJNMTIgMTBoLTJ2Mmgydi0yem0xIDB2MmgydjFoLTJ2MmgtMXYtMmgtMnYySDl2LTJIN3YySDZ2LTJINHYySDN2LTJIMXYtMWgydi0ySDFWOWgyVjdIMVY2aDJWNGgxdjJoMlY0aDF2MmgyVjRoMXYyaDJWNGgxdjJoMnYxaC0ydjJoMnYxaC0yem0tMS0xVjdoLTJ2Mmgyem0tMyAxSDd2Mmgydi0yem0wLTFWN0g3djJoMnptLTMgM3YtMkg0djJoMnpNNCA5aDJWN0g0djJ6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTkgNmg0djRIOXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTAgN2gydjJoLTJ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.item-icon.DATE {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjNDQ0IiByeD0iMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xIDRoMTR2MTFIMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQ0NDIiBkPSJNMTIgMTBoLTJ2Mmgydi0yem0xIDB2MmgydjFoLTJ2MmgtMXYtMmgtMnYySDl2LTJIN3YySDZ2LTJINHYySDN2LTJIMXYtMWgydi0ySDFWOWgyVjdIMVY2aDJWNGgxdjJoMlY0aDF2MmgyVjRoMXYyaDJWNGgxdjJoMnYxaC0ydjJoMnYxaC0yem0tMS0xVjdoLTJ2Mmgyem0tMyAxSDd2Mmgydi0yem0wLTFWN0g3djJoMnptLTMgM3YtMkg0djJoMnpNNCA5aDJWN0g0djJ6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTkgNmg0djRIOXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTAgN2gydjJoLTJ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.item-icon.CONTACT_LIST,
.item-icon.MULTI_CONTACT_LIST {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDkuNDM4Yy40MjguMzc0IDEuMDYuODMyIDEuOCAxLjA2MiAxLjM3NS40MjkgMi4yIDIgMi4yIDMuNSAwIC41NTItLjQ0NSAxLS45OTYgMUgzLjk5NkMzLjQ0NiAxNSAzIDE0LjU0NyAzIDE0YzAtMS41LjgyNS0zLjA3MSAyLjItMy41Ljc0LS4yMyAxLjM3Mi0uNjg4IDEuOC0xLjA2MnYtLjkwNkM2LjEwMyA3LjkyNyA1LjUgNi43OTUgNS41IDUuNWMwLTEuOTMzIDEuMzQzLTMuNSAzLTMuNXMzIDEuNTY3IDMgMy41YzAgMS4yOTUtLjYwMyAyLjQyNy0xLjUgMy4wMzJ2LjkwNnoiLz4KPC9zdmc+Cg==);
}
.item-icon.PICKLIST,
.item-icon.MULTI_PICKLIST {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Ecm9wZG93bl9pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkRyb3Bkb3duX2ljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC0xMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTAiIHN0cm9rZT0iIzQ0NDQ0NCIgZmlsbD0iI0ZGRkZGRiIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSI3IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cG9seWdvbiBpZD0iVHJpYW5nbGUtMiIgZmlsbD0iIzQ0NDQ0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNC4wMDAwMDApICIgcG9pbnRzPSIxMi41IDMgMTQgNSAxMSA1Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.item-icon.SYMBOL {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Ecm9wZG93bl9pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkRyb3Bkb3duX2ljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC0xMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTAiIHN0cm9rZT0iIzQ0NDQ0NCIgZmlsbD0iI0ZGRkZGRiIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSI3IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cG9seWdvbiBpZD0iVHJpYW5nbGUtMiIgZmlsbD0iIzQ0NDQ0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNC4wMDAwMDApICIgcG9pbnRzPSIxMi41IDMgMTQgNSAxMSA1Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.item-icon.TEXT_NUMBER {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29udGV4dG51bWJlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29udGV4dG51bWJlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEyLjEzNTc0MjIsMTIuMTYyMTA5NCBDMTMuMjU5Mjc3MywxMi4xNjIxMDk0IDE0LjA5MDgyMDMsMTEuNDI1NzgxMiAxNC4wOTA4MjAzLDEwLjQ0ODI0MjIgTDE0LjA5MDgyMDMsOS44MTk4MjQyMiBMMTIuMjUsOS45NDA0Mjk2OSBDMTEuMjA4OTg0NCwxMC4wMTAyNTM5IDEwLjc1MTk1MzEsMTAuMzcyMDcwMyAxMC43NTE5NTMxLDExLjA1NzYxNzIgQzEwLjc1MTk1MzEsMTEuNzU1ODU5NCAxMS4zNDIyODUyLDEyLjE2MjEwOTQgMTIuMTM1NzQyMiwxMi4xNjIxMDk0IFogTTExLjkzMjYxNzIsMTMuMTIwNjA1NSBDMTAuNjA1OTU3LDEzLjEyMDYwNTUgOS42MjIwNzAzMSwxMi4zMzM0OTYxIDkuNjIyMDcwMzEsMTEuMDgzMDA3OCBDOS42MjIwNzAzMSw5Ljg1NzkxMDE2IDEwLjUyMzQzNzUsOS4xNTMzMjAzMSAxMi4xMTY2OTkyLDkuMDU4MTA1NDcgTDE0LjA5MDgyMDMsOC45Mzc1IEwxNC4wOTA4MjAzLDguMzE1NDI5NjkgQzE0LjA5MDgyMDMsNy40NzExOTE0MSAxMy41NjM5NjQ4LDcuMDA3ODEyNSAxMi41NDE5OTIyLDcuMDA3ODEyNSBDMTEuNzIzMTQ0NSw3LjAwNzgxMjUgMTEuMTUxODU1NSw3LjMxODg0NzY2IDEwLjk5OTUxMTcsNy44NTgzOTg0NCBMOS44OTUwMTk1Myw3Ljg1ODM5ODQ0IEMxMC4wNDEwMTU2LDYuNzYwMjUzOTEgMTEuMTIwMTE3Miw2LjAzNjYyMTA5IDEyLjU4MDA3ODEsNi4wMzY2MjEwOSBDMTQuMjQ5NTExNyw2LjAzNjYyMTA5IDE1LjE4MjYxNzIsNi44OTM1NTQ2OSAxNS4xODI2MTcyLDguMzE1NDI5NjkgTDE1LjE4MjYxNzIsMTMgTDE0LjE0MTYwMTYsMTMgTDE0LjE0MTYwMTYsMTEuOTkwNzIyNyBMMTQuMDQwMDM5MSwxMS45OTA3MjI3IEMxMy41OTU3MDMxLDEyLjcyMDcwMzEgMTIuODQ2Njc5NywxMy4xMjA2MDU1IDExLjkzMjYxNzIsMTMuMTIwNjA1NSBaIiBpZD0iYSIgZmlsbD0iIzQ0NDQ0NCI+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik03LDkuOTYzMDg3NDkgTDcsMTAgTDMsMTAgTDMsOS45NjMwODc0OSBMMS44OTU2NjgxOCwxMyBMMC44MzE2MDQ1NSwxMyBMNC40Njc5NjgxOSwzIEw1LjUzMjAzMTgxLDMgTDkuMTY4Mzk1NDUsMTMgTDguMTA0MzMxODIsMTMgTDcsOS45NjMwODc0OSBaIE02LjY0OTc4NjM3LDkgTDUsNC40NjMwODc0OSBMMy4zNTAyMTM2Myw5IEw2LjY0OTc4NjM3LDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjNDQ0NDQ0IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
}
.item-icon.CHECKBOX {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uQ2hlY2tib3g8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iaWNvbkNoZWNrYm94IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIzIiBzdHJva2U9IiM0NDQ0NDQiIGZpbGw9IiNGRkZGRkYiIHg9IjEuNSIgeT0iMS41IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIj48L3JlY3Q+CiAgICAgICAgPHBhdGggZD0iTTQuNjQ2NDQ2NjEsNy40MzkzMzk4MyBMMy45MzkzMzk4Myw4LjE0NjQ0NjYxIEMzLjc0NDA3NzY4LDguMzQxNzA4NzYgMy43NDQwNzc2OCw4LjY1ODI5MTI0IDMuOTM5MzM5ODMsOC44NTM1NTMzOSBMNy4xODM1NjUzMiwxMi4wOTc3Nzg5IEM3LjM3ODgyNzQ2LDEyLjI5MzA0MSA3LjY5NTQwOTk1LDEyLjI5MzA0MSA3Ljg5MDY3MjEsMTIuMDk3Nzc4OSBDNy45MDI0MjA1OSwxMi4wODYwMzA0IDcuOTEzNTc2MTksMTIuMDczNzAzNiA3LjkyNDA5NzM2LDEyLjA2MDg0NDQgTDEzLjA5MDU3NjIsNS43NDYyNTkxNCBDMTMuMjY1NDQsNS41MzI1MzY3MyAxMy4yMzM5Mzg4LDUuMjE3NTI1MzggMTMuMDIwMjE2NCw1LjA0MjY2MTYgTDEyLjI0NjI1OTEsNC40MDk0MjM4MSBDMTIuMDMyNTM2Nyw0LjIzNDU2MDAyIDExLjcxNzUyNTQsNC4yNjYwNjExNSAxMS41NDI2NjE2LDQuNDc5NzgzNTYgTDcuNDI1NzYyNTgsOS41MTE1NDkwMiBMNS4zNTM1NTMzOSw3LjQzOTMzOTgzIEM1LjE1ODI5MTI0LDcuMjQ0MDc3NjggNC44NDE3MDg3Niw3LjI0NDA3NzY4IDQuNjQ2NDQ2NjEsNy40MzkzMzk4MyBaIiBpZD0iTGluZSIgZmlsbD0iIzQ0NDQ0NCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.item-icon.AISENTIMENT {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xNi42IDEwYTMuMTg5IDMuMTg5IDAgMSAwLTYuMzc3IDAgMy4xODkgMy4xODkgMCAwIDAgNi4zNzcgMG0xLjQgMGE0LjU4OCA0LjU4OCAwIDEgMS05LjE3NiAwQTQuNTg4IDQuNTg4IDAgMCAxIDE4IDEwIi8+CiAgICA8cGF0aCBmaWxsPSIjNDQ0NDQ0IiBkPSJNMTIuNyA5LjJhLjYuNiAwIDEgMS0xLjIgMCAuNi42IDAgMCAxIDEuMiAwTTE1LjI3NyA5LjJhLjYuNiAwIDEgMS0xLjIgMCAuNi42IDAgMCAxIDEuMiAwTTEyLjU2MSAxMS42ODFhLjYuNiAwIDAgMS0xLjExLS40NTVjLjM1LS44NTQgMS4yMDItMS4yMjUgMS45NTItMS4yMzYuNzQ0LS4wMTEgMS42MDMuMzMgMS45NjQgMS4xNTRhLjYuNiAwIDAgMS0xLjEuNDhjLS4xMDgtLjI0Ni0uNDItLjQ0LS44NDYtLjQzNC0uNDIxLjAwNi0uNzQyLjIwNi0uODYuNDkxTTMuNCAxMGEzLjE4OSAzLjE4OSAwIDAgMSA2LjA1MS0xLjQwNmwxLjAzOC0xLjAxYTQuNTkgNC41OSAwIDEgMCAuMDg3IDQuNjg3bC0xLjA2NC0uOTk0QTMuMTkgMy4xOSAwIDAgMSAzLjQgMTAiLz4KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik03LjQzOSAxMC41NzVhLjYuNiAwIDAgMSAxLjExLjQ1NWMtLjM1Ljg1NS0xLjIwMiAxLjIyNS0xLjk1MiAxLjIzNy0uNzQ0LjAxLTEuNjAzLS4zMy0xLjk2NC0xLjE1NWEuNi42IDAgMCAxIDEuMS0uNDhjLjEwOC4yNDYuNDIuNDQuODQ3LjQzNC40Mi0uMDA2Ljc0MS0uMjA1Ljg1OS0uNDlNNS45IDkuMmEuNi42IDAgMSAxLTEuMiAwIC42LjYgMCAwIDEgMS4yIDBNOC40NzcgOS4yYS42LjYgMCAxIDEtMS4yIDAgLjYuNiAwIDAgMSAxLjIgMCIvPgo8L3N2Zz4K);
}
.item-icon.AITRANSLATE {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik00LjU4IDcuMTgyQTIuNTggMi41OCAwIDAgMCAyIDkuNzYydjMuMjA1YzAgMS4yMS45ODIgMi4xOTMgMi4xOTMgMi4xOTNoLjE5OWMuMDQgMS4yMSAxLjU1IDEuNzY0IDIuMzYyLjg0MmwuNjQzLS43MzRhLjMyLjMyIDAgMCAxIC4yNC0uMTA4SDguOTRhMi43IDIuNyAwIDAgMCAyLjctMi43di0xLjU3N2gtMS4zOTl2MS41NzdhMS4zIDEuMyAwIDAgMS0xLjMgMS4zSDcuNjM2Yy0uNDk0IDAtLjk2NC4yMTMtMS4yOS41ODRsLS41NjUuNjRBMS4zNSAxLjM1IDAgMCAwIDQuNDQgMTMuNzZoLS4yNDZhLjc5My43OTMgMCAwIDEtLjc5My0uNzkzVjkuNzYyYzAtLjY1MS41MjgtMS4xNzkgMS4xOC0xLjE4SDguOTR2LTEuNHoiLz4KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOCA2LjExNWEyLjU4IDIuNTggMCAwIDAtMi41NzktMi41NzlIMTEuMDZhMi43IDIuNyAwIDAgMC0yLjcgMi43djIuNTc3YTIuNyAyLjcgMCAwIDAgMi43IDIuN2gxLjMwNWMuMDkgMCAuMTc4LjA0LjIzOS4xMWwuNjQzLjczMmMuODExLjkyMyAyLjMyMi4zNyAyLjM2My0uODQxaC4xOThBMi4xOTQgMi4xOTQgMCAwIDAgMTggOS4zMnpNMTYuNiA5LjMyYS43OTMuNzkzIDAgMCAxLS43OTMuNzkzaC0uMjQ2YTEuMzUgMS4zNSAwIDAgMC0xLjM0MyAxLjIyNWwtLjU2NS0uNjRhMS43MiAxLjcyIDAgMCAwLTEuMjktLjU4NUgxMS4wNmExLjMgMS4zIDAgMCAxLTEuMzAxLTEuM1Y2LjIzNmExLjMgMS4zIDAgMCAxIDEuMy0xLjNoNC4zNjNjLjY1MSAwIDEuMTc5LjUyOCAxLjE3OSAxLjE4eiIvPgogICAgPHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTEyLjU4IDYuMDEzYS42LjYgMCAxIDEgMS4yIDB2LjM0NGguNzVhLjYuNiAwIDAgMSAwIDEuMmgtLjYzNGMuMTQ1LjM2NS40MTkuNjkzLjgwOC45MjJhLjYuNiAwIDAgMS0uNjEgMS4wMzUgMy4yIDMuMiAwIDAgMS0uOTE1LS44MWMtLjI0NC4zMi0uNTUzLjU5Ni0uOTE1LjgxYS42LjYgMCAxIDEtLjYxLTEuMDM1Yy4zOS0uMjMuNjYzLS41NTcuODA3LS45MjJoLS42MzJhLjYuNiAwIDAgMSAwLTEuMmguNzV6TTUuOTQ0IDkuNzg2YTEuMDQgMS4wNCAwIDAgMSAxLjc1NCAwbC4wNzYuMTQ3LjY5MiAxLjYwNC4zMjcuNzYxYS42LjYgMCAwIDEtMS4xMDIuNDc1bC0uMTcyLS4zOTlINi4xMjNsLS4xNzIuMzk5YS42LjYgMCAxIDEtMS4xMDItLjQ3NWwuMzI4LS43NjEuNjktMS42MDR6bS42OTUgMS4zODhoLjM2NGwtLjE4Mi0uNDIyeiIvPgo8L3N2Zz4K);
}
.item-icon.AISUMMARIZE {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xNC42MTQgNi4yYTEuOCAxLjggMCAwIDAtMS44LTEuOEg3LjE4N2ExLjggMS44IDAgMCAwLTEuOCAxLjh2Ny42YTEuOCAxLjggMCAwIDAgMS44IDEuOGg1LjYyN2ExLjggMS44IDAgMCAwIDEuOC0xLjh6bTEuNCA3LjZhMy4yIDMuMiAwIDAgMS0zLjIgMy4ySDcuMTg3YTMuMiAzLjIgMCAwIDEtMy4yLTMuMlY2LjJhMy4yIDMuMiAwIDAgMSAzLjItMy4yaDUuNjI3YTMuMiAzLjIgMCAwIDEgMy4yIDMuMnoiLz4KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xMC44ODYgMTIuNzE1YS43LjcgMCAwIDEgMCAxLjRINy4zNDRhLjcuNyAwIDAgMSAwLTEuNHptMS43NzEtMi4yNzZhLjcuNyAwIDAgMSAwIDEuNEg3LjM0NGEuNy43IDAgMSAxIDAtMS40em0wLTIuMjc3YS43LjcgMCAwIDEgMCAxLjRINy4zNDRhLjcuNyAwIDAgMSAwLTEuNHptMC0yLjI3OGEuNy43IDAgMCAxIDAgMS40SDcuMzQ0YS43LjcgMCAwIDEgMC0xLjR6Ii8+Cjwvc3ZnPgo=);
}
.icon-trash {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMy4wMDJoMS45OWEuNTEuNTEgMCAwIDEgLjUxLjVjMCAuMjc2LS4yMjguNS0uNTEuNUgzLjUxYS41MS41MSAwIDAgMS0uNTEtLjVjMC0uMjc2LjIyOC0uNS41MS0uNUg1LjVBLjk5OC45OTggMCAwIDEgNi41IDJoM2EuOTk4Ljk5OCAwIDAgMSAxIDEuMDAyem0tNS42MjUgOS4wMDFMNCA1aDcuOTVsLS44MzIgNy4wMDNjLS4wNjQuNTQ0LS41NjIuOTk3LTEuMTA5Ljk5N0g1Ljk5MWMtLjU0IDAtMS4wNDctLjQ0Ni0xLjExNi0uOTk3eiIvPgo8L3N2Zz4K);
}
.icon-check {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAS1JREFUWAntVUEOgjAQJF44cuYB+gATDiZ65uADSOQX/MJf8An/4A/8gJ49cjHB2RQa2zRQ6BISs5sM7Xbb2XFKMIokxAFxQBwQB8QBdgfatj0BW3biEEIIKgGKBihDuNjOQkjWCcKg48jWYA4RZKTAS8tRE3JtvStF8xi4Ky3Gc92rhJTakKOS6xznvc6Af08Y2ox6pXQYzxuyzdC52TUQF8CnQ+EiQi3v6hh0PDBLXPuD10BMTpGoPmhuiEO+A979hm6kfLmXHeS2MOqrxWGeAOTMb1A9D3ZljABN+qu0m1+wQO+QHdUYJ1sdnV3ibEGU12xNfYk8xNH3K/blY903IO6JWsrabCqZQ1yDtWwqzyL7LXHr/t3YvxDiDsDZXpdcHBAHxAFxQBz4Ewe+RkzwvqTlcaUAAAAASUVORK5CYII=);
}
.icon-chevron-right {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcnJvd1JpZ2h0Qmx1ZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJhcnJvd1JpZ2h0Qmx1ZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTQuNSw1LjUgTDExLjUsNS41IEMxMS43NzYxNDI0LDUuNSAxMiw1LjcyMzg1NzYzIDEyLDYgQzEyLDYuMTA4MTg1MTEgMTEuOTY0OTExMSw2LjIxMzQ1MTkxIDExLjksNi4zIEw4LjQsMTAuOTY2NjY2NyBDOC4yMzQzMTQ1OCwxMS4xODc1ODA2IDcuOTIwOTEzOSwxMS4yMzIzNTIxIDcuNywxMS4wNjY2NjY3IEM3LjY2MjA5NzE3LDExLjAzODIzOTUgNy42Mjg0MjcxMiwxMS4wMDQ1Njk1IDcuNiwxMC45NjY2NjY3IEw0LjEsNi4zIEMzLjkzNDMxNDU4LDYuMDc5MDg2MSAzLjk3OTA4NjEsNS43NjU2ODU0MiA0LjIsNS42IEM0LjI4NjU0ODA5LDUuNTM1MDg4OTQgNC4zOTE4MTQ4OSw1LjUgNC41LDUuNSBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA3M0VDIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgOC41MDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTguMDAwMDAwLCAtOC41MDAwMDApICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
}
.drag-item {
    background: white;
    border: 1px dotted #cccccc;
}
.icon-plus {
    width: 11px;
    height: 11px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbHVzLyBibHVlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InBsdXMvLWJsdWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik02LDQgTDguNSw0IEM4Ljc3NjE0MjM3LDQgOSw0LjIyMzg1NzYzIDksNC41IEw5LDUuNSBDOSw1Ljc3NjE0MjM3IDguNzc2MTQyMzcsNiA4LjUsNiBMNiw2IEw2LDguNSBDNiw4Ljc3NjE0MjM3IDUuNzc2MTQyMzcsOSA1LjUsOSBMNC41LDkgQzQuMjIzODU3NjMsOSA0LDguNzc2MTQyMzcgNCw4LjUgTDQsNiBMMS41LDYgQzEuMjIzODU3NjMsNiAxLDUuNzc2MTQyMzcgMSw1LjUgTDEsNC41IEMxLDQuMjIzODU3NjMgMS4yMjM4NTc2Myw0IDEuNSw0IEw0LDQgTDQsMS41IEM0LDEuMjIzODU3NjMgNC4yMjM4NTc2MywxIDQuNSwxIEw1LjUsMSBDNS43NzYxNDIzNywxIDYsMS4yMjM4NTc2MyA2LDEuNSBMNiw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNzNFQyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
    display: none;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    padding: 8px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-plus:focus {
    display: block;
    outline: 2px solid #0073ea;
    outline-offset: 2px;
    border-radius: 2px;
}
.drag-item:focus-within .icon-plus {
    display: block;
}
.item-icon {
    width: 16px;
    height: 16px;
    margin-right: 9px;
    background-color: transparent;
    margin-top: 1px;
    opacity: 0.6;
    display: block;
    float: left;
}

/*Work in Progress*/
.drop-zone {
    position: absolute;
    top: 80px;
    background-color: rgba(0, 0, 0, 0.3);
    visibility: hidden;
    text-align: center;
}

input.item-text {
    height: 16px;
    width: 95%;
}

.target-items {
    height: 400px;
    background-color: white;
}

.multi-display-fields {
    position: relative;
    display: inline-block;
    padding: 0;
    padding-bottom: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 290px;
    min-height: 400px;
}

.source-items {
    padding: 15px;
    border-right: none;
    background-color: #f3f3f3;
}

.multi-display-fields .edit-item {
    width: 100%;
    padding: 8px 20px;
    background-color: #fff;
    outline: none;
    font-size: 13px;
    color: #444444;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 0;
    border-right: 3px solid transparent;
}

.multi-display-fields .edit-item:hover,
.multi-display-fields .edit-item:active,
.multi-display-fields .edit-item.selected {
    border: 1px solid #97c6f6;
    border-right: 3px solid #0073ec;
    border-radius: 0;
}

.edit-item.selected {
    background-color: #d9eafc;
}

.multi-display-fields > .edit-item:hover .icon-trash,
.multi-display-fields > .edit-item:focus-within .icon-trash {
    position: absolute;
    top: 5px;
    right: 20px;
    display: block;
}

.icon-chevron-down {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcnJvd1JpZ2h0Qmx1ZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJhcnJvd1JpZ2h0Qmx1ZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTQuNSw1LjUgTDExLjUsNS41IEMxMS43NzYxNDI0LDUuNSAxMiw1LjcyMzg1NzYzIDEyLDYgQzEyLDYuMTA4MTg1MTEgMTEuOTY0OTExMSw2LjIxMzQ1MTkxIDExLjksNi4zIEw4LjQsMTAuOTY2NjY2NyBDOC4yMzQzMTQ1OCwxMS4xODc1ODA2IDcuOTIwOTEzOSwxMS4yMzIzNTIxIDcuNywxMS4wNjY2NjY3IEM3LjY2MjA5NzE3LDExLjAzODIzOTUgNy42Mjg0MjcxMiwxMS4wMDQ1Njk1IDcuNiwxMC45NjY2NjY3IEw0LjEsNi4zIEMzLjkzNDMxNDU4LDYuMDc5MDg2MSAzLjk3OTA4NjEsNS43NjU2ODU0MiA0LjIsNS42IEM0LjI4NjU0ODA5LDUuNTM1MDg4OTQgNC4zOTE4MTQ4OSw1LjUgNC41LDUuNSBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA3M0VDIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgOC41MDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTguMDAwMDAwLCAtOC41MDAwMDApICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}

.attachment-loading .icon-check {
    opacity: 1;
    background-size: 19px;
    margin: 4px;
}

.edit-item {
    position: relative;
}

.edit-item {
    display: block;
    clear: both;
    width: 100%;
    border-radius: 2px;
    min-height: 26px;
    padding: 5px;
}

.edit-item textarea,
.edit-item input,
.edit-item select,
.edit-item .selectWrapperV2 {
    pointer-events: none;
}

.edit-item .drag-handle {
    display: none;
}

.edit-item:hover .drag-handle,
.edit-item:active .drag-handle,
.edit-item.selected .drag-handle {
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    height: auto;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZSBob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UtaG92ZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNzNFQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) repeat 0 4px;
}

.edit-item textarea,
.form-entry textarea {
    resize: none;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
}
/*
IMPORTANT: Changing the CSS for text area could potentially break the auto expand/shrink logic here
*/
.form-entry textarea {
    font-family: Roboto, sans-serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.form-entry input {
    height: 30px;
    width: 100%;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #444444;
    -webkit-text-fill-color: #444444;
}
.form-entry input[disabled] {
    background-color: #eeeeee;
}

.form-entry [role='combobox'] input {
    height: auto;
    border: 0;
    background: transparent;
}

.form-entry .select-wrapper input {
    border: 0;
    height: 36px;
}

.edit-item.DATE .item-bottom {
    width: 50%;
}

.edit-item .icon-trash {
    margin-right: -15px;
    cursor: pointer;
    display: none;
    border: none;
    padding: 0;
    background-color: transparent;
}
.edit-item .icon-trash:focus {
    display: block;
    outline: 2px solid #0073ea;
    outline-offset: 2px;
    border-radius: 2px;
}
.edit-item:focus-within .icon-trash {
    display: block;
}

.item > span {
    display: inline-block;
    line-height: 20px;
}

.item-wrap .checkbox {
    pointer-events: none;
}

.drop-zone {
    position: absolute;
    padding: 0px;
    border: 1px solid #cccccc;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.form-entry {
    margin-bottom: 20px;
    clear: both;
}

.d-block {
    display: block;
}

.field-property-label {
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}
.field-property-label button {
    border: none;
    padding: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-color: transparent;
    opacity: 0.6;
    display: inline-block;
    vertical-align: sub;
    margin-left: 5px;
}
.field-property-label small {
    font-weight: 100 !important;
    font-size: 13px;
    color: #888888;
}
.field-name > span {
    display: block;
    float: left;
    margin-right: 5px;
}

.field-name > i.item-icon {
    margin-top: -1px;
    cursor: pointer;
}

.form-entry .checkbox {
    margin: 5px 0;
}

/* Adjustment from external comps */
.edit-item .Select-control {
    pointer-events: none;
}

.edit-item.hide .item-bottom {
    opacity: 0.6;
}

.checkbox label {
    height: 18px;
}
.edit-item .option-picker,
.form-entry .option-picker {
    line-height: 30px;
}

.display-fields .display-field,
.display-fields > .drag-item {
    border: 1px dashed #cccccc;
    cursor: move;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
    border-radius: 2px;
    position: relative;
    padding: 6px 4px 4px;
    margin: 0 0 4px;
    color: #444444;
}

.display-fields .ordinal {
    font-size: 11px;
    color: #888888;
    margin-right: 10px;
    width: 12px;
    display: inline-block;
    text-align: right;
}

.display-field:hover, .display-field.dragging {
    border: 1px solid #82c9ed;
}

.display-field:hover .drag-handle, .display-field.dragging .drag-handle {
    opacity: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZSBob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UtaG92ZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNzNFQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.drag-handle {
    display: block;
    width: 10px;
    height: 22px;
    background-repeat: repeat;
    float: left;
    margin: -1px 8px 0 -1px;
    background-color: #d3d3d3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0NDQ0NDQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: repeat;
    opacity: 0.6;
}
.drag-item:hover {
    border-color: #0073ec !important;
}
.drag-item:hover .item-icon {
    opacity: 1;
}
.drag-item:hover .drag-handle, .drag-item.dragging .drag-handle {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmdyYWJQaWVjZSBob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJncmFiUGllY2UtaG92ZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjcwNzEwNjc4LC0xLjA3OTEzNjc4ZS0xMyBMMS4xODU3MTgxOWUtMTMsMi43MDcxMDY3OCBMMS4xODU3MTgxOWUtMTMsMS4yOTI4OTMyMiBMMS4yOTI4OTMyMiwtMS4wNzkxMzY3OGUtMTMgTDIuNzA3MTA2NzgsLTEuMDc5MTM2NzhlLTEzIFogTTIuNzA3MTA2NzgsNCBMMS4yOTI4OTMyMiw0IEw0LDEuMjkyODkzMjIgTDQsMi43MDcxMDY3OCBMMi43MDcxMDY3OCw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNzNFQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.drag-item:hover .icon-plus {
    display: block;
    margin-top: 4px;
    margin-right: 5px;
}
.drag-item.dragging {
    border-color: #0050a5 !important;
}
.image-modal-body > div:first-child {
    overflow-x: auto;
    overflow-y: auto;
}

.image-modal-body {
    padding: 0 !important;
    margin: 0;
}

.image-modal-body img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.image-modal-body.scale-down img {
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.edit-form-container .contact-picker__control--is-disabled,
.edit-form-container .selectV2__control--is-disabled,
.edit-form-container .Select.is-disabled .Select-control,
.edit-form-container input:disabled {
    background-color: #fff !important;
    border-color: #ccc !important;
    opacity: 1;
}
.edit-form-container input[type="checkbox"]:disabled {
    opacity: 0;
}
.edit-form-container .contact-picker__single-value--is-disabled {
    color: #333 !important;
}

/* Show a clear focus ring on the row itself when keyboard users tab to it.
   The row acts as a button — Enter opens Field Properties; the trash icon is reachable as the next stop. */
.multi-display-fields .edit-item:focus-visible {
    outline: 2px solid #0073ea;
    outline-offset: -2px;
}

/* The form-field preview inside the row is decorative; ensure inner controls stay non-interactive
   for both pointer and keyboard. CSS pointer-events disables click; tabindex=-1 (set in JS) removes
   it from tab order. We also hide the focus ring in case the browser still focuses programmatically. */
.included-form-field-preview {
    cursor: pointer;
}
.included-form-field-preview * {
    pointer-events: none;
}
.included-form-field-preview *:focus,
.included-form-field-preview *:focus-visible {
    outline: none !important;
}

.required-text:after {
    display: block;
    float: right;
    content: " * Required";
    color: #ff0047;
    font-size: 13px;
}
.empty-included-items {
    border: 1px #ccc dashed;
    padding: 20px;
    text-align: center;
    margin: 0 20px;
}
.empty-included-items span {
    color: #ccc;
    line-height: 40px;
    font-size: 13px;
}
.form-rule {
    border: solid 1px #cccccc;
    border-radius: 2px;
    margin: 10px 0;
}
.form-rule.invalid-rule .form-rule-header {
    /*border: solid 1px #ff0000;*/
    /*box-shadow: 0 0 10px #ff0000;*/
    background-color: #fff2f6;
}
.form-rule.invalid-rule {
    border: solid 1px #ff0000;
}
.form-rule .form-rule-header {
    background-color: #f3f3f3;
    height: 40px;
}
.form-rule .form-rule-header .form-rule-header-title {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    padding: 0 10px;
    line-height: 40px;
}
.form-rule .form-rule-header .form-rule-header-title small {
    font-size: 12px;
    font-weight: normal;
    color: #6a6a6a;
}
.form-rule-header .form-rule-name-label {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    padding: 0 10px;
    line-height: 40px;
    display: inline-block;
}
.form-rule-header input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 0 7px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #444444;
    margin: 5px 10px;
    height: 30px;
    width: 65%;
    max-width: 300px;
    min-width: 210px;
}
.form-rule .form-rule-header .form-rule-header-icon {
    float: right;
    line-height: 40px;
    padding: 3px 5px 0 0;
    opacity: 0.6;
}
.form-rule .form-rule-header .form-rule-menu-trigger {
    padding: 3px 5px 0 0;
    float: right;
}
.form-rule .form-rule-header .form-rule-header-icon:hover {
    cursor: pointer;
    opacity: 1;
}
.form-rule .form-rule-header .form-rule-header-icon img.open {
    -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */ /* FF */ /* Opera */
    -ms-transform: rotate(180deg); /* IE9 */
    transform: rotate(180deg);
}
.form-rule .form-rule-body {
    border-top: solid 1px #cccccc;
    padding: 10px;
}
.form-rule .form-rule-body .form-action-container,
.form-rule .form-rule-body .form-criteria-container {
    padding: 0 5px;
}
.form-rule .form-rule-body .form-action-container .form-action {
    padding: 0 5px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 5px;
}
.form-rule .form-rule-body .form-action-container .form-action .multi-select {
    width: 100%;
    margin-top: 0;
}
.form-rule .form-rule-body .form-criteria-container .form-criteria {
    padding: 5px 5px 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    gap: 5px;
}
.form-rule .form-rule-body .form-criteria-container .form-criteria p {
    font-size: 13px;
    color: #999;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}
.form-rule-inline-select {
    width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    display: inline-block;
}
/*
 * SelectV2 renders its placeholder absolutely, so the control would otherwise collapse to zero
 * width and clip both the placeholder text and the chevron when no option is selected.
 * Each min-width below sizes the unselected control to fit its placeholder plus the ~32px chevron.
 */
.form-rule-inline-select.form-rule-criteria-field {
    min-width: 160px;
}
.form-rule-inline-select.form-criteria-comparator-label {
    min-width: 100px;
}
.form-rule-inline-select.form-rule-action-select {
    min-width: 110px;
}
.form-rule .form-rule-body .form-criteria-container .form-criteria span.break {
    border-top: 1px solid #cccccc;
    display: block;
    margin: 10px 0 0 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.form-rule .form-rule-body .form-criteria-container .form-criteria .multi-select {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.form-rule .form-rule-body .form-criteria-container .form-criteria .inline-select {
    display: inline-block;
}
.form-rule .form-rule-body .form-action-container .multi-select,
.form-rule .form-rule-body .form-criteria-container .multi-select {
    margin-top: 3px;
}
.form-rule .form-rule-body .form-action-container .form-action .action-select {
    margin: 5px;
    width: 100%;
    background-color: transparent;
}

.right-rail {
    position: fixed;
    right: 0;
    top: 124px;
    border-left: 1px solid #e4e4e4;
    bottom: 0;
    width: 50px;
    background-color: #f3f3f3;
}
.right-rail button {
    display: block;
    text-align: center;
    line-height: 50px;
    color: #82898d;
    border-left: 3px solid #f3f3f3;
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: none;
    padding: 0;
    width: 100%;
}
.right-rail button:hover {
    cursor: pointer;
    background-color: #ddd;
    border-left: 3px solid #ddd;
}
.right-rail button img {
    opacity: .6;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.right-rail button:hover img,
.right-rail button.active img {
    opacity: 1;
}
.right-rail button.active {
    border-left: 3px solid #0073ec;
    margin-left: -1px;
    background-color: #e0f2fc;
}
.admin-panel {
    height: 74px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.admin-panel-container {
    height: calc(100vh - 50px);
}
.admin-panel-title {
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #444444;
    line-height: 37px;
}
.admin-panel-content{
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 124px);
}
.nav {
    padding: 3px 10px 0px 10px;
    text-align: center;
    margin: 0px;
}
.nav > li {
    line-height: 24px;
    display: inline-block;
    list-style-type: none;
    color: #444444;
    margin-right: 5px;
    text-decoration: none;
}
.nav > li .tab-title {
    padding: 0 15px;
    font-size: 13px;
}
.nav > li:focus {
    outline: none !important;
    font-weight: bold;
}
.nav > li.active {
    font-weight: bold;
}
.nav > li:hover {
    cursor: pointer;
}
.nav > li::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #0073ec;
    -webkit-transition: width .3s;
    transition: width .3s;
    margin-top: 6px;
}
.nav > li.active::after {
    margin-top: 2px;
}
.nav > li:hover::after {
    width: 100%;
    margin-top: 6px;
}
.nav > li.active::after {
    width: 100%;
    margin-top: 6px;
}
.panel {
    background-color: #f3f3f3;
}
.state-panel {
    position: fixed;
    padding: 13px;
    bottom: -100px;
    right: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    -webkit-transition: all 750ms;
    transition: all 750ms;
}
.state-panel.open {
    bottom: 0;
    z-index: 10;
    border-top: 1px solid #e4e4e4;
}
.state-button.state-button {
    float: right;
    margin-left: 8px;
}
.center {
    text-align: center;
}
.admin-panel-grid-link {
    position: absolute;
    top: 5px;
    left: 10px;
}
.admin-panel-grid-link img {
    float: left;
    height: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.admin-panel-grid-link span {
    float: left;
    padding-left: 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    color: #0073ec;
    text-decoration: none;
}
.admin-panel-grid-link {
    opacity: 0.7;
}
.admin-panel-grid-link:hover {
    opacity: 1;
}
.deleteModal .generic-modal-right {
    width: 100%;
    font-size: 18px;
}
.admin-panel-header-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: absolute;
    right: 0;
    top: 5px;
}
.admin-panel-header-buttons .btn {
    margin-right: 10px;
    padding: 0 10px;
    color: #0073ec;
    opacity: 0.7;
}
.admin-panel-header-buttons .btn:hover {
    opacity: 1;
    background-color: unset;
}
.admin-panel-header-buttons img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: unset;
    width: 16px;
    height: 16px;
}

.adminPanelBasic {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    color: #444444;
    padding-bottom: 75px;
}
.adminPanelBasic p {
    color: #444444;
    font-size: 11px;
    margin: 0;
    white-space: pre-line;
}

.adminPanelBasic h4 {
    padding-top: 18px;
    height: 18px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.userCol .select .Select > .Select-control .Select-value {
    padding-left: 9px !important;
}

.userCol .select,
.newDestination .select {
    color: #888888;
}
.userCol option,
.newDestination option {
    padding-left: 0;
}
.newDestination.error .Select-control {
    border: solid 1px #ff0047;
}
.adminPanelBasic p span:before {
    content: '\a';
    white-space: pre;
}
.nameInput {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 30px;
    width: 100%;
    padding: 0 0 0 10px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #444444;
}
.viewDescription h4 {
    padding-bottom: 0;
}
.descriptionInput {
    margin-top: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #444444;
    font-family: 'Roboto', sans-serif;
}
.adminPanelBasic .select {
    margin-top: 7px;
}

.source,
.source div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
}
.source div {
    -ms-flex-align: center;
        align-items: center;
    height: 30px;
    width: 470px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    margin: 0 0 0 10px;
}
.source p {
    font-size: 13px;
    margin: 0;
}
.source img {
    background-color: #ffffff;
    margin: 8px 1px 6px 10px;
}
.newItemSubmission p,
.download-option p {
    padding: 0 0 5px 0;
}

.control {
    font-size: 12px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: #0073ec;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0073ec;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: 0.6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

#basicNewIntakeSheet.disabled * {
    opacity: 0.7;
    cursor: not-allowed;
}

.sheet-link-out {
    color: #005ee0;
    font-size: 13px;
    height: 18px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration: none;
}

.sheet-link-out-noflex {
    color: #005ee0;
    font-size: 13px;
    height: 18px;
    cursor: pointer;
    text-decoration: none;
}
p.invalid {
    font-size: 13px;
    line-height: 1.15;
    color: #ff0047;
    margin-top: 7px;
    margin-bottom: 7px;
}

.section-title {
    margin-bottom: 2px;
}

.section-title p {
    color: #444444;
    font-size: 11px;
    margin: 0;
    white-space: pre-line;
}

.section-title h4 {
    height: 18px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.select {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    border-radius: 2px;
}
.select .Select-arrow {
    border-right-width: 4px;
    border-color: #444 transparent transparent;
}
.select .Select.is-open > .Select-control .Select-arrow {
    border-right-width: 4px;
    border-color: transparent transparent #444;
}
.select .Select.is-searchable.is-open > .Select-control .Select-arrow {
    border-right-width: 4px;
    border-color: transparent transparent #444;
}
.select .Select > .Select-control .Select-value {
    line-height: 30px;
    padding-left: 5px !important;
}
.select .Select-value span {
    margin-left: 2px;
    margin-right: 2px;
    line-height: 30px;
}
.select .Select-value text {
    vertical-align: middle;
}
/*
    Capital Select targets multi-selects. This is from the library react-select
    and not our own code, so please leave the awkward casing alone.
*/
.Select--single .Select-multi-value-wrapper {
    font-size: 13px;
}
.Select-input input {
    padding: 2px 0 !important;
    height: 20px !important;
    margin: 2px 0;
    border: none !important;
}
.Select-control {
    border-radius: 2px !important;
    height: 32px !important;
}
.Select-placeholder {
    line-height: 30px !important;
}
.Select-input {
    height: 24px;
    padding: 0;
    float: left;
    /* Removes blank line that appears on click */
    width: 0 !important;
}
.Select-menu {
    max-height: 140px;
}
.Select-multi-value-wrapper {
    display: contents !important;
    vertical-align: middle;
}
.multi-select:last-child .Select-arrow-zone {
    display: none;
}
.Select--multi .Select-value {
    margin: 3px !important;
}
.Select--multi.is-disabled .cancel {
    display: none;
}
.Select.is-disabled > .Select-control {
    background-color: #f3f3f3;
}

.basicSheetFilterMenuItem div {
    padding-left: 23px;
    vertical-align: middle;
    display: inline-block;
}

.basicSheetFilterMenuItem img {
    margin-right: 7px;
    vertical-align: middle;
    display: inline-block;
}

.basicSheetFilterMenuItem img+div{
    padding-left: 0;
}

.adminPanelBasic .Select-value-label > div {
    display: inline;
}

.basic-sheet-filter .select .Select > .Select-control .Select-value {
    padding-left: 9px !important;
}

.basic-sheet-filter .select .Select > .Select-control .Select-value .basicSheetFilterMenuItem div {
    padding-left: 0;
}
.admin-panel-display {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    padding-bottom: 75px;
}
.admin-panel-display h1,
.admin-panel-display h4 {
    padding: 18px 0 0 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #444444;
}
.admin-panel-display ul {
    margin-top: 7px;
    margin-bottom: 0;
    padding-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.admin-panel-display input{
    width: 18px;
    height: 18px !important;
    margin: 0;
}
.add-display-options {
    width: 50%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.add-display-options h4 {
    margin-top: 4px;
}
.add-display-options li:nth-child(n+2) {
    padding-left: 25px;
}
.attachments-comments {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    white-space: nowrap;
}
.attachments-comments li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 4px;
}
.attachments-comments li.comment-notification-target {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
    padding-left: 50px;
    margin-top: 8px;
    margin-bottom: 0;
    white-space: normal;
}
.comment-notification-target .comment-notification-target-label {
    display: block;
    margin-bottom: 4px;
    white-space: nowrap;
}
.comment-notification-target .comment-notification-target-select {
    width: 100%;
}
.attachments-comments label {
    font-size: 13px;
    line-height: 20px;
}
.col-6 {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
}
.column-panel-container .column-panel:first-child {
    margin-right: 2.5px;
}
.column-panel-container .column-panel:nth-child(1) {
    margin-left: 2.5px;
}
.column-panel {
    border-radius: 2px;
}
.column-panel > .column-panel-header {
    background-color: #d9eafc;
    padding: 5px 7px;
    border: 1px solid #97c6f6;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.column-panel > .column-panel-header > span {
    font-size: 13px;
    font-weight: bold;
}
.column-panel > .column-panel-body {
    padding-left: 7px;
    border: solid 1px #e4e4e4;
    border-top: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    max-height: 350px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.column-panel-body li {
    margin-top: 14px;
    margin-left: 1.5%;
}
.column-panel-body li:first-child {
    margin-top: 0 !important;
}
.column-panel-body ul {
    margin-top: 0 !important;
}
.selected-fields-indicator {
    text-align: center;
    color: #888888;
}
.column-panel-body .draggable-field {
    margin-top: 7.5px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2px;
}
.column-panel-body .draggable-field .field-title {
    padding: 0 7px;
    line-height: 22px;
    color: #444444;
    font-size: 13px;
}
.column-panel-body .draggable-field .field-index {
    font-size: 11px;
    color: #888888;
    margin: 0 6px;
}
.available-fields {
    padding-top: 7px;
    padding-bottom: 7px !important;
    position: relative;
    height: 349px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.available-fields label {
    font-size: 13px;
    line-height: 20px;
}
.info-message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 40px;
    border-radius: 2px;
    border: solid 1px #c2defa;
    background-color: #e5f1fd;
    font-size: 13px;
}
.info-message > .info-message-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 18px;
    width: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

.multi-select-option {
    position: relative;
    padding: 5px 10px 5px 10px;
}
.multi-select-option:hover {
    background-color: #ddf1fb;
}
.multi-select-option .heading {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 13px;
}
.multi-select-option .heading {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    padding-top: 1px;
}
.multi-select-option .subLabel {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 11px;
}
.multi-select-option span p {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.admin-panel-permissions {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    color: #444444;
    padding-bottom: 75px;
}
.admin-panel-permissions > .info-message {
    margin-top: 20px;
}
.admin-panel-permissions h4 {
    margin-top: 15px;
}
.admin-panel-permissions p {
    margin-top: 0;
    margin-bottom: 0;
}

.owner > div {
    background-color: #f3f3f3;
    border: solid 1px #cccccc;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 30px;
}
.owner h1 {
    color: #0073ec;
    height: 18px;
    margin: 5px 0 0 0;
    font-size: 13px;
    cursor: pointer;
}
.Select-placeholder {
    font-size: 13px;
}
.invalid {
    color: #ff0047;
}

.create-ownership-transfer .select-new-owner {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 10px 0px;
    width: 550px;
}

.create-ownership-transfer .new-owner-dropdown {
    width: 524px;
}

.create-ownership-transfer .create-transfer-button {
    min-width: 70px;
    min-height: 26px;
    border: none;
    text-align: left;
    color: #005ee0;
    font-size: 13px;
    cursor: pointer;
    padding: 0;
    margin: 0 auto 0 0;
    background: transparent;
}

.create-ownership-transfer > .create-transfer-button:hover,
.cancel-transfer-button:hover
{
    color: #004fbe;
}

.create-ownership-transfer .transfer-owner-close-button {
    margin-left: 5px;
    border: none;
    padding: 0;
    background-color: transparent;
}

.cancel-ownership-transfer {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 13px;
    padding: 10px 0px;
    width: 550px;
}

.cancel-ownership-transfer p {
    padding: 0 5px;
}

.cancel-ownership-transfer .cancel-transfer-button {
    margin-left: 10px;
    border: none;
    padding: 0;
    background-color: transparent;
    color: #005ee0;
    cursor: pointer;
    font-size: 13px;
}

.cancel-ownership-transfer .orange-dot {
    width: 10px;
    height: 10px;
    background-color: #f6a623;
    border-radius: 5px;
}

.ownership-transfer-warning.modal {
    width: 410px;
}

.admin-panel-permissions .create-transfer-warning {
    margin-top: 2px;
    font-size: 11px;
}

.admin-panel-permissions .domain-sharing-warning {
    margin-top: 7px;
    font-size: 13px;
}
.single-contact {
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    color: inherit;
}
.single-contact .name-and-email {
    display: inline-block;
    padding-left: 7px;
    max-width: calc(100% - 32px);
}
.single-contact .name-and-email label {
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.single-contact .name-and-email .optionLabel {
    overflow: hidden;
}
.single-contact .name-and-email .optionSubLabel {
    color: #444444;
}
.single-contact .icon-user-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}
.single-contact .icon-user-container .icon-user {
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 50px;
}
.single-contact .icon-user {
    width: 24px;
    height: 24px;
    line-height: 25px;
    border-radius: 50px;
    font-style: normal;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    color: #f0f0f0;
}
.single-contact .icon-user img {
    width: 24px;
    height: 24px;
}
.single-contact .icon-user-container > img {
    height: 32px;
    width: 32px;
    border-radius:50%;
}

.error-message {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 40px;
    padding: 10px;
    border-radius: 2px;
    border: solid 1px #d0011b;
    background-color: #fbe6e9;
    font-size: 13px;
}

.error-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 18px;
    width: 18px;
    padding-left: 0px;
    padding-right: 10px;
}
.ownership-transfer {
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: calc(100% - var(--headerHeight));
}
.ownership-transfer .row-data p,
.ownership-transfer .date-and-time label,
.ownership-transfer .list-header .column-title,
.ownership-transfer .row-data .outer-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ownership-transfer .transfer-header {
    padding: 4px 10px;
}
.ownership-transfer .title {
    font-size: 28px;
    font-weight: bold;
    height: 34px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.ownership-transfer .subtitle {
    padding: 2px 0;
    margin: 0;
    margin-top: 10px;
    font-size: 13px;
    height: 45px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.ownership-transfer .row-data p {
    margin: 0;
    font-size: 13px;
}
.ownership-transfer .outer-cell > .cell-content {
    display: -ms-flexbox;
    display: flex;
}
.ownership-transfer .data-cell {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 0;
    cursor: default;
    height: 49px;
}
.ownership-transfer.received .data-cell.resolved-action img {
    margin: 0 5px 0 20px; /* to left align with header for Accepted/Declined buttons */
}
.ownership-transfer.sent .data-cell.resolved-action img {
    margin: 0 5px 0 5px; /* to left align with header for Cancel button */
}

/*
 Improvement suggestion: this nav css is very similar to AdminPanel & it would be best to add a generic Navigation
 css file 'NavBar.css' to hold the css that applies to both scenarios. Most of the css is redundant so it could go in the
 NavBar.css file and then only a few lines of css would be needed here and in AdminPanel.css to target unique characteristics for the two nav bars.
 */
.ownership-transfer .nav {
    white-space: nowrap;
    overflow: hidden;
    padding: 22px 0;
    text-align: left;
    margin: 0;
}
.ownership-transfer .nav > li {
    display: inline-block;
    list-style-type: none;
    margin-right: 5px;
    text-decoration: none;
}
.ownership-transfer .nav > li .tab-title {
    padding: 0 5px 0 15px;
    font-size: 13px;
}
.ownership-transfer .nav > li .tab-count {
    padding: 0 15px 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #005ee0;
}
.ownership-transfer .nav > li:focus {
    outline: none !important;
    font-weight: bold;
}
.ownership-transfer .nav > li.active {
    font-weight: bold;
}
.ownership-transfer .nav > li:hover {
    cursor: pointer;
}
.ownership-transfer .nav > li::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #005ee0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    margin-top: 6px;
}
.ownership-transfer .nav > li.active::after {
    margin-top: 2px;
}
.ownership-transfer .nav > li:hover::after {
    width: 100%;
    margin-top: 6px;
}
.ownership-transfer .nav > li.active::after {
    width: 100%;
    margin-top: 6px;
}

/*
  The classes 'ownership-transfer-all' and 'ownership-transfer-body' exist to manage the horizontal scroll bar on the react-virtualized table.
  Note that 'ownership-transfer-all' has a width that matches the visible width of the table and 'ownership-transfer-body' has a width that includes
  all content of the table. (Also note that depending on the size of the content, the '...-body' may be wider or narrower than '...-all'.)
  */
.ownership-transfer-all {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    overflow-x: scroll;
    overflow-y: hidden;
}
.ownership-transfer-body {
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.ownership-transfer .list-header,
.ownership-transfer .row-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    font-size: 13px;
    color: #161616;
    border-bottom: 1px solid #cccccc;
}
.ownership-transfer .list-header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: bold;
    height: 28px;
}
.ownership-transfer .column-title {
    margin-left: 0;
    text-transform: none;
}
.ownership-transfer .transfer-table {
    position: relative;
    height: calc(100vh - 218px);
}
.ownership-transfer .inner-transfer-table {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.ownership-transfer .row-data {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 50px;
}
.ownership-transfer .resolved .data-cell:not(.resolved-action) {
    opacity: 0.3;
}
.ownership-transfer .list-header .column-title,
.ownership-transfer .row-data .outer-cell {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.ownership-transfer .list-header .column-title {
    padding-left: 10px;
    padding-right: 10px;
}
.ownership-transfer .list-header .column-title:nth-child(1),
.ownership-transfer .row-data .outer-cell:nth-child(1) {
    margin-left: 0;
}
.ownership-transfer .list-header,
.ownership-transfer .list {
    padding: 0;
    margin: 0;
}
.ownership-transfer .date-and-time {
    display: inline-block;
}
.ownership-transfer .date-and-time label {
    display: block;
}
.ownership-transfer .btn {
    padding: 0;
    margin: 0 5px;
    line-height: 30px;
}
.ownership-transfer .name-and-email .option-label {
    font-weight: bold;
}

/*Center content for button(s) column*/
.sent .list-header .column-title:nth-child(5),
.received .list-header .column-title:nth-child(5),
.orgViews .list-header .column-title:nth-child(4) {
    text-align: center;
}
.ownership-transfer .transfer-buttons,
.ownership-transfer .resolved-action {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

/* Set this width on 'Accepted' & 'Declined' text so that it will left align with Accept/Decline buttons
even though flexbox causes the width of container to vary */
.ownership-transfer .resolved-action div {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.ownership-transfer.received .resolved-action div {
    width: 150px;
}
.ownership-transfer.sent .resolved-action div {
    width: 80px;
}
.ownership-transfer.orgViews .resolved-action .orange-dot {
    width: 10px;
    height: 10px;
    background-color: #f6a623;
    border-radius: 5px;
    margin: 2px 5px;
}

/*
 Note that classnames 'spinner-container' and 'spinner' are set in the generic Spinner component which is used in multiple places in this app.
 To avoid an unintended css override in other parts of the app, use 'ownership-transfer' prefix in order to customize the spinner for this case.
 */
.ownership-transfer .spinner-container {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    height: 100%;
}
.ownership-transfer .spinner-container p {
    margin: 0 10px;
}
.ownership-transfer .spinner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 20px;
    width: 20px;
}

/* Prevent link from extending past the content */
.ownership-transfer .sheet-link-out {
    display: inline-block;
}
.transfer-ownership-modal {
    width: 410px;
}

.transfer-ownership-modal .generic-modal-right {
    width: 100%;
}

.transfer-ownership-modal .select-new-owner {
    padding: 10px 0;
}

.transfer-ownership-modal .info-message {
    height: 60px;
}

@-webkit-keyframes react-loading-skeleton {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes react-loading-skeleton {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);

  -webkit-animation-name: react-loading-skeleton;

          animation-name: react-loading-skeleton;
  -webkit-animation-direction: var(--animation-direction);
          animation-direction: var(--animation-direction);
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

.ReactVirtualized__Table__headerRow.header-row {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #161616;
    height: auto !important;
    min-height: 30px !important;
    padding-right: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-align: stretch;
        align-items: stretch;
}

/* Hide the sort icon, sizer and hover display on column header for the status column because these don't apply */
.grid-table .header-row .header-column:first-child {
    visibility: hidden;
}
.header-row:focus {
    outline: none !important;
}
.header-column.disabled {
    opacity: 0.5;
}
.header-column:focus {
    outline: none !important;
}
.header-cell {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
}
.header-row .header-cell span {
    padding: 0 10px;
    -ms-flex-align: center;
        align-items: center;
}
.header-row .header-cell p {
    white-space: normal;
    margin: auto 0;
    padding-left: 10px;
    width: calc(100% - 15px); /* prevent sort icon from crowding column header on narrow column */
}
.header-row .header-column:first-of-type p {
    padding-left: 17px;
}
.data-row {
    border-bottom: 1px solid #f3f3f3;
    color: #444444;
    padding-left: 0;
    padding-right: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.data-row:focus {
    outline: none;
}
.data-row:focus-visible {
    outline: 2px solid rgba(28, 157, 224, 0.9);
    outline-offset: -2px;
}
.data-row.highlight-row,
.data-row:hover {
    background-color: rgba(28, 157, 224, 0.1);
}
.data-row .row-status img {
    width: 16px;
    margin: auto;
}
.data-row .spinner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
}
.data-row .spinner-container {
    -ms-flex-direction: row;
        flex-direction: row;
    height: 100%;
}
.data-cell {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 39px;
}
.row-status {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 39px;
}
.ReactVirtualized__Table__rowColumn {
    height: 100%;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.ReactVirtualized__Table__headerColumn.header-column:first-of-type,
.ReactVirtualized__Table__rowColumn.outer-cell:first-of-type {
    margin-left: 0;
}
.wrap-text .data-cell {
    white-space: pre-wrap;
    border-bottom: none;
    height: 100%;
}
.outer-cell > .cell-content,
.outer-cell > .wrapped-cell {
    display: table;
    border-spacing: 0;
    width: 100%;
    height: 100%;
}
.wrapped-cell .cell-content {
    display: table-cell;
    vertical-align: middle;
}
.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
    margin-right: 0 !important;
}
.selected-row,
.selected-row:hover {
    background-color: rgba(28, 157, 224, 0.2);
}
.header-column {
    text-transform: none;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    padding-top: 2px;
    border-bottom: 3px solid transparent;
}
.header-column:hover {
    border-bottom: 3px solid #005ee0;
}
/* TODO: Still in progress: Fix horiz scrollbar
Force horiz scrollbar to always appear so that dynamic height for inner-grid won't have a gap*/
.grid-table {
    overflow-y: hidden;
    overflow-x: hidden;
}
.empty-state {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 1em;
    color: #bdbdbd;
    text-align: center;
}
.empty-state.error {
    -ms-flex-direction: column;
        flex-direction: column;
    justify-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    color: #161616;
}
.empty-state.error h3 {
    font-size: 18px;
    font-weight: 300;
    -webkit-margin-after: 2px;
            margin-block-end: 2px;
    -webkit-margin-before: 56px;
            margin-block-start: 56px;
}
.autosizer {
    min-width: 100%;
}
.ReactVirtualized__Table__sortableHeaderIcon {
    position: absolute;
    right: 5px;
    height: 100% !important;
}
.header-column .DragHandleIcon {
    position: absolute;
    right: -11px;
    top: 0;
    cursor: col-resize;
    height: 100%;
    z-index: 8;
}
.header-column .DragHandleIcon .vertical-pipe {
    background-color: transparent;
    width: 1px;
    height: 100%;
}
.header-column .DragHandleIcon:hover .vertical-pipe {
    background-color: #cccccc;
}
.header-filter-button {
    margin-right: 5px;
    padding: 4px 4px;
}
.header-filter-button.margin-right {
    margin-right: 22px;
}
.filter-container .filter-button .primary-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-image {
    padding: 0;
}

/* Skeleton row animation - single opacity pulse per row instead of per-cell gradient animations.
   This reduces compositor layers from ~2000 (one per cell) to ~30 (one per visible row). */
.skeleton-row {
    -webkit-animation: grid-skeleton-pulse 1.4s ease-in-out infinite;
            animation: grid-skeleton-pulse 1.4s ease-in-out infinite;
}

@-webkit-keyframes grid-skeleton-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.45; }
}

@keyframes grid-skeleton-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.45; }
}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.ReactVirtualized__Table__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -ms-flex: 0 0 24px;
      flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
.button-group button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: bottom;
}
.button-group button:first-child {
    margin-right: 3px;
}

.settings-link {
    width: 79px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 5px;
}
.settings-link img {
    display: inline;
    padding-right: 5px;
}
.settings-link-button {
    text-decoration: none;
    color: #fff;
    line-height: 20px;
}
.r-side-panel {
    background-color: white;
    color: black;
    z-index: 9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-color: #ffffff;
    -webkit-box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    bottom: 0;
    top: var(--headerHeight);
    display: -ms-flexbox;
    display: flex;
}
.r-side-panel.in-iframe {
    top: 0;

}
.animateRSidePanelEnter {
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 150ms, width 3000ms;
    transition: opacity 150ms, width 3000ms;
}
.animateRSidePanelEnterActive {
    opacity: 1;
}
.animateRSidePanelLeave {
    opacity: 1;
    -webkit-transition: opacity 50ms, width 150ms;
    transition: opacity 50ms, width 150ms;
}
.animateRSidePanelLeaveActive {
    opacity: 0;
    width: 0;
}
.animateRSidePanelLeaveDone {
    opacity: 0;
    width: 0;
}
.close-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index:10;
}
.attachments-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}

.attachments {
    width: 100%;
    bottom: 60px;
    padding-top: 10px;
    padding-bottom: 20px;
    overflow: auto;
    -ms-flex: 1 1;
        flex: 1 1;
}

.empty {
    padding-top: 18px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #979797;
    background-color: #ffffff;
    height: calc(100% - 18px);
}

.attach-file-wrap {
    height: 60px;
    width: 100%;
    -ms-flex-align: end;
        align-items: flex-end;
}

.attach-file {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #f3f3f3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.attach-file button {
    width: 100%;
    background-color: #0073ec;
    height: 40px;
    padding: 12px 20px;
    color: white;
    outline: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: lighter;
    border: none;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}

.attach-file button:hover {
    background-color: #005CBC;
}

.attach-label-inner {
    min-width: 110px;
    height: 16px;
    margin: 0 auto;
}

.attach-label span {
    display: block;
    height: 16px;
    line-height: 16px;
    margin-top: 0px;
    float: left;
}

.attach-file > input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.attachment-item {
    overflow: hidden;
    line-height: 20px;
    border-radius: 2px;
    height: 33px;
    padding: 10px 20px 7px 20px;
    cursor: pointer;
}

.attachment-item:hover {
    background-color: rgba(28, 157, 224, 0.1);
}

.attach-input {
    display: none;
}

.attachment-details {
    float: left;
    width: calc(100% - 80px);
    overflow: hidden;
}

.attachment-name {
    text-decoration: none;
    color: #444444;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-info {
    line-height: 12px;
    opacity: 0.6
}

.attachment-loading {
    float: right;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    border: 2px solid #63b203;
    background-color: #63b203;
    border-radius: 50%;
    font-size: 10px;
    line-height: 26px;
    text-align: center;
}

.attachment-item:hover .attachment-remove {
    display: block;
}

.attachment-remove {
    display: none;
    float: right;
    width: 16px;
    height: 16px;
    margin: 8px 8px 0 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMy4wMDJoMS45OWEuNTEuNTEgMCAwIDEgLjUxLjVjMCAuMjc2LS4yMjguNS0uNTEuNUgzLjUxYS41MS41MSAwIDAgMS0uNTEtLjVjMC0uMjc2LjIyOC0uNS41MS0uNUg1LjVBLjk5OC45OTggMCAwIDEgNi41IDJoM2EuOTk4Ljk5OCAwIDAgMSAxIDEuMDAyem0tNS42MjUgOS4wMDFMNCA1aDcuOTVsLS44MzIgNy4wMDNjLS4wNjQuNTQ0LS41NjIuOTk3LTEuMTA5Ljk5N0g1Ljk5MWMtLjU0IDAtMS4wNDctLjQ0Ni0xLjExNi0uOTk3eiIvPgo8L3N2Zz4K) none;
    opacity: 0.6;
    cursor: pointer;
}

.mime-type-application-octet-stream,
.mime-type-text-plain,
.mime-type-text-calendar-charset-UTF-8,
.mime-type-text-xml,
.mime-type-application-vnd-google-apps-drawing {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfZ2VuZXJpYzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2ZpbGVfZ2VuZXJpYyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb25GaWxlL0dlbmVyaWMiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBzdHJva2U9IiM4ODg4ODgiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjODg4ODg4IiB4PSIzIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzg4ODg4OCIgeD0iMyIgeT0iNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjODg4ODg4IiB4PSIzIiB5PSI4IiB3aWR0aD0iMTAiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiM4ODg4ODgiIHg9IjMiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.mime-type-application-msword,
.mime-type-application-vnd-openxmlformats-officedocument-wordprocessingml-document {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfbXNfd29yZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2ZpbGVfbXNfd29yZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb25GaWxlL1dvcmQiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMTg0OThBIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJXIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUuNDU1MzAxNDYgMTEgNCA1IDUuMjU5ODc1MjYgNSA2LjE3ODc5NDE4IDkuMTIxNDE4ODMgNy4yOTMxMzkyOSA1IDguNzU2NzU2NzYgNSA5LjgyNTM2MzgzIDkuMTkwOTk1OTEgMTAuNzYwOTE0OCA1IDEyIDUgMTAuNTE5NzUwNSAxMSA5LjIxNDEzNzIxIDExIDggNi41MTQzMjQ2OSA2Ljc5MDAyMDc5IDExIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.mime-type-application-vnd-ms-excel,
.mime-type-text-csv,
.mime-type-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfbXNfZXhjZWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl9maWxlX21zX2V4Y2VsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaWNvbkZpbGUvRXhjZWwiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMTM2MzMyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJYIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUgMTEgNy4yMDU0MjkyIDcuODY5MDMxMzggNS4yMDY4OTY1NSA1IDYuNzMwMDA3MzQgNSA4LjAyNDIxMTMgNi45Mjc2OTQ0MSA5LjI5MjAwMjkzIDUgMTAuODAxOTA3NiA1IDguNzk0NTcwOCA3LjkxNDA1MTg0IDExIDExIDkuNDI4NDY2NjIgMTEgNy45OTc3OTg5NyA4LjkyNDk2NTg5IDYuNTYyNzI5MjcgMTEiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.mime-type-application-vnd-ms-powerpoint,
.mime-type-application-vnd-openxmlformats-officedocument-presentationml-presentation {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfbXNfcG93ZXJwb2ludDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2ZpbGVfbXNfcG93ZXJwb2ludCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb25GaWxlL1Bvd2VycG9pbnQiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjQjYzQTFFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02LDExIEw2LDUgTDcuOTQ0MDY1NDgsNSBDOC42ODA3Njc2Nyw1IDkuMTYwOTgxMTUsNS4wMzAwMTMzNCA5LjM4NDcyMDMzLDUuMDkwMDQwOTMgQzkuNzI4NTE0NjgsNS4xODAwODIzMSAxMC4wMTYzNjk5LDUuMzc1ODUxMTUgMTAuMjQ4Mjk0Nyw1LjY3NzM1MzM0IEMxMC40ODAyMTk0LDUuOTc4ODU1NTMgMTAuNTk2MTgwMSw2LjM2ODM0Njg2IDEwLjU5NjE4MDEsNi44NDU4MzkwMiBDMTAuNTk2MTgwMSw3LjIxNDE5MDExIDEwLjUyOTMzMjIsNy41MjM4NzMyMyAxMC4zOTU2MzQ0LDcuNzc0ODk3NjggQzEwLjI2MTkzNjYsOC4wMjU5MjIxMyAxMC4wOTIwODgzLDguMjIzMDU1MjIgOS44ODYwODQ1OCw4LjM2NjMwMjg2IEM5LjY4MDA4MDgzLDguNTA5NTUwNTEgOS40NzA2Njk1NSw4LjYwNDM2NTM5IDkuMjU3ODQ0NDcsOC42NTA3NTAzNCBDOC45Njg2MjA2NSw4LjcwODA0OTQgOC41NDk3OTgxLDguNzM2Njk4NSA4LjAwMTM2NDI2LDguNzM2Njk4NSBMNy4yMTE0NTk3NSw4LjczNjY5ODUgTDcuMjExNDU5NzUsMTEgTDYsMTEgWiBNNy4yMTE0NTk3NSw2LjAxNTAwNjgyIEw3LjIxMTQ1OTc1LDcuNzE3NTk4OTEgTDcuODc0NDg4NCw3LjcxNzU5ODkxIEM4LjM1MTk4MDU2LDcuNzE3NTk4OTEgOC42NzEyMTMzOCw3LjY4NjIyMTMyIDguODMyMTk2NDUsNy42MjM0NjUyMSBDOC45OTMxNzk1Miw3LjU2MDcwOTEgOS4xMTkzNzE5OCw3LjQ2MjQ4MzYyIDkuMjEwNzc3NjMsNy4zMjg3ODU4MSBDOS4zMDIxODMyNyw3LjE5NTA4ODAxIDkuMzQ3ODg1NCw3LjAzOTU2NDMyIDkuMzQ3ODg1NCw2Ljg2MjIxMDEgQzkuMzQ3ODg1NCw2LjY0MzkyNzk3IDkuMjgzNzY1OTksNi40NjM4NDc5MSA5LjE1NTUyNTI0LDYuMzIxOTY0NTMgQzkuMDI3Mjg0NDksNi4xODAwODExNSA4Ljg2NDkzOTU5LDYuMDkxNDA1MzYgOC42Njg0ODU2OCw2LjA1NTkzNDUyIEM4LjUyMzg3Mzc3LDYuMDI4NjQ5MjUgOC4yMzMyOTAwNCw2LjAxNTAwNjgyIDcuNzk2NzI1NzgsNi4wMTUwMDY4MiBMNy4yMTE0NTk3NSw2LjAxNTAwNjgyIFoiIGlkPSJQIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.mime-type-application-pdf {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfcGRmPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fZmlsZV9wZGYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRmlsZS9BY3JvYmF0Ij4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS05OCIgZmlsbD0iI0ZGMzIwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNOC4yNDY3OTE5NSwyLjc4NTcxNTIyIEM4LjUyODE3OTQ1LDMuMDIzODEyMzQgOC41NzcwOTc1OCwzLjYwODIzMjUzIDguNTcxNDY5ODMsMy44ODk2MjAwMiBDOC41NTY5Njc1Niw0LjYwMDIzMTY4IDguMzc2NjYzMSw1LjY4NjE3MDk3IDguMzc2NjYzMSw1LjcyOTQ2MTM2IEM4LjM3NjY2MzEsNS44ODA5Nzc3IDguNjU4MDUwNiw2LjMzNTUyNjc0IDguNzAxMzQwOTksNi40NDM3NTI3IEM5LjIyMDgyNTYsNy4zMzEyMDU1OCA5LjY3NTM3NDYzLDguMzQ4NTI5NjEgMTAuNDk3ODkxOSw5LjI1NzYyNzY4IEMxMC44MDA5MjQ2LDkuMTkyNjkyMSAxMS4zNjM2OTk2LDkuMTQ5NDAxNzIgMTEuNDA2OTksOS4xNDk0MDE3MiBDMTEuNzc0OTU4Myw5LjE0OTQwMTcyIDEyLjUxMDg5NDgsOS4xNDk0MDE3MiAxMi41MTA4OTQ4LDkuNzc3MTEyMjkgQzEyLjUxMDg5NDgsMTAuMjUzMzA2NSAxMS44Mzc5NDU4LDEwLjU0NzAzMTggMTEuNTM2ODYxMiwxMC41MTMwNDg4IEMxMC43Njg0NTY4LDEwLjQyNjQ2ODEgMTAuMzM5MjMyNyw5LjkzMjMwODMyIDEwLjIxNjUwNDQsOS44ODUzMzgyNSBDMTAuMDU0ODE0OSw5LjgyMzQzMyA4LjI5MDA4MjM0LDEwLjQ2OTc1ODQgNy45NjU0MDQ0NSwxMC41OTk2Mjk2IEM3LjU1NDE0NTgsMTAuNzUxMTQ1OSA2LjkwMTExMDM2LDEwLjk0NTk1MjcgNi43MzE2Mjg1LDExLjExOTExNDIgQzYuNTYwMTk4NTgsMTEuMjk0MDA3NCA2LjUzNjgyMTc3LDExLjM5NjgyMiA2LjM0MjAxNTA0LDExLjc2ODQ3IEM2LjA1MjE4NTkyLDEyLjMyMTUwNDYgNS41ODQ0MzMzMiwxMi45ODA2MDA3IDQuOTU2NzIyNzQsMTMuMzI2OTIzOCBDNC42NTM2OTAwNSwxMy41MDAwODUzIDQuNDE1NTkyOTQsMTMuNTg2NjY2MSA0LjE1NTg1MDY0LDEzLjU4NjY2NjEgQzMuOTE3NzUzNTIsMTMuNTg2NjY2MSAzLjMzMzMzMzMzLDEzLjQzNTE0OTggMy4zMzMzMzMzMywxMy4wMjM4OTExIEMzLjMzMzMzMzMzLDEyLjAyODIxMjMgNi4xMDM5MTc5MywxMS4wNTQxNzg2IDYuMjc3MDc5NDcsMTAuNzUxMTQ1OSBDNi41MTUxNzY1OCwxMC4zMTgyNDIxIDYuNjY2NjkyOTIsOS44MjA0MDI2NyA2LjgxODIwOTI3LDkuMzQ0MjA4NDUgQzYuODgzMTQ0ODUsOS4xNzEwNDY5MSA3LjcyNzMwNzM0LDYuMzM1NTI2NzQgNy43MjczMDczNCw1Ljg4MDk3NzcgQzcuNzI3MzA3MzQsNS44MTYwNDIxMiA3LjU1NDE0NTgsNS4zNjE0OTMwOSA3LjQ4OTIxMDIzLDUuMTQ1MDQxMTcgQzcuMjgzNTgwOSw0LjQzMDc0OTgzIDcuMjA2NzQwNDcsMy44NzU1NTA2NSA3LjI2MTkzNTcxLDMuMzg2MzY5MzEgQzcuMzEwNDIwOTQsMi45NTU4NDY0MyA3LjY2MjgwNDY3LDIuNjY2NjY2NjcgNy44ODI1MDMzNywyLjY2NjY2NjY3IEM3Ljk0NzQzODk0LDIuNjY2NjY2NjcgOC4xMzg1NjU5OSwyLjY5OTEzNDQ1IDguMjQ2NzkxOTUsMi43ODU3MTUyMiBNOC4wNTE5ODUyMiwzLjY3MzE2ODEgQzguMDUxOTg1MjIsMy44NDYzMjk2NCA3Ljk5NjE0MDYzLDQuMjMwNTMxOCA3LjkzODM0Nzk2LDQuNjg1MDgwODMgQzcuODUxNzY3MTksNC40OTAyNzQxMSA3LjcwMDI1MDg1LDQuMTQ5MzYyMzMgNy42ODc2OTY2NCwzLjY4Mzk5MDcgQzcuNjgyNzE4MjQsMy41MDY5MzMwMyA3Ljc3NjAwOTAyLDMuMzA1MTk5ODQgNy44NjI1ODk3OSwzLjMwNTE5OTg0IEM3Ljk5MjQ2MDk0LDMuMzA1MTk5ODQgOC4wNTE5ODUyMiwzLjYwODIzMjUzIDguMDUxOTg1MjIsMy42NzMxNjgxIE05Ljc2MTk1NTQsOS40MzA3ODkyMSBDOC44OTYxNDc3Miw5LjY0NzI0MTE0IDcuOTg3MDQ5NjUsOS45OTM1NjQyMSA3LjEyMTI0MTk2LDEwLjM4MzE3NzcgQzcuNjE5MDgxMzgsOS4yNzkyNzI4NyA3Ljg3ODgyMzY5LDguMTUzNzIyODggOC4xNjAyMTExOCw3LjA0OTgxODA4IEM4LjUyODE3OTQ1LDcuNzg1NzU0NjEgOS4wMjYwMTg4Nyw4LjY3MzIwNzQ5IDkuNzYxOTU1NCw5LjQzMDc4OTIxIE0xMS41MTUyMTYsOS44MjA0MDI2NyBDMTEuNjk5MjAwMSw5Ljk2ODIzOTM0IDExLjU4MDE1MTUsOS45OTM1NjQyMSAxMS41ODAxNTE1LDkuOTkzNTY0MjEgQzExLjI4MDc5ODUsMTAuMDAwNzA3MSAxMS4xMzI3NDU0LDkuODc0NTE1NjUgMTAuOTk1NzMxNCw5Ljc1NTQ2NzEgQzExLjIzNzUwODIsOS43MDEzNTQxMiAxMS40OTM1NzA4LDkuNzk4NzU3NDggMTEuNTE1MjE2LDkuODIwNDAyNjcgTTQuMjY0MDc2NiwxMy4wNDU1MzYzIEM0LjI2NDA3NjYsMTMuMDQ1NTM2MyA0LjExMjU2MDI1LDEzLjA3MDg2MTIgNC4xMzQyMDU0NCwxMi44NzIzNzQ4IEM0LjE3NDAzMjYsMTIuNTA2NTcxIDQuNTg4NzU0NDgsMTIuMjIzMDE5IDQuOTM1MDc3NTUsMTIuMDI4MjEyMyBDNS4yMzgxMTAyNCwxMS44NTUwNTA3IDUuNTYyNzg4MTIsMTEuNzAzNTM0NCA1Ljg4NzQ2NjAxLDExLjU1MjAxOCBDNS41NjI3ODgxMiwxMi4xMTQ3OTMgNC45NTMwNDMwNiwxMi45ODc3NDM2IDQuMjY0MDc2NiwxMy4wNDU1MzYzIiBpZD0iUGFnZS0xIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.mime-type-application-zip {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfemlwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fZmlsZV96aXAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRmlsZS9aaXBGb2xkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxLjAwMDAwMCkiIHN0cm9rZT0iIzg4ODg4OCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNi41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTguMDAwMDAwLCAtNi41MDAwMDApICI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMjA3MTA2OCwwLjUgTDkuMjA3MTA2NzgsMS41IEwxLjAwNzU4MjQyLDEuNSBDMC43MjE2NzIxODEsMS41IDAuNSwxLjcyMDk4NTYzIDAuNSwxLjk5ODk1NjU2IEwwLjUsMTIuMDA0NDIyNSBDMC41LDEyLjI3ODA0NDkgMC43MjMyNzQ1ODQsMTIuNSAxLjAwMDg3MTY2LDEyLjUgTDE0Ljk5OTEyODMsMTIuNSBDMTUuMjc4MDIzMywxMi41IDE1LjUsMTIuMjc4MDE2NCAxNS41LDEyLjAwMTQ5NzcgTDE1LjUsMC45OTg1MDIzMjkgQzE1LjUsMC43MjI1Nzg1OTcgMTUuMjc5MjExMiwwLjUgMTUuMDA5MjIyLDAuNSBMMTAuMjA3MTA2OCwwLjUgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRkZGRkYiIHg9IjUuNSIgeT0iNy41IiB3aWR0aD0iMiIgaGVpZ2h0PSIzIiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0NDQ0NDQyIgeD0iNi41IiB5PSIyLjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiNDQ0NDQ0MiIHg9IjcuNSIgeT0iMy41IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjQ0NDQ0NDIiB4PSI2LjUiIHk9IjQuNSIgd2lkdGg9IjEiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0NDQ0NDQyIgeD0iNy41IiB5PSI1LjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiNDQ0NDQ0MiIHg9IjYuNSIgeT0iNi41IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.mime-type-application-vnd-ms-project {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfbXNfcHJvamVjdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2ZpbGVfbXNfcHJvamVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb25GaWxlL01TUHJvamVjdCI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMzNjc0MkUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTYsMTEgTDYsNSBMNy45NDQwNjU0OCw1IEM4LjY4MDc2NzY3LDUgOS4xNjA5ODExNSw1LjAzMDAxMzM0IDkuMzg0NzIwMzMsNS4wOTAwNDA5MyBDOS43Mjg1MTQ2OCw1LjE4MDA4MjMxIDEwLjAxNjM2OTksNS4zNzU4NTExNSAxMC4yNDgyOTQ3LDUuNjc3MzUzMzQgQzEwLjQ4MDIxOTQsNS45Nzg4NTU1MyAxMC41OTYxODAxLDYuMzY4MzQ2ODYgMTAuNTk2MTgwMSw2Ljg0NTgzOTAyIEMxMC41OTYxODAxLDcuMjE0MTkwMTEgMTAuNTI5MzMyMiw3LjUyMzg3MzIzIDEwLjM5NTYzNDQsNy43NzQ4OTc2OCBDMTAuMjYxOTM2Niw4LjAyNTkyMjEzIDEwLjA5MjA4ODMsOC4yMjMwNTUyMiA5Ljg4NjA4NDU4LDguMzY2MzAyODYgQzkuNjgwMDgwODMsOC41MDk1NTA1MSA5LjQ3MDY2OTU1LDguNjA0MzY1MzkgOS4yNTc4NDQ0Nyw4LjY1MDc1MDM0IEM4Ljk2ODYyMDY1LDguNzA4MDQ5NCA4LjU0OTc5ODEsOC43MzY2OTg1IDguMDAxMzY0MjYsOC43MzY2OTg1IEw3LjIxMTQ1OTc1LDguNzM2Njk4NSBMNy4yMTE0NTk3NSwxMSBMNiwxMSBaIE03LjIxMTQ1OTc1LDYuMDE1MDA2ODIgTDcuMjExNDU5NzUsNy43MTc1OTg5MSBMNy44NzQ0ODg0LDcuNzE3NTk4OTEgQzguMzUxOTgwNTYsNy43MTc1OTg5MSA4LjY3MTIxMzM4LDcuNjg2MjIxMzIgOC44MzIxOTY0NSw3LjYyMzQ2NTIxIEM4Ljk5MzE3OTUyLDcuNTYwNzA5MSA5LjExOTM3MTk4LDcuNDYyNDgzNjIgOS4yMTA3Nzc2Myw3LjMyODc4NTgxIEM5LjMwMjE4MzI3LDcuMTk1MDg4MDEgOS4zNDc4ODU0LDcuMDM5NTY0MzIgOS4zNDc4ODU0LDYuODYyMjEwMSBDOS4zNDc4ODU0LDYuNjQzOTI3OTcgOS4yODM3NjU5OSw2LjQ2Mzg0NzkxIDkuMTU1NTI1MjQsNi4zMjE5NjQ1MyBDOS4wMjcyODQ0OSw2LjE4MDA4MTE1IDguODY0OTM5NTksNi4wOTE0MDUzNiA4LjY2ODQ4NTY4LDYuMDU1OTM0NTIgQzguNTIzODczNzcsNi4wMjg2NDkyNSA4LjIzMzI5MDA0LDYuMDE1MDA2ODIgNy43OTY3MjU3OCw2LjAxNTAwNjgyIEw3LjIxMTQ1OTc1LDYuMDE1MDA2ODIgWiIgaWQ9IlAiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.mime-type-image-png,
.mime-type-image-jpeg,
.mime-type-image-gif,
.mime-type-image {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfcmFzdGVyX2ltYWdlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fZmlsZV9yYXN0ZXJfaW1hZ2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRmlsZS9JbWFnZSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMwMDczZWMiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTYuMDM4NDYxNTQsMTAuODQ2MTUzOCBMNC41LDkgTDIsMTIgTDE0LDEyIEw5LjUsNyBMNi4wMzg0NjE1NCwxMC44NDYxNTM4IEw2LjAzODQ2MTU0LDEwLjg0NjE1MzggWiBNNC41LDcgQzUuMzI4NDI3MTIsNyA2LDYuMzI4NDI3MTIgNiw1LjUgQzYsNC42NzE1NzI4OCA1LjMyODQyNzEyLDQgNC41LDQgQzMuNjcxNTcyODgsNCAzLDQuNjcxNTcyODggMyw1LjUgQzMsNi4zMjg0MjcxMiAzLjY3MTU3Mjg4LDcgNC41LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.mime-type-image-svg-xml {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfdmVjdG9yX2ltYWdlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fZmlsZV92ZWN0b3JfaW1hZ2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRmlsZS9WZWN0b3JBdHRhY2htZW50Ij4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00IiBmaWxsPSIjMDA3M2VjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTIuNzUxMzI1MjMsNi4xODI2NDMxMyBDNC43MDM5NDY2OSw0LjIzMDAyMTY3IDcuODY5NzcxNTgsNC4yMzAwMjE2NyA5LjgyMjM5MzA0LDYuMTgyNjQzMTMgQzExLjc3NTAxNDUsOC4xMzUyNjQ1OSAxMS43NzUwMTQ1LDExLjMwMTA4OTUgOS44MjIzOTMwNCwxMy4yNTM3MTA5IEw5LjExNTI4NjI2LDEyLjU0NjYwNDIgQzEwLjY3NzM4MzQsMTAuOTg0NTA3IDEwLjY3NzM4MzQsOC40NTE4NDcwOCA5LjExNTI4NjI2LDYuODg5NzQ5OTEgQzcuNTUzMTg5MDksNS4zMjc2NTI3NCA1LjAyMDUyOTE3LDUuMzI3NjUyNzQgMy40NTg0MzIwMSw2Ljg4OTc0OTkxIEwyLjc1MTMyNTIzLDYuMTgyNjQzMTMgWiBNMTIuNTIwOTQ2NiwxMC4yOTU0MTAyIEwxMS4yMzY5NTEzLDkuMDExNDE0OTMgQzExLjQzNDAyMzQsMTAuMzk5MjgzIDExLjA0NzQ1ODYsMTEuODU0MDkzNyAxMC4wNzcyNTY5LDEyLjk3OTM0MDMgQzEwLjE3MzMxNTgsMTMuMzE2ODY3IDEwLjA4ODM2MTIsMTMuNjk0ODQ5NiA5LjgyMjM5MzA0LDEzLjk2MDgxNzcgQzkuNDMyMDcwMSwxNC4zNTExNDA3IDguNzk4OTczODIsMTQuMzUxNjEyMSA4LjQwODE3OTQ4LDEzLjk2MDgxNzcgQzguMDE3Mzg1MTMsMTMuNTcwMDIzNCA4LjAxNzg1NjUzLDEyLjkzNjkyNzEgOC40MDgxNzk0OCwxMi41NDY2MDQyIEM4LjY2NTUyMDI1LDEyLjI4OTI2MzQgOS4wMjc3MjYzMSwxMi4yMDEzODMzIDkuMzU2Njg4NjIsMTIuMjgyOTYzOSBDMTAuNTAzMjc0NywxMC45MTM3OTcyIDEwLjU4OTg0NTcsOC45NTc3ODQzOCA5LjYxNjQwMTg1LDcuNSBMOC41LDcuNSBMOC41LDYuMzg1Mjc2OTIgQzcuMDQyNzQ5NDEsNS40MTUzOTExNCA1LjA4OTY2Mjk2LDUuNTAzMDgxMzUgMy43MjIwNzIzMSw2LjY0ODM0NzU0IEMzLjgwMzY1Mjg4LDYuOTc3MzA5ODYgMy43MTU3NzI3OCw3LjMzOTUxNTkyIDMuNDU4NDMyMDEsNy41OTY4NTY2OSBDMy4wNjgxMDkwNiw3Ljk4NzE3OTYzIDIuNDM1MDEyNzksNy45ODc2NTEwNCAyLjA0NDIxODQ1LDcuNTk2ODU2NjkgQzEuNjUzNDI0MSw3LjIwNjA2MjM0IDEuNjUzODk1NSw2LjU3Mjk2NjA3IDIuMDQ0MjE4NDUsNi4xODI2NDMxMyBDMi4zMTAxODY2Miw1LjkxNjY3NDk2IDIuNjg4MTY5Miw1LjgzMTcyMDMzIDMuMDI1Njk1ODgsNS45Mjc3NzkyMyBDNC4xNTA5NDI0Nyw0Ljk1NzU3NzU2IDUuNjA1NzUzMTksNC41NzEwMTI3NyA2Ljk5MzYyMTIzLDQuNzY4MDg0ODggTDUuNzA0NTg5NzgsMy40NzkwNTM0NCBDNS42Mzg1NDY3NSwzLjQ5Mjc4Mzc2IDUuNTcwMTE2MSwzLjUgNS41LDMuNSBDNC45NDc3MTUyNSwzLjUgNC41LDMuMDUyMjg0NzUgNC41LDIuNSBDNC41LDEuOTQ3NzE1MjUgNC45NDc3MTUyNSwxLjUgNS41LDEuNSBDNi4wNTIyODQ3NSwxLjUgNi41LDEuOTQ3NzE1MjUgNi41LDIuNSBDNi41LDIuNjA4NTYxOTcgNi40ODI3MDA1OSwyLjcxMzA4MzQ2IDYuNDUwNzA4MDYsMi44MTA5NTgxNSBMOS4xMzk3NDk5MSw1LjUgTDEwLjUsNS41IEwxMC41LDYuODYwMjUwMDkgTDEzLjE4OTA0MTgsOS41NDkyOTE5NCBDMTMuMjg2OTE2NSw5LjUxNzI5OTQxIDEzLjM5MTQzOCw5LjUgMTMuNSw5LjUgQzE0LjA1MjI4NDcsOS41IDE0LjUsOS45NDc3MTUyNSAxNC41LDEwLjUgQzE0LjUsMTEuMDUyMjg0NyAxNC4wNTIyODQ3LDExLjUgMTMuNSwxMS41IEMxMi45NDc3MTUzLDExLjUgMTIuNSwxMS4wNTIyODQ3IDEyLjUsMTAuNSBDMTIuNSwxMC40Mjk4ODM5IDEyLjUwNzIxNjIsMTAuMzYxNDUzMyAxMi41MjA5NDY2LDEwLjI5NTQxMDIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.mime-type-text-html {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfaHRtbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2ZpbGVfaHRtbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb25GaWUvSFRNTCIgc3Ryb2tlPSIjODg4ODg4Ij4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgcG9pbnRzPSI2IDYgMyA4IDYgMTAiPjwvcG9seWxpbmU+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDguMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC04LjAwMDAwMCkgIiBwb2ludHM9IjEzIDYgMTAgOCAxMyAxMCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgPHBhdGggZD0iTTksNCBMNywxMiIgaWQ9IkxpbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.mime-type-text-x-vcard {
    /* background: url(/https/app.smartsheet.com/assets/images/mime-types/vcard.svg); */
}

.mime-type-application-msoutlook {
    /* background: url(/https/app.smartsheet.com/assets/images/mime-types/outlook.svg); */
}

.mime-type-audio-mp3,
.mime-type-video-x-ms-wmv {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfYXVkaW88L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl9maWxlX2F1ZGlvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaWNvbkZpbGUvQXVkaW8iPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA3M2VjIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDYuOTk1Mzg4OTggQzIsNi43MjE3OTMyIDIuMjE0MDM1MDMsNi40NDY0OTEyNCAyLjQ4NDE0NDIxLDYuMzc4OTYzOTUgTDQsNiBMNywzIEw4LDMgTDgsMTMgTDcsMTMgTDQsMTAgTDIuNDg0MTQ0MjEsOS42MjEwMzYwNSBDMi4yMTY3NTg3NSw5LjU1NDE4OTY5IDIsOS4yODQyNDc0IDIsOS4wMDQ2MTEwMiBMMiw2Ljk5NTM4ODk4IFoiIGlkPSJSZWN0YW5nbGUtMTAiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTE0LDggQzE0LDYuMDU5NTE2NzQgMTMuMjEwNDE3NCw0LjMwMzQ1MDM4IDExLjkzNTAwNzEsMy4wMzU1NTU2NSBMMTEuMjI3ODk2NywzLjc0MjY2NjA2IEMxMi4zMjIzNDQzLDQuODI5NTkzMiAxMyw2LjMzNTY1OTEyIDEzLDggQzEzLDkuNjYxMjY5MTUgMTIuMzI0ODQzNCwxMS4xNjQ4NDcgMTEuMjMzOTUyMiwxMi4yNTEzMTE1IEwxMS45NDEwNjAzLDEyLjk1ODQxOTYgQzEzLjIxMjkxNTIsMTEuNjkwOTg5NiAxNCw5LjkzNzQxMTUzIDE0LDggWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjgxOTczNDI0LDEwLjgzNzA5MzUgTDkuMTEyNjIzMDUsMTAuMTI5OTgyMyBDOS42NjA2MjUwMyw5LjU4NjQxODggMTAsOC44MzI4NDIwNCAxMCw4IEMxMCw3LjE2NDA4NjIxIDkuNjU4MTE2OTksNi40MDgwMjM0NiA5LjEwNjU1MDk3LDUuODY0MDExNzcgTDkuODEzNjcwNDQsNS4xNTY4OTIzMSBDMTAuNTQ2MTk1MSw1Ljg4MTg3OTUzIDExLDYuODg3OTQzODUgMTEsOCBDMTEsOS4xMDg5ODQ0MSAxMC41NDg2OTg2LDEwLjExMjU2MTcgOS44MTk3MzQyNCwxMC44MzcwOTM1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.mime-type-video-x-ms-wmv {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfbW92aWU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl9maWxlX21vdmllIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaWNvbkZpbGUvTW92aWUiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA3M2VjIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTIiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjRkZGRkZGIiB4PSIyLjUiIHk9IjQuNSIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTExLjE0NjQ0NjYsNi44NTM1NTMzOSBMMTIuODUzNTUzNCw1LjE0NjQ0NjYxIEMxMi45NDczMjE2LDUuMDUyNjc4NDIgMTMuMDc0NDk4NSw1IDEzLjIwNzEwNjgsNSBMMTMuNSw1IEMxMy43NzYxNDI0LDUgMTQsNS4yMjM4NTc2MyAxNCw1LjUgTDE0LDEwLjUgQzE0LDEwLjc3NjE0MjQgMTMuNzc2MTQyNCwxMSAxMy41LDExIEwxMy4yMDcxMDY4LDExIEMxMy4wNzQ0OTg1LDExIDEyLjk0NzMyMTYsMTAuOTQ3MzIxNiAxMi44NTM1NTM0LDEwLjg1MzU1MzQgTDExLjE0NjQ0NjYsOS4xNDY0NDY2MSBDMTEuMDUyNjc4NCw5LjA1MjY3ODQyIDExLDguOTI1NTAxNDYgMTEsOC43OTI4OTMyMiBMMTEsNy4yMDcxMDY3OCBDMTEsNy4wNzQ0OTg1NCAxMS4wNTI2Nzg0LDYuOTQ3MzIxNTggMTEuMTQ2NDQ2Niw2Ljg1MzU1MzM5IFoiIGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.mime-type-application-vnd-google-apps-document {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfZ29vZ2xlX2RvYzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2ZpbGVfZ29vZ2xlX2RvYyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb25GaWxlL0dvb2dsZURvYyI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiM1RjhFRjYiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIzIiB5PSIxMCIgd2lkdGg9IjUiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRkZGRkYiIHg9IjMiIHk9IjQiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIzIiB5PSI4IiB3aWR0aD0iMTAiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.mime-type-application-vnd-google-apps-spreadsheet {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfZ29vZ2xlX3NoZWV0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fZmlsZV9nb29nbGVfc2hlZXQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRmlsZS9Hb29nbGVTaGVldCI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMzNEE4NTMiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTQsNyBMNiw3IEw2LDUgTDcsNSBMNyw3IEwxMiw3IEwxMiw1IEw0LDUgTDQsNyBaIE00LDggTDQsMTAgTDYsMTAgTDYsOCBMNCw4IFogTTcsOCBMNywxMCBMMTIsMTAgTDEyLDggTDcsOCBaIE0zLDQgTDEzLDQgTDEzLDExIEwzLDExIEwzLDQgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.mime-type-application-vnd-google-apps-presentation {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2ZpbGVfZ29vZ2xlX3NsaWRlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fZmlsZV9nb29nbGVfc2xpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRmlsZS9Hb29nbGVTbGlkZSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiNGQkJDMDUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTQsNiBMNCw5IEwxMiw5IEwxMiw2IEw0LDYgWiBNMyw0IEwxMyw0IEwxMywxMSBMMywxMSBMMyw0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.mime-type-application-vnd-google-apps-folder {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX3NtYXJ0c2hlZXRfZm9sZGVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Imljb25fc21hcnRzaGVldF9mb2xkZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uRm9sZGVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgPHBhdGggZD0iTTQuMTg3NSwxIEwxNCwxIEwxNCw0IEwzLjY4NzUsNCBMMy42ODc1LDEuNSBDMy42ODc1LDEuMjIzODU3NjMgMy45MTEzNTc2MywxIDQuMTg3NSwxIFoiIGlkPSJSZWN0YW5nbGUtNCIgZmlsbD0iIzJCNzlBMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC44NDM3NTAsIDIuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC04Ljg0Mzc1MCwgLTIuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTAuNSwyIEw2LDIgTDcuNzA3MTA2NzgsMC4yOTI4OTMyMTkgQzcuODk0NjQzMTYsMC4xMDUzNTY4NCA4LjE0ODk5NzA3LDkuMzY4OTc4OTllLTE2IDguNDE0MjEzNTYsOC44ODE3ODQyZS0xNiBMMTMuNSwtMS43NzYzNTY4NGUtMTUgQzEzLjc3NjE0MjQsLTguNDYwMjg1NzhlLTE2IDE0LDAuMjIzODU3NjI1IDE0LDAuNSBMMTQsMTAuNSBDMTQsMTAuNzc2MTQyNCAxMy43NzYxNDI0LDExIDEzLjUsMTEgTDAuNSwxMSBDMC4yMjM4NTc2MjUsMTEgLTEuMDYyNDMyMzNlLTE0LDEwLjc3NjE0MjQgLTEuMDY1ODE0MWUtMTQsMTAuNSBMLTEuMDY1ODE0MWUtMTQsMi41IEMtMS4wOTM3MjIyNGUtMTQsMi4yMjM4NTc2MyAwLjIyMzg1NzYyNSwyIDAuNSwyIFoiIGlkPSJSZWN0YW5nbGUtNCIgZmlsbD0iIzAwNzNlYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDUuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTUuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.attachment-icon {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.icon-attach {
    background-size: 18px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uQXR0YWNobWVudHNXSElURTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uQXR0YWNobWVudHNXSElURSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTksOS41MDMzMzM0MSBMOSwzLjUgQzksMi42NzE1NzI4OCA4LjMyODQyNzEyLDIgNy41LDIgQzYuNjcxNTcyODgsMiA2LDIuNjcxNTcyODggNiwzLjUgTDYsMTAuNSBDNiwxMS44ODA3MTE5IDcuMTE5Mjg4MTMsMTMgOC41LDEzIEM5Ljg4MDcxMTg3LDEzIDExLDExLjg4MDcxMTkgMTEsMTAuNSBMMTEsNS41MDc1NjgzNiBDMTEsNS4yMjcyNDYxIDExLjIzMTkzMzYsNSAxMS41LDUgTDExLjUsNSBDMTEuNzc2MTQyNCw1IDEyLDUuMjIyNDE4NDkgMTIsNS41MDc1NjgzNiBMMTIsMTAuNSBDMTIsMTIuNDMyOTk2NiAxMC40MzI5OTY2LDE0IDguNSwxNCBDNi41NjcwMDMzOCwxNCA1LDEyLjQzMjk5NjYgNSwxMC41IEw1LDMuNSBDNSwyLjExOTI4ODEzIDYuMTE5Mjg4MTMsMSA3LjUsMSBDOC44ODA3MTE4NywxIDEwLDIuMTE5Mjg4MTMgMTAsMy41IEwxMCw5LjUwMzMzMzQxIEMxMCwxMC4zMzE3NjA1IDkuMzI4NDI3MTIsMTEuMDAzMzMzNCA4LjUsMTEuMDAzMzMzNCBDNy42NzE1NzI4OCwxMS4wMDMzMzM0IDcsMTAuMzMxNzYwNSA3LDkuNTAzMzMzNDEgTDcsNS40OTkxNDE3OSBDNyw1LjIyMzQ3MzM5IDcuMjMxOTMzNTksNSA3LjUsNSBMNy41LDUgQzcuNzc2MTQyMzcsNSA4LDUuMjE3MjA1MTMgOCw1LjQ5OTE0MTc5IEw4LDkuNTAzMzMzNDEgQzgsOS43Nzk0NzU3OCA4LjIyMzg1NzYzLDEwLjAwMzMzMzQgOC41LDEwLjAwMzMzMzQgQzguNzc2MTQyMzcsMTAuMDAzMzMzNCA5LDkuNzc5NDc1NzggOSw5LjUwMzMzMzQxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    margin-right: 10px;
}
.mentionsEditor__control {
    min-height: 43px;
}

/* Copied from app-core: dev2/web/css/app/_reset.scss */
.mentionsFloatingPortal ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

/* Copied from app-core: dev2/web/css/app/components/_textInputWithAutoSuggest.scss */
.mentionsEditor__suggestions {
    z-index: 500 !important; /* 500 is ZINDEX_CONTEXT_MENU; !important because the control emits an inline style of z-index:1 */
}

.mentionsEditor__suggestions .mentionsEditor__suggestions__list {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.mentionsEditor__suggestions .mentionsEditor__suggestions__item {
    padding-bottom  : 10px;
    padding-left    : 10px;
    padding-top     : 10px;
    position        : relative;
    white-space     : nowrap;
    border-bottom   : 1px solid #C6C6C6;
}

.mentionsEditor__suggestions .mentionsEditor__suggestions__item--focused {
    background-color: rgba(0, 115, 236, 0.1);
}

.userMentionHighlight {
    background-color: rgba(0, 94, 224, 0.1);
}

.mentionsFloatingPortal .mentionsEditor__suggestions__list {
    max-height: 240px;
    overflow: auto;
}
.details-list {
    overflow-y: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.panel {
    background-color: #ffffff;
}

.details-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex: 1 1;
        flex: 1 1;
    width: 100%;
}
.details-data-button {
    float: right;
}

.center {
    text-align: center;
}
.details-data .option-picker {
    line-height: 30px;
}
.details-data .option-picker-value img {
    vertical-align: text-top;
}
.details-data .hidden {
    display: none;
}
/* This overrides MultiSelect.css display which wraps multiple entries but throws off sizing here. */
.details-list .Select-multi-value-wrapper {
    max-width: 315px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.saving-indicator {
    float: right;
    margin-right: 15px;
}
.saving-edit-row-indicator {
    margin-top: 7px;
}
.get-error-container {
    min-height: 100px;
    position: absolute;
    top: calc(30% - 50px);
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}
.details-data .hyperlink.disabled {
    background-color:hsl(0,0%,95%);
}

.details-data-footer {
    border-top: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    padding: 0 13px;
    overflow: visible;
    -webkit-transition: all 750ms;
    transition: all 750ms;
    height: 0;
    -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
            transform: translateY(60px);
}
.details-data-footer.open {
    height: 60px;
    padding: 13px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.clearable-content {
    position: relative;
}
.clearable-content .close-input {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 18px;
}
.close-input .tooltip {
    position: absolute;
    z-index: 91;
    right: -10px;
    top: 24px;
}
.close-input:hover .tooltip {
    visibility: visible;
}

.grid-view-sub-header .dismiss-errors {
    line-height: 30px;
    height: 26px;
}

.filter-container .menu {
    background-color: white;
    position: fixed;
    top: 136px;
    z-index: 55;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    max-height: calc(100% - 180px);
}
.filter-container .menu-item:first-child {
    font-style: italic;
    margin-top: 2px;
}
.filter-container .menu-item:last-child {
    margin-bottom: 2px;
}
.filter-container .icon,
.filter-container .controls,
.filter-container .menu-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}
.filter-container .controls {
    display: none;
    width: 66px;
    position: absolute;
    right: 0;
    -ms-flex-pack: center;
        justify-content: center;
}
.filter-container .menu-item:hover .controls {
    display: -ms-flexbox;
    display: flex;
}
.filter-container .controls .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    opacity: 0.5;
    border-width: 0;
}
.filter-container .controls .button:hover {
    opacity: 1;
}
.filter-container .menu-item {
    line-height: 26px;
    padding: 0 72px 0 10px;
    cursor: pointer;
}
.filter-container .menu-item:hover {
    background-color: #f0f5fe;
}
.filter-container .menu-item .label-group {
    margin-left: 23px;
    display: -ms-flexbox;
    display: flex;
}
.filter-container .menu-item .label {
    color: #161616;
}
.filter-container .menu-item.error .label {
    color: #767676;
}

/*Without a min-width, the italic text is getting slightly truncated*/
.filter-container .menu-item .label-group:first-child .label {
    min-width: 60px;
}
.filter-container .menu-item .icon + .label-group {
    margin-left: 7px;
}
.filter-container .button {
    width: 22px;
    height: 16px;
    padding: 0 3px;
    min-width: auto;
    min-height: auto;
    background-color: transparent;
}
.filter-container .menu-divider {
    height: 1px;
    margin: 3px 10px;
    background-color: #e4e4e4;
}
.filter-container .menu-item .icon {
    padding: 0;
}
.filter-container .menu-item .icon img {
    width: 16px;
    height: 16px;
}
.filter-container .button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}
.filter-container .button-group span:first-child {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-container .button-group .dv-button:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-select-option {
    position: relative;
    padding: 5px 10px 5px 10px;
}
.multi-select-option:hover {
    background-color: #ddf1fb;
}
.multi-select-option .heading {
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
}
.multi-select-option .subLabel {
    display: block;
    font-family: Roboto;
    font-size: 11px;
}
.multi-select-option span p {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.multi-select-option img {
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 20px;
    width: 20px;
}
.icon-user {
    display: inline-block;
}
.contact-picker-v1-label-container {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.filter-wrapper-container {
    border-radius: 2px;
    width: 470px;
}
.conditions-wrapper {
    overflow-y: auto;
    max-height: calc(0.7 * 100vh - 120px);
    padding-bottom: 5px;
}
.filter-wrapper.modal {
    margin-top: 15%;
}
.filter-wrapper-container .Select-menu {
    position: fixed;
    background-color: white;
    max-height: 200px;
    width: 350px;
    border: 1px solid #cccccc;
}
.filter-container .button-group .right-pad {
    position: relative;
    padding-right: 20px;
}
.filter-container .button-group .right-pad img {
    position: absolute;
    right: 0;
    margin-right: 8px;
    margin-left: 4px;
}
.filter-container .menu .label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-wrapper-container .user-input input {
    font-size: 13px;
    font-family: Roboto, sans-serif;
}
.filter .pill-value {
    max-width: 375px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-condition {
    border-radius: 2px;
    margin: 10px 0;
}
button.filter-add-condition-button {
    margin-left: 20px;
}
.filter-condition p {
    padding-right: 5px;
}
.filter-condition-container,
.filter-name-container {
    padding: 0;
}
.filter-condition-container .filter-condition {
    padding: 0;
}
.filter-condition-container .filter-condition p {
    font-size: 13px;
    color: #999;
    margin-top: 0;
    margin-bottom: 4px;
    display: block;
}
.filter-condition-container .filter-condition span.break {
    border-top: 1px solid #cccccc;
    display: block;
    margin: 10px 0 0 0;
}
.filter-condition-container .filter-condition .inline-select {
    display: inline-block;
}
.filter-condition-container .field-button a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}
.filter-condition-container .field-button a span {
    max-width: 103px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-condition-container .field-button a img {
    margin: 0 0 0 4px;
}
.filter-condition-container .multi-select,
.filter-name-container .user-input,
.filter-condition-container .user-input {
    margin-top: 3px;
}
.user-input input:disabled {
    background-color: #eeeeee;
    opacity: 1;
}
.filter-name-container .flex-row {
    -ms-flex-direction: row;
        flex-direction: row;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 13px;
    line-height: 20px;
}
.filter-name-container .user-input.show-checkbox {
    width: 270px;
}
.filter-name-container .user-input {
    width: 385px;
}
.filter-name-container .checkbox {
    margin-left: 10px;
}
.filter-name-container .checkbox label {
    font-size: 13px;
    line-height: 20px;
}

.filter-condition-container .user-input:hover input,
.filter-name-container .user-input:hover input {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.filter-condition-container .multi-select,
.filter-condition-container .user-input input {
    width: 100%;
}
/*V delete it after update input with lodestar component V*/
.filter-name-container .user-input input {
    width: 98.5%;
}
/*V delete it after update all labels with lodestar component V*/
.filter-label-for-checkbox {
    margin-left: 3px;
}
.filter-condition-container .user-input input,
.filter-name-container .user-input input {
    height: 30px;
    border: 1px solid #cccccc;
    border-radius: 2px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.filter-condition-container .condition-input {
    min-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}
.filter-condition .dual {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
}
.filter-condition .user-input {
    display: block;
    width: 100%;
}
.filter-condition .dual .user-input:first-child {
    margin-right: 10px;
}
.filter-condition-container .user-input input::-webkit-input-placeholder, .filter-name-container .user-input input::-webkit-input-placeholder {
    color: #aaa !important;
}
.filter-condition-container .user-input input::-moz-placeholder, .filter-name-container .user-input input::-moz-placeholder {
    color: #aaa !important;
}
.filter-condition-container .user-input input:-ms-input-placeholder, .filter-name-container .user-input input:-ms-input-placeholder {
    color: #aaa !important;
}
.filter-condition-container .user-input input::-ms-input-placeholder, .filter-name-container .user-input input::-ms-input-placeholder {
    color: #aaa !important;
}
.filter-condition-container .user-input input::placeholder,
.filter-name-container .user-input input::placeholder {
    color: #aaa !important;
}
.btn-add-condition {
    font-size: 13px;
    border: none;
    display: block;
    text-align: left;
    line-height: 15px;
    padding: 5px 15px 17px 21px;
    color: #767676;
    background-color: transparent !important;
}
.btn-add-condition:not(disabled):hover {
    cursor: pointer;
    color: #005ee0;
}
.btn-add-condition:disabled {
    cursor: not-allowed !important;
    color: #ccc !important;
}
.btn-add-condition:disabled img {
    opacity: 0.5;
}
.filter-wrapper-container .container-header {
    padding-left: 20px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 18px;
    line-height: 49px;
    color: #161616;
    display: block;
}
.condition-input {
    position: relative;
}
.condition-input.disable-delete .user-input {
    margin-right: 0;
}
.filter-condition-container .user-input input:focus,
.filter-name-container .user-input input:focus,
.condition-input .user-input input:focus {
    border-color: #007eff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
    background: #fff;
    outline: none;
}
.filter-condition .filter-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    gap: 5px;
    margin: 0 0 5px;
}
/*
 * SelectV2 renders its placeholder absolutely, so the control would otherwise collapse to zero
 * width and clip the placeholder + chevron when no option is selected. The widths below size
 * the unselected control to fit its placeholder plus the ~32px chevron action area.
 */
.filter-condition-container .filter-options .field-button {
    width: 150px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.filter-condition-container .filter-options .operator-button {
    width: 120px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.filter-condition.show-errors .error p {
    margin-left: 5px;
    color: #d0011b;
}
.filter-condition-container .filter-condition.show-errors .error p {
    height: 25px;
    line-height: 25px;
}
.filter-condition.show-errors .error {
    line-height: 30px;
}
.filter-condition.show-errors .error > img {
    vertical-align: middle;
    height: 16px;
    width: 16px;
}
.filter-condition-container {
    margin: 10px 20px;
}
.filter-name-container {
    margin: 18px 20px 0 20px;
}
.filter-name-container p {
    margin: 8px 0 7px 0;
    font-size: 13px;
    font-weight: bold;
}
.filter-name-container p span {
    font-weight: normal;
}
/*This is to override a display:none in the Select.css file*/
.filter-condition .multi-select:last-child .Select-arrow-zone {
    display: table-cell;
}
.filter-footer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 9px 10px 10px 0;
    border-top: 1px solid #e4e4e4;
    overflow: auto;
}
.filter-footer button {
    height: 30px;
    line-height: 30px;
    float: right;
}
.filter-footer button:first-child {
    float: left;
}
.filter-footer button:first-child {
    margin-left: 20px;
}
.filter-footer .btn:not(:disabled) {
    color: #005ee0;
}
.filter-footer .btn:not(:disabled):hover {
    color: #064aa9;
}
.filter-footer .btn:disabled {
    color: #cccccc;
    cursor: not-allowed;
}
.filter-footer .btn-primary {
    color: #fff !important;
}
.filter-footer .btn-primary:disabled {
    background-color: #e4e4e4;
}
.date-picker-filter,
.date-picker-filter-dual {
    width: 100%;
}
.date-picker-filter-dual input,
.date-picker-filter input {
    max-width: 100%;
    width: 100%;
}

.filter-condition .date-picker-filter-dual.error input,
.date-picker-filter.error input {
    border-color: #d0011b;
}

.contact-multi-select-wrapper {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    border-radius: 2px;
}

.contact-multi-select-wrapper .contact-multi-select__control {
    color: #444;
    -ms-flex-align: start;
        align-items: flex-start;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: 30px !important;
}

.contact-multi-select-wrapper .contact-multi-select__control .contact-multi-select__value-container {
    max-height: 250px;
    overflow-y: auto;
}

.contact-multi-select-wrapper .contact-multi-select__control--is-disabled .contact-multi-select__value-container {
    pointer-events: auto;
}

.contact-multi-select-wrapper .contact-multi-select__control--is-disabled .contact-multi-select__value-container * {
    pointer-events: none;
}

.contact-multi-select-wrapper .contact-multi-select__control .contact-multi-select__value-container .contact-multi-select__input input {
    height: 18px !important;
}

.contact-multi-select-wrapper .contact-multi-select__control .contact-multi-select__value-container .contact-multi-select__placeholder {
    line-height: 30px !important;
}

.contact-multi-select__clear-indicator {
    padding: 0 !important;
}

.contact-multi-select-wrapper .contact-multi-select__control .contact-multi-select__indicators {
    padding: 4px;
}

.contact-multi-select-wrapper .contact-multi-select__control .contact-multi-select__indicators .dropdownIndicator {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.contact-multi-select-wrapper .contact-multi-select__menu {
    margin: 2px;
    border-radius: 2px;
    padding: 2px 0;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    width: 100%;
    z-index: 9999 !important;
    position: fixed !important;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__menu-list {
    padding: 0;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__option {
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 10px;
    background-color: #fff;
    color: inherit;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__option .optionContainer {
    display: inline-block;
    padding-left: 7px;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__option .optionContainer label {
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__option .optionContainer .optionLabel {
    overflow: hidden;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__option .optionContainer .optionSubLabel {
    color: #444444;
}

.contact-multi-select-wrapper .contact-multi-select__menu .contact-multi-select__option--is-focused {
    background-color: rgba(0, 94, 224, 0.1);
}

.contact-multi-select-wrapper .optionCheckbox {
    margin: 0 7px 0 0;
    height: 16px;
    width: 16px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    cursor: pointer;
    vertical-align: super;
}

.contact-multi-select-wrapper .contact-multi-select__single-value .icon-user {
    margin-right: 4px;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value__wrapper {
    min-width: 0;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value {
    border-radius: 50px;
    background-color: #e4e4e4;
    margin: 2px 5px 3px 0;
}

.contact-multi-select-token-invalid {
    background-color: #ff002026 !important;
    color: #ff0047 !important;
    overflow: hidden;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value .contact-multi-select__multi-value__label {
    color: inherit;
    background-color: transparent;
    font-size: 100%;
    padding: 0;
    margin: 0;
    display: table;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value .contact-multi-select__multi-value__label label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value .contact-multi-select__multi-value__remove {
    background-color: transparent;
    padding: 2px 2px 2px 1px;
    margin: 0;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value .contact-multi-select__multi-value__remove .closeButton {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 16px;
    width: 16px;
    border-radius: 2px 50px 50px 2px;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value .contact-multi-select__multi-value__remove .closeButton svg path {
    fill: #444;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value:hover {
    color: #005ee0;
    background-color: rgba(0, 94, 224, 0.1);
}

.contact-multi-select-wrapper .contact-multi-select__multi-value:hover .contact-multi-select__multi-value__remove .closeButton svg path {
    fill: #005ee0;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value:hover .contact-multi-select__multi-value__remove .closeButton:hover {
    background-color: rgba(0, 94, 224, 0.1);
}

.contact-multi-select-wrapper .contact-multi-select__multi-value.contact-multi-select__token-selected {
    background-color: #005ee0;
    color: #fff;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value.contact-multi-select__token-selected .contact-multi-select__multi-value__remove .closeButton svg path {
    fill: #fff;
}

.contact-multi-select-wrapper .contact-multi-select__multi-value.contact-multi-select__token-selected .contact-multi-select__multi-value__remove .closeButton:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.contact-multi-select-wrapper .contact-multi-select__loading-indicator {
    color: #005ee0;
    padding: 8px;
}

.contact-multi-select-wrapper .contact-multi-select__loading-message {
    color: #666;
    padding: 8px 12px;
    font-style: italic;
}

.contact-multi-select-wrapper .contact-multi-select__no-options-message {
    color: #666;
    padding: 8px 12px;
    font-style: italic;
}

.multi-select.error .contact-multi-select-wrapper .contact-multi-select__control {
    border-color: #d0011b;
    -webkit-box-shadow: 0 0 0 1px #d0011b;
            box-shadow: 0 0 0 1px #d0011b;
}
.grid-container {
    margin: 0 10px;
}

.grid-view-all,
.grid-view-header {
    font-family: Roboto, sans-serif;
    font-size: 13px;
}

.grid-view-header,
.right-header-items,
.left-header-items,
.grid-view-sub-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}

.grid-view-header,
.right-header-items,
.grid-view-sub-header {
    -ms-flex-align: center;
        align-items: center;
}

.grid-view-all {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
}

.grid-view-body {
    -ms-flex-positive: 1;
        flex-grow: 1;
}

.grid-view-header {
    background-color: #ffffff;
    -ms-flex-pack: start;
        justify-content: flex-start;
    height: 50px;
    padding: 0 12px;
}

.grid-view-header > .view-description-container {
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-view-header button:disabled {
    background-color: #888888;
}
.settings {
    position: relative;
}
.settings img {
    width: 25px;
    height: 25px;
}
.settings .link {
    text-decoration: none;
    color: #0073ec;
    display: -ms-flexbox;
    display: flex;
}
.search-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    border-radius: 2px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    width: 187px;
    margin-left: 7px;
    margin-right: 7px;
}

.search-item input {
    border: none;
    width: 160px;
}

.search-item img {
    padding-right: 7px;
    opacity: 0.6;
}

.search-item:hover img {
    padding-right: 7px;
    opacity: 1;
}


.grid-view-header h3 {
    font-weight: normal;
    text-align: center;
}

.settings a {
    color: #0073ec;
}

.settings:hover a {
    color: #005cbc !important;
}

.grid-view-sub-header {
    background-color: #ffffff;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    height: 40px;
    padding: 0 9px 11px 9px;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.right-header-items button {
    margin-left: 10px;
}

.group-by {
    margin-right: 17px;
    margin-left: 17px;
}

.info-icon {
    height: 20px;
    padding-left: 5px;
    vertical-align: bottom;
    opacity: 0.6;
}

.info-icon:hover {
    opacity: 1;
    cursor: pointer;
}

.view-description-info {
    display: inline !important;
    position: relative;
    min-width: 24px;
}

.btn-toggle-favorites {
    border: none;
    width: 16px;
    background-color: transparent;
    position: relative;
    margin: 16px 5px auto 0;
    outline: none;
    padding: unset;
}

.btn-toggle-favorites .favorite-outline {
    fill: #767676;
}

.btn-toggle-favorites .favorite-fill {
    fill: #fff;
}

.btn-toggle-favorites:hover .favorite-fill {
    fill: #f2f2f2;
}

.btn-toggle-favorites.favorite .favorite-outline,
.btn-toggle-favorites.favorite .favorite-fill {
    fill: #d68910;
}

.btn-toggle-favorites.favorite:hover .favorite-outline,
.btn-toggle-favorites.favorite:hover .favorite-fill {
    fill: #b87510;
}


.view-description {
    height: 100%;
    width: 100%;
}

.view-description-header {
    padding: 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #e4e4e4;
}

.view-description-header h3 {
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.view-description-content {
    padding: 20px;
    height: calc(100vh - 143px);
    overflow-y: auto;
}

.view-description-content pre {
    word-wrap: break-word;
    white-space: pre-wrap;
}

.view-creator-permitted {
    font-size: 11px;
    color: #888888;
    bottom: 20px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.view-creator-restricted {
    font-size: 11px;
    color: #888888;
    white-space: nowrap;
}

.view-description-empty-state {
    text-align: center;
    color: #444444;
}

.view-description-empty-state img {
    margin-top: 35px;
}

.view-description-empty-state .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.view-description-empty-state p {
    margin-bottom: 20px;
}

.main-content .hidden {
    visibility: hidden;
}

.delete-button {
    background-color: #0073ec;
    color: white;
    border-radius: 2px;
    border: none;
    width: 70px;
    height: 30px;
    cursor: pointer;
    padding: 3px;
}

.icon-close {
    opacity: 0.6;
}

.icon-close:hover {
    opacity: 1;
}

.ReactVirtualized__Grid {
    outline: none !important;
}
.filter-container.disabled {
    opacity: 0.5;
}

.filter-container .filter-button,
.filter-container .view-filter-button {
    height: 26px;
    background-color: transparent;
}

.filter-container .filter-button:hover,
.filter-container .view-filter-button:hover {
    background-color: #e4e4e4;
}

.view-header-button-group.selected button {
    background-color: #d4d4d4;
}

.left-header-items button[aria-pressed='true'] {
    background-color: #e4e4e4;
}

.left-header-items button[aria-pressed='true']:hover {
    background-color: #d4d4d4;
}

.view-filter-button {
    padding: 4px 7px;
}

.disable-filter-button {
    padding: 5px 6px;
}

.right-button-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    position: fixed;
    right: 10px;
    z-index: 1;
}

.export-data {
    position: relative;
    height: 26px;
}

.export-data.disabled {
    opacity: 0.5;
}

.export-data img {
    height: 16px;
}

/**
 * These formats are tied to the classes generated by SmartsheetFormatUtility.getCellFormatClassNames
 * and based on the format string returned by SMAR API in a GET /serverinfo call.
 *
 * Note that updates will be needed here if SMAR adds CSS options/colors to the format string.
 *
 * Also note this css file should ONLY contain formats that are specifically related to the classes
 * generated by SmartsheetFormatUtility.getCellFormatClassNames such as font-, text- and -color info.
 **/

.show-formats .text-wrap-on {
    text-wrap: wrap;
}
.show-formats .font-weight-bold {
    font-weight: bold;
}
.show-formats .italic {
    font-style: italic;
}
.show-formats .text-align-center {
    text-align: center;
}
.show-formats .text-align-left {
    text-align: left;
}
.show-formats .text-align-right {
    text-align: right;
}
.show-formats .align-items-middle {
    -ms-flex-align: center;
        align-items: center;
}
.show-formats .align-items-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
}
.show-formats .align-items-top {
    -ms-flex-align: start;
        align-items: flex-start;
}
.show-formats .data-cell div:first-child {
    width: 100%;
}
.show-formats .text-underline-underline {
    text-decoration-line: underline;
}
.show-formats .text-underline-strikethrough {
    text-decoration-line: line-through;
}
.show-formats .background-color-000000 {
    background-color: #000000;
}
.show-formats .background-color-FFFFFF {
    background-color: #ffffff;
}
.show-formats .background-color- {
    background-color: transparent;
}
.show-formats .background-color-FFEBEE {
    background-color: #ffebee;
}
.show-formats .background-color-FFF3DF {
    background-color: #fff3df;
}
.show-formats .background-color-FFFEE6 {
    background-color: #fffee6;
}
.show-formats .background-color-E7F5E9 {
    background-color: #e7f5e9;
}
.show-formats .background-color-E2F2FE {
    background-color: #e2f2fe;
}
.show-formats .background-color-F4E4F5 {
    background-color: #f4e4f5;
}
.show-formats .background-color-F2E8DE {
    background-color: #f2e8de;
}
.show-formats .background-color-FFCCD2 {
    background-color: #ffccd2;
}
.show-formats .background-color-FFE1AF {
    background-color: #ffe1af;
}
.show-formats .background-color-FEFF85 {
    background-color: #feff85;
}
.show-formats .background-color-C6E7C8 {
    background-color: #c6e7c8;
}
.show-formats .background-color-B9DDFC {
    background-color: #b9ddfc;
}
.show-formats .background-color-EBC7EF {
    background-color: #ebc7ef;
}
.show-formats .background-color-EEDCCA {
    background-color: #eedcca;
}
.show-formats .background-color-E5E5E5 {
    background-color: #e5e5e5;
}
.show-formats .background-color-F87E7D {
    background-color: #f87e7d;
}
.show-formats .background-color-FFCD7A {
    background-color: #ffcd7a;
}
.show-formats .background-color-FEFF00 {
    background-color: #feff00;
}
.show-formats .background-color-7ED085 {
    background-color: #7ed085;
}
.show-formats .background-color-5FB3F9 {
    background-color: #5fb3f9;
}
.show-formats .background-color-D190DA {
    background-color: #d190da;
}
.show-formats .background-color-D0AF8F {
    background-color: #d0af8f;
}
.show-formats .background-color-BDBDBD {
    background-color: #bdbdbd;
}
.show-formats .background-color-EA352E {
    background-color: #ea352e;
}
.show-formats .background-color-FF8D00 {
    background-color: #ff8d00;
}
.show-formats .background-color-FFED00 {
    background-color: #ffed00;
}
.show-formats .background-color-40B14B {
    background-color: #40b14b;
}
.show-formats .background-color-1061C3 {
    background-color: #1061c3;
}
.show-formats .background-color-9210AD {
    background-color: #9210ad;
}
.show-formats .background-color-974C00 {
    background-color: #974c00;
}
.show-formats .background-color-757575 {
    background-color: #757575;
}
.show-formats .background-color-991310 {
    background-color: #991310;
}
.show-formats .background-color-EA5000 {
    background-color: #ea5000;
}
.show-formats .background-color-EBC700 {
    background-color: #ebc700;
}
.show-formats .background-color-237F2E {
    background-color: #237f2e;
}
.show-formats .background-color-0B347D {
    background-color: #0b347d;
}
.show-formats .background-color-61058B {
    background-color: #61058b;
}
.show-formats .background-color-592C00 {
    background-color: #592c00;
}
.show-formats .background-color-95B9F0 {
    background-color: #95b9f0;
}
.show-formats .background-color-808080 {
    background-color: #808080;
}
.show-formats .background-color-00750D {
    background-color: #00750d;
}
.show-formats .background-color-00395E {
    background-color: #00395e;
}
.show-formats .background-color-A9EEAE {
    background-color: #a9eeae;
}
.show-formats .background-color-165DEF {
    background-color: #165def;
}
.show-formats .background-color-FF8100 {
    background-color: #ff8100;
}
.show-formats .background-color-FCABAE {
    background-color: #fcabae;
}
.show-formats .text-color-000000 {
    color: #000000;
}
.show-formats .text-color-FFFFFF {
    color: #ffffff;
}
.show-formats .text-color- {
    color: transparent;
}
.show-formats .text-color-FFEBEE {
    color: #ffebee;
}
.show-formats .text-color-FFF3DF {
    color: #fff3df;
}
.show-formats .text-color-FFFEE6 {
    color: #fffee6;
}
.show-formats .text-color-E7F5E9 {
    color: #e7f5e9;
}
.show-formats .text-color-E2F2FE {
    color: #e2f2fe;
}
.show-formats .text-color-F4E4F5 {
    color: #f4e4f5;
}
.show-formats .text-color-F2E8DE {
    color: #f2e8de;
}
.show-formats .text-color-FFCCD2 {
    color: #ffccd2;
}
.show-formats .text-color-FFE1AF {
    color: #ffe1af;
}
.show-formats .text-color-FEFF85 {
    color: #feff85;
}
.show-formats .text-color-C6E7C8 {
    color: #c6e7c8;
}
.show-formats .text-color-B9DDFC {
    color: #b9ddfc;
}
.show-formats .text-color-EBC7EF {
    color: #ebc7ef;
}
.show-formats .text-color-EEDCCA {
    color: #eedcca;
}
.show-formats .text-color-E5E5E5 {
    color: #e5e5e5;
}
.show-formats .text-color-F87E7D {
    color: #f87e7d;
}
.show-formats .text-color-FFCD7A {
    color: #ffcd7a;
}
.show-formats .text-color-FEFF00 {
    color: #feff00;
}
.show-formats .text-color-7ED085 {
    color: #7ed085;
}
.show-formats .text-color-5FB3F9 {
    color: #5fb3f9;
}
.show-formats .text-color-D190DA {
    color: #d190da;
}
.show-formats .text-color-D0AF8F {
    color: #d0af8f;
}
.show-formats .text-color-BDBDBD {
    color: #bdbdbd;
}
.show-formats .text-color-EA352E {
    color: #ea352e;
}
.show-formats .text-color-FF8D00 {
    color: #ff8d00;
}
.show-formats .text-color-FFED00 {
    color: #ffed00;
}
.show-formats .text-color-40B14B {
    color: #40b14b;
}
.show-formats .text-color-1061C3 {
    color: #1061c3;
}
.show-formats .text-color-9210AD {
    color: #9210ad;
}
.show-formats .text-color-974C00 {
    color: #974c00;
}
.show-formats .text-color-757575 {
    color: #757575;
}
.show-formats .text-color-991310 {
    color: #991310;
}
.show-formats .text-color-EA5000 {
    color: #ea5000;
}
.show-formats .text-color-EBC700 {
    color: #ebc700;
}
.show-formats .text-color-237F2E {
    color: #237f2e;
}
.show-formats .text-color-0B347D {
    color: #0b347d;
}
.show-formats .text-color-61058B {
    color: #61058b;
}
.show-formats .text-color-592C00 {
    color: #592c00;
}
.show-formats .text-color-95B9F0 {
    color: #95b9f0;
}
.show-formats .text-color-808080 {
    color: #808080;
}
.show-formats .text-color-00750D {
    color: #00750d;
}
.show-formats .text-color-00395E {
    color: #00395e;
}
.show-formats .text-color-A9EEAE {
    color: #a9eeae;
}
.show-formats .text-color-165DEF {
    color: #165def;
}
.show-formats .text-color-FF8100 {
    color: #ff8100;
}
.show-formats .text-color-FCABAE {
    color: #fcabae;
}
.show-formats .font-family-arial {
    font-family: 'Arial';
}
.show-formats .font-family-times-new-roman {
    font-family: 'Times New Roman';
}
.show-formats .font-family-tahoma {
    font-family: 'Tahoma';
}
.show-formats .font-family-verdana {
    font-family: 'Verdana';
}
.show-formats .font-size-8 {
    font-size: 8pt;
}
.show-formats .font-size-9 {
    font-size: 9pt;
}
.show-formats .font-size-10 {
    font-size: 10pt;
}
.show-formats .font-size-12 {
    font-size: 12pt;
}
.show-formats .font-size-14 {
    font-size: 14pt;
}
.show-formats .font-size-16 {
    font-size: 16pt;
}
.show-formats .font-size-18 {
    font-size: 18pt;
}
.show-formats .font-size-20 {
    font-size: 20pt;
}
.show-formats .font-size-24 {
    font-size: 24pt;
}
.show-formats .font-size-28 {
    font-size: 28pt;
}
.show-formats .font-size-32 {
    font-size: 32pt;
}
.show-formats .font-size-36 {
    font-size: 36pt;
}

.mentionsEditor__control {
    min-height: 43px;
}

/* Copied from app-core: dev2/web/css/app/_reset.scss */
.mentionsFloatingPortal ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

/* Copied from app-core: dev2/web/css/app/components/_textInputWithAutoSuggest.scss */
.mentionsEditor__suggestions {
    z-index: 500 !important; /* 500 is ZINDEX_CONTEXT_MENU; !important because the control emits an inline style of z-index:1 */
}

.mentionsEditor__suggestions .mentionsEditor__suggestions__list {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.mentionsEditor__suggestions .mentionsEditor__suggestions__item {
    padding-bottom  : 10px;
    padding-left    : 10px;
    padding-top     : 10px;
    position        : relative;
    white-space     : nowrap;
    border-bottom   : 1px solid #C6C6C6;
}

.mentionsEditor__suggestions .mentionsEditor__suggestions__item--focused {
    background-color: rgba(0, 115, 236, 0.1);
}

.userMentionHighlight {
    background-color: rgba(0, 94, 224, 0.1);
}

.mentionsFloatingPortal .mentionsEditor__suggestions__list {
    max-height: 240px;
    overflow: auto;
}
/* Copied from app-core: dev2/web/css/app/components/_textInputWithAutoSuggest.scss */

.profileListItem .profilePicture {
    display: inline-block;
    width: 30px;
    vertical-align: top;
    margin-right: 10px;
}

.profileListItem .profilePicture .profileAvatar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;

    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background-clip: content-box;
}

.profileListItem .profileText {
    display: inline-block;
    margin-top: 2px;
    width: 250px;
}
.profileListItem .profileText .profilePrimaryText {
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.profileListItem .profileText .profileSecondaryText {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* Main comments area under which all the comments component lie*/
.comments-panel {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: relative;
}

/* Comments section under which all the posted comments lie*/
.comments {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 95px;
    overflow: auto;
    padding: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.comments a {
    color: #0073ec;
}

.comments .hidden {
    display: none;
}

/* Settings for when there are no comments posted */
.comments .empty {
    padding-top: 18px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #979797;
    background-color: #ffffff;
    height: calc(100% - 18px);
}

/* Style settings for a single comment thread, including the sub-comments and the user icon of the initial comment poster*/
.comment-wrap {
    background-color: #ffffff;
    border-radius: 2px;
    height: auto;
    position: relative;
    clear: both;
    padding: 10px 0 10px;
}

/* Hides the divider for the last comment in the comments sections */
.comments > .comment-wrap:nth-last-child(2) .divider {
    border-bottom: none;
}

/* Style settings for the user initials that appear inside the user icon */
.comment-wrap .initials,
.comments .initials {
    display: block;
    color: #f0f0f0;
    text-align: center;
    background-color: #bbb;
    overflow: hidden;
}

.comment-wrap .initials img,
.comments .initials img {
    width: 30px;
    height: 30px;
}

.comment-wrap input {
    border: 1px solid #e4e4e4;
    outline: none;
}

.comment-wrap .icon-user {
    width: 30px;
    height: 30px;
    float: left;
    line-height: 30px;
    border-radius: 15px;
    font-style: normal;
    font-size: 12px;
    border: none;
    margin-left: 7px;
    font-weight: bold;
}

.comment-wrap .icon-user {
    margin: 0;
}

/* Contains all of the components of a single comment thread (including the sub-comments),
 excluding the initial comment poster's user icon
 */
.comment-content {
    margin-left: 35px;
}

/* comment-header is a sub-section of comment-content which contains the comment-creator and the date of the comment */
.comment-content > .comment-header {
    line-height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.comment-content .comment-content > .comment-header {
    line-height: 20px;
}

.comment-content .add-comment-wrap .icon-send {
    right: 4px;
    top: 5px;
}

.comment-content .comment-text {
    margin-bottom: 5px;
    margin-top: -5px;
    line-height: 15px;
}
.comment-content .comment-content .comment-text {
    margin-top: 0;
    line-height: 15px;
}

.sub-comment .comment-content {
    margin-left: 25px;
}

/* Subsection of comment-header. Shows the user name of the comment creator */
.comment-creator {
    margin-right: 5px;
}

/* Subsection of comment-header. Shows the date when the comment was posted */
.comment-date {
    font-size: 11px;
    opacity: 0.6;
}

/* Shows the posted comments */
.comment-text {
    white-space: pre-line;
    overflow-wrap: break-word;
    color: rgb(68, 68, 68);
}

/* Automatically hides the sub-comments in a comment thread after more than 2 sub-comments
 Provides with a "View x Previous Replies" link to show the hidden older sub-comments.
 */
.view-previous-comments {
    line-height: 20px;
}
.view-previous-comments > div {
    margin-bottom: 4px;
    margin-top: 2px;
    margin-left: 8px;
}

.view-previous-comments {
    text-decoration: none;
}

/* Contains a single sub-comment */
.sub-comment {
    line-height: 15px;
    border-radius: 2px;
    height: auto;
    padding: 4px 0 4px 35px;
    border: none;
}

.sub-comment .icon-user {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 9px;
    font-weight: bold;
    margin: 5px 0;
}

.sub-comment .icon-user > img {
    width: 20px;
    height: 20px;
}

/* Provides link to reply to a comment */
.reply-comment-link {
    line-height: 20px;
    margin: 0 0 4px 8px;
}

/* Text for the sub-comment link */
.reply-comment-link-text {
    text-decoration: none;
}

/* Container for the components used to post a comment */
.add-comment-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}

.add-comment-wrap .initials {
    position: relative;
}

.add-comment-wrap .icon-send,
.add-comment-wrap .icon-send.active {
    width: 24px;
    height: 24px;
    line-height: 40px;
    margin-right: 0;
    right: 20px;
    top: 20px;
    opacity: 0.6;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 4px;
    border: none;
}

.add-comment-wrap .icon-send:hover,
.add-comment-wrap .icon-send.active {
    opacity: 1;
}

.add-comment-wrap.comment-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    font-family: Roboto, Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 13px;
    color: #444;
    cursor: default;
    font-weight: normal;
    padding: 13px 3px 13px 20px;
    overflow: hidden;
}

.add-comment-wrap.comment-wrap input {
    padding-left: 40px;
    padding-right: 24px;
}

.add-comment-wrap > .icon-user {
    margin-right: 5px;
}

/* Container for the comment textarea */
.comment-textarea-wrap {
    padding-left: 10px;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-direction: column;
        flex-direction: column;
    min-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
}

.comments .comment-textarea-wrap {
    border: solid 1px #e4e4e4;
    border-radius: 2px;
}

/* Shows the list of buttons (including send button) below the comment textarea */
.comment-textarea-wrap .button-list {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    min-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
}

.comment-textarea-wrap .button-list .hidden {
    visibility: hidden;
}

/* Shows the help text below the comment text area */
.comment-help-text {
    font-family: Roboto, Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 10px;
    padding-top: 7px;
    color: #979797;
    display: block;
}

/* Settings for the comment textarea that takes the comment as an input */
.mentionsEditor__input,
.mentionsEditor__highlighter {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    word-wrap: break-word;
    padding: 10px 27px 0 0;
    line-height: inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 13px;
    color: #000000;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
        user-select: text;
    outline: none;
    border: none;
    overflow-y: hidden; /* prevents scrollbar flash when growing control; set to scroll in code if we need it */
    min-height: 26px; /* single line */
    max-height: 500px;
    margin: 0;
    resize: none;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textarea;
    -webkit-rtl-ordering: logical;
    -ms-flex-direction: column;
        flex-direction: column;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.add-comment-wrap .save-and-cancel-buttons {
    padding: 13px 0 6px 0;
}

/* Horizontal line that separates comments */
.divider {
    border-bottom: 1px solid #e4e4e4;
    margin: 8px 0 0 0;
}

.item-icon {
    width: 16px;
    height: 16px;
    margin-right: 9px;
    background-color: transparent;
    margin-top: 2px;
    opacity: 0.6;
    display: block;
    float: left;
}

.icon-reply {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiMwMDczZWMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDEwSDdhNCA0IDAgMCAxLTQtNHYtLjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNVY2YTIgMiAwIDAgMCAyIDJoM1Y3YS41LjUgMCAwIDEgLjgtLjRsMi42NjcgMmEuNS41IDAgMCAxIDAgLjhsLTIuNjY3IDJhLjUuNSAwIDAgMS0uOC0uNHYtMXoiLz4KPC9zdmc+Cg==);
}

.icon-send {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMgOS41bDYtMS02LTFWMy43OGEuNS41IDAgMCAxIC43MDgtLjQ1NWwxMC4zIDQuNzJhLjUuNSAwIDAgMSAwIC45MWwtMTAuMyA0LjcyQS41LjUgMCAwIDEgMyAxMy4yMjFWOS41eiIgb3BhY2l0eT0iLjYiLz4KPC9zdmc+Cg==);
}
.icon-send.active {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiMwMDczZWMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMgOS41bDYtMS02LTFWMy43OGEuNS41IDAgMCAxIC43MDgtLjQ1NWwxMC4zIDQuNzJhLjUuNSAwIDAgMSAwIC45MWwtMTAuMyA0LjcyQS41LjUgMCAwIDEgMyAxMy4yMjFWOS41eiIgb3BhY2l0eT0iMSIvPgo8L3N2Zz4K);
}

.icon-message {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5jb21tZW50Qmx1ZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJjb21tZW50Qmx1ZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTMuOTk1NTc3NSwzIEMzLjQ0NTczNTIzLDMgMywzLjQ1MzAzNjMxIDMsMy45OTcwMzAxNCBMMywxMC4wMDI5Njk5IEMzLDEwLjU1MzYxNDQgMy40NTA5NzUxOCwxMSAzLjk5MDc3Nzk3LDExIEw5LDExIEwxMiwxNCBMMTIsMTEgTDEzLDExIEMxMy41NTIyODQ3LDExIDE0LDEwLjU0Njk2MzcgMTQsMTAuMDAyOTY5OSBMMTQsMy45OTcwMzAxNCBDMTQsMy40NDYzODU2IDEzLjU1NTE2MywzIDEzLjAwNDQyMjUsMyBMMy45OTU1Nzc1LDMgWiIgaWQ9ImRpc2N1c3Npb24iIGZpbGw9IiMwMDczRUMiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
}

.initials.color-1 {
    background-color: #336699;
}

.initials.color-2 {
    background-color: #ebb551;
}

.initials.color-3 {
    background-color: #2a7682;
}

.initials.color-4 {
    background-color: #cc4073;
}

.initials.color-5 {
    background-color: #e7b183;
}

.initials.color-6 {
    background-color: #539e59;
}

.initials.color-7 {
    background-color: #f6ec54;
}

.initials.color-8 {
    background-color: #f05936;
}

.initials.color-9 {
    background-color: #435b65;
}

.initials.color-10 {
    background-color: #4ba0bf;
}

.initials.color-11 {
    background-color: #41755b;
}

.initials.color-12 {
    background-color: #87a79f;
}

.initials.color-13 {
    background-color: #c8676e;
}

.initials.color-14 {
    background-color: #3a7b89;
}

.initials.color-15 {
    background-color: #999999;
}

.initials.color-16 {
    background-color: #903b50;
}

.initials.color-17 {
    background-color: #a6b87d;
}

.initials.color-18 {
    background-color: #5f7d8c;
}

.initials.color-19 {
    background-color: #ff3266;
}

.initials.color-20 {
    background-color: #994d80;
}

.hidden {
    display: none;
}

.animateSidePanelEnter {
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 150ms, width 150ms;
    transition: opacity 150ms, width 150ms;
}
.animateSidePanelEnterActive {
    opacity: 1;
    width: 220px;
}
.animateSidePanelLeave {
    opacity: 1;
    width: 220px;
    -webkit-transition: opacity 50ms, width 150ms;
    transition: opacity 50ms, width 150ms;
}
.animateSidePanelLeaveActive {
    opacity: 0;
    width: 0;
}
.animateSidePanelLeaveDone {
    opacity: 0;
    width: 0;
}
.container-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    height: 30px;
    position: relative;
}
.container-list-item .itemLink {
    -ms-flex-align: center;
        align-items: center;
    color: #003059;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow: hidden;
    padding: 0 20px;
    opacity: 0.7;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container-list-item.selected,
.container-list-item:hover {
    background-color: rgba(0,94,224, 0.2);
}
.container-list-item.selected .itemLink,
.container-list-item:hover .itemLink {
    opacity: 1;
}
.container-list-item.active {
    background-color: rgba(0, 94, 224, 0.1);
}
.container-list-item.active .itemLink {
    opacity: 1;
}
.container-list-item .iconNode {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-right: 10px;
}
.container-list-item .icon {
    display: block;
    width: 16px;
}
.container-list-item .label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    line-height: 30px;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #003059;
}
.home-filter-items .container-list-item {
    height: 40px;
    padding: 0 20px;
}

.home-filter-items .container-list-item .row-count {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: right;
    color: #003059;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.side-panel {
    background-color: #f5f9ff;
    border-radius: 2px;
    color: #003059;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 220px;
}
.side-panel .header .title {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
}

.side-panel .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    padding: 14px 0 12px 0;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: #003059;
    background-color: #f5f9ff;
    width: 220px;
}
.side-panel .header .title {
    margin-left: 20px;
}

.side-panel li .itemLink,
.side-panel li a,
.side-panel .viewNewItem {
    outline: none;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
}

.side-panel-container .icon img {
    outline: none;
    border: 1px dotted transparent;
}

.side-panel li .itemLink:focus,
.side-panel li a:focus,
.side-panel-container .icon:focus img,
.side-panel .viewNewItem:focus {
    border-color: black;
}

.side-panel hr {
    background-color: #003059;
    border: none;
    height: 1px;
    opacity: 0.2;
    margin: 10px 17px 10px 17px;
}

.side-panel .viewNewItem span {
    opacity: 0.7;
    padding-left: 10px;
    font-size: 13px;
    font-weight: normal;
}

.side-panel .viewNewItem span:hover {
    opacity: 1;
    padding-left: 10px;
}

.side-panel-container .header .dv-button,
.side-panel-container .header .dv-button:focus {
    outline: none;
}

.side-panel .content {
    position: relative;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

.side-panel .left-panel-error,
.side-panel .views-error,
.side-panel .recents-error,
.side-panel .no-recents,
.side-panel .no-favorites,
.side-panel .no-views {
    font-size: 13px;
    margin: 6px 17px 0 0;
    padding: 0 0 0 20px;
    opacity: 0.7;
    white-space: pre-line;
}

.side-panel .no-recents,
.side-panel .no-favorites,
.side-panel .no-views {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 220px;
    margin-right: 0;
}

.side-panel .blue.small {
    left: 40%;
    top: 40%;
    position: absolute;
    text-align: center;
}

.left-nav-list ul {
    margin: 0;
    padding-left: 0;
}

.left-nav-list .no-views {
    font-size: 13px;
    margin: 6px 17px 0 0;
    opacity: 0.7;
    padding: 0 0 0 20px;
}

.left-nav-list .spinner {
    margin-top: 10px;
}

.left-nav-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

/* Lodestar Button styling for empty state */
.left-panel-empty button {
    margin: 20px auto;
    display: block;
    font-size: 13px;
    font-weight: normal;
}

/*Adapted from UI Engineering Recents Panel*/
.container-list-item .itemLink {
    margin-right: 0;
}

.recent-items .pin-button {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    opacity: 0.7;
    padding: 1px;
    background-color: transparent;
    min-width: unset;
    border: none;
    height: 18px;
    position: relative;
    right: 17px;
}

.container-list-item .pin-button:hover,
.container-list-item .pin-button:focus {
    opacity: 1;
}

.recent-items.pinned .pin-button,
.recent-items.unpinned .container-list-item:hover .pin-button,
.recent-items.pinned .pin-button .pin-icon,
.recent-items.pinned .pin-button:hover .unpin-icon {
    display: inline-block;
}

.recent-items.unpinned .pin-button,
.recent-items.pinned .pin-button .unpin-icon,
.recent-items.pinned .pin-button:hover .pin-icon,
.recent-items.unpinned .pin-button .unpin-icon {
    display: none;
}

.recents-panel .divider {
    opacity: 0.2;
    height: 0;
    border: 0 solid transparent;
    background-clip: content-box;
    -webkit-transition: height 0.2s, border 0.2s;
    transition: height 0.2s, border 0.2s;
}
.recents-panel .divider.visible {
    height: 1px;
    background-color: #003059;
    border-width: 10px 0;
    margin: 0 20px;
}

:root {
    --left-rail-button-size: 50px;
    --left-rail-close-animation-duration: 100ms;
    --left-rail-close-animation-delay: 150ms;
}

.left-rail {
    background-color: #003059;
    padding-top: var(--left-rail-button-size);
    width: var(--left-rail-button-size);
    height: 100%;
    z-index: 20;
}

.left-rail button,
.left-rail button.dv-button {
    padding: 0;
    margin: 0;
    position: relative;

    width: var(--left-rail-button-size);
    height: var(--left-rail-button-size);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 0;

    /* remove the top and bottom border so that the right border doesn't get bevelled */
    border-top: none;
    border-bottom: none;
    background: transparent;
    
    /* Center justify button content for Lodestar buttons */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

.left-rail button.dv-button {
    display: inline-block;
    min-width: unset;
    cursor: unset;
}

.left-rail button:hover,
.left-rail button.dv-button:hover {
    background-color: rgba(13, 76, 138, 0.7);
    cursor: pointer;
}

.left-rail button.active {
    background-color: rgba(13, 76, 138, 0.7);
    border-right-color: #0073ec;
}

/* Enter and exit transitions */
.left-rail-enter {
    opacity: 0;
    width: 0;
}

.left-rail-enter-active {
    opacity: 1;
    width: var(--left-rail-button-size);
    -webkit-transition: opacity var(--left-rail-close-animation-duration), width var(--left-rail-close-animation-duration);
    transition: opacity var(--left-rail-close-animation-duration), width var(--left-rail-close-animation-duration);
}

.left-rail-exit {
    opacity: 1;
    width: var(--left-rail-button-size);
}

.left-rail-exit-active {
    opacity: 0;
    width: 0;
    -webkit-transition: opacity var(--left-rail-close-animation-duration), width var(--left-rail-close-animation-duration);
    transition: opacity var(--left-rail-close-animation-duration), width var(--left-rail-close-animation-duration);
}

.left-rail-exit-done {
    opacity: 0;
    width: 0;
}

.left-rail button:hover .tooltip {
    visibility: visible;
}

/* This is to close the tooltip when hover moves off of button img & onto tooltip - so we don't block view of underlying view title */
.left-rail button .tooltip:hover {
    visibility: hidden;
}

.left-rail button .tooltip {
    position: absolute;
    z-index: 21;
    left: 50px;
    top: 9px;
}

.left-rail button {
    outline: none;
}
.left-rail button:focus::before {
    content: '';
    position: absolute;
    display: block;
    pointer-events: none;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 10;
    border: 1px dotted rgba(255, 255, 255, 0.5);
}

body {
    overflow-y: hidden;
    overflow-x: hidden;
}
.main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.main-content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    overflow: hidden;
}
.contents {
    display: contents;
}
.side-panel-container .dv-button:hover {
    opacity: 1;
}
.side-panel-container .dv-button:focus {
    opacity: 1;
}
.side-panel-container .dv-button {
    cursor: pointer;
    opacity: 0.7;
    background-color: transparent;
}

/* TODO (when we expand use of media queries): It would be better to avoid calcs here. Consider global changes such as:
     1) setting max-width in em or vw in the global CSS to get desired size on various width screens.
      For example a label width of 20vw may allow plenty of room for full label display on desktops & truncate
      the label on a smaller screen so that other items in the row remain visible.
      */

/* This media query is intended to impact DV display on devices that do not have ability to hover */
@media (hover: none), (pointer: coarse) {
    /* Show filter menu item icons for edit, copy and delete all the time (instead of just on hover) */
    .filter-container .controls {
        display: -ms-flexbox;
        display: flex;
    }

    /* Need to add margin between clear icon & caret because coarse pointer can't
     handle them immediately side by side (clicking caret my trigger clear) */
    .contact-picker__indicators .contact-picker__clear-indicator {
        margin-right: 15px;
    }
    .contact-picker__indicators .dropdownIndicator {
        margin-right: 15px;
    }
    .option-picker .Select-clear {
        margin-right: 15px;
    }
    .option-picker .Select-arrow {
        margin-right: 15px;
    }

    /* Limit vert ht to 50vh due to issue with content not fitting when keyboard opens */
    .conditions-wrapper {
        max-height: 50vh;
    }
    .filter-wrapper.modal {
        margin-top: 0;
        padding: 0;
    }
}

/* Target screens <= 600px wide*/
@media (max-width: 600px) {
    /* Add a max-width so that longer filter name doesn't make other stuff in subheader spill out*/
    .filter-container .filter-button .primary-text {
        max-width: calc(100vw - 280px);
    }

    /* Hide the filtered count to make subheader less crowded */
    .filter-container .filter-button .secondary-text {
        display: none;
    }

    /* Limit size for filter name so icon content on menu item is still visible */
    .filter-container .menu .label {
        max-width: calc(100vw - 160px);
    }

    /* Limit visible length of view name so that user can access info icon */
    .grid-view-header > .view-description-container {
        max-width: calc(100vw - 100px);
    }}

/* Target screens <= 470px wide */
@media (max-width: 470px) {
    /* Hide Smartsheet title to make header less crowded (might add SMAR icon to replace it) */
    .dynamicViewTitle {
        display: none;
    }

    /* Size filter modal to narrower screen */
    .filter-wrapper-container {
        width: 100vw;
    }
    .filter-options span,
    .filter-name-container label {
        font-size: 12px;
        white-space: nowrap;
    }

    /* Set max-width on left panel */
    .side-panel {
        max-width: calc(100vw - 60px);
    }

    .generic-modal-container {
        min-width: 80vw;
    }
}

body {
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif;
}

input,
select {
    border-radius: 2px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
}

pre {
    font-family: Roboto, sans-serif;
}

/*
    Setting 100vh on root so that the getUrlBarHeight() method can use this to determine available height.
    This enables us to figure out the height of the url bar on a mobile device.
    We need this to size the app on a mobile device because vh is interpreted differently on
    mobile devices (it includes the url bar, unlike desktop).
    */
#root {
    height: 100vh;
}

/* Hides an element visually but still makes it available for screen readers. */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/**
 * Do not edit directly!
 * This file was generated by Style Dictionary and contains the primitive tokens for the ursa theme.
 * To make changes, edit the corresponding JSON file in the token-groups/themes directory.
 * This file is automatically generated and should not be edited directly.
 *
 */

.ursa {
  --smar--com--typography--TT-Norms-Pro-Var--38px--700w: 700 38px/46px'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--38px--400w: 400 38px/46px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--28px--700w: 700 28px/34px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--28px--400w: 400 28px/34px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--24px--700w: 700 24px/30px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--24px--400w: 400 24px/30px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--20px--700w: 700 20px/24px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--20px--400w: 400 20px/24px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--18px--700w: 700 18px/24px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--18px--400w: 400 18px/24px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--14px--700w: 700 14px/18px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--14px--500w: 500 14px/18px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--14px--400w: 400 14px/18px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--10px--700w: 700 10px/12px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro-Var--10px--400w: 400 10px/12px 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--38px--700w: 700 38px/46px'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--38px--400w: 400 38px/46px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--28px--700w: 700 28px/34px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--28px--400w: 400 28px/34px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--24px--700w: 700 24px/30px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--24px--400w: 400 24px/30px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--20px--700w: 700 20px/24px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--20px--400w: 400 20px/24px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--18px--700w: 700 18px/24px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--18px--400w: 400 18px/24px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--14px--700w: 700 14px/18px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--14px--500w: 500 14px/18px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--14px--400w: 400 14px/18px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--10px--700w: 700 10px/12px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--TT-Norms-Pro--10px--400w: 400 10px/12px 'TT Norms Pro Bold', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--20px--700w: 700 20px/24px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--20px--600w: 600 20px/24px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--20px--500w: 500 20px/24px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--20px--400w: 400 20px/24px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--16px--700w: 700 16px/20px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--16px--600w: 600 16px/20px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--16px--500w: 500 16px/20px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--16px--400w: 400 16px/20px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--14px--700w: 700 14px/18px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--14px--600w: 600 14px/18px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--14px--500w: 500 14px/18px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--14px--400w: 400 14px/18px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--12px--700w: 700 12px/16px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--12px--600w: 600 12px/16px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--12px--500w: 500 12px/16px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--12px--400w: 400 12px/16px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--typography--Inter--10px--500w: 500 10px/12px 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--font-family--tt-norms-pro: 'TT Norms Pro var', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--font-family--inter: 'Inter', Arial, Helvetica, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --smar--com--elevation--shadow-3: 0px 2px 4px rgba(54, 60, 84, 0.12), 0px 12px 24px 8px rgba(54, 60, 84, 0.2);
  --smar--com--elevation--shadow-2: 0px 4px 6px rgba(54, 60, 84, 0.12), 0px 6px 16px 6px rgba(54, 60, 84, 0.16);
  --smar--com--elevation--shadow-1: 0px 2px 4px rgba(54, 60, 84, 0.16), 0px 6px 12px rgba(54, 60, 84, 0.12);
  --smar--com--elevation--shadow-0: 0px 2px 4px rgba(54, 60, 84, 0.16), 0px 6px 12px rgba(54, 60, 84, 0.12);
  --smar--com--color--transparent: rgba(255, 255, 255, 0);
  --smar--com--color--orange--900: #2d0800;
  --smar--com--color--orange--800: #4c1106;
  --smar--com--color--orange--700: #732111;
  --smar--com--color--orange--600: #973421;
  --smar--com--color--orange--500: #b84028;
  --smar--com--color--orange--400: #d64529;
  --smar--com--color--orange--300: #f06b51;
  --smar--com--color--orange--200: #fb8f79;
  --smar--com--color--orange--100: #fda796;
  --smar--com--color--orange--75: #fec8be;
  --smar--com--color--orange--60: #fed5cd;
  --smar--com--color--orange--50: #ffe1dc;
  --smar--com--color--orange--35: #ffeeeb;
  --smar--com--color--orange--25: #fff6f5;
  --smar--com--color--yellow--900: #1a1200;
  --smar--com--color--yellow--800: #322301;
  --smar--com--color--yellow--700: #543b03;
  --smar--com--color--yellow--600: #705006;
  --smar--com--color--yellow--500: #88620c;
  --smar--com--color--yellow--400: #966e13;
  --smar--com--color--yellow--300: #bf8e1d;
  --smar--com--color--yellow--200: #dea41b;
  --smar--com--color--yellow--100: #efb32a;
  --smar--com--color--yellow--75: #f9cd67;
  --smar--com--color--yellow--60: #fbda8d;
  --smar--com--color--yellow--50: #fde6af;
  --smar--com--color--yellow--35: #fff0cc;
  --smar--com--color--yellow--25: #fff6e0;
  --smar--com--color--green--900: #081a00;
  --smar--com--color--green--800: #042f0a;
  --smar--com--color--green--700: #094814;
  --smar--com--color--green--600: #0f621c;
  --smar--com--color--green--500: #177827;
  --smar--com--color--green--400: #1d862f;
  --smar--com--color--green--300: #29ae40;
  --smar--com--color--green--200: #32c84c;
  --smar--com--color--green--100: #62d574;
  --smar--com--color--green--75: #8ee69d;
  --smar--com--color--green--60: #a1edad;
  --smar--com--color--green--50: #b9f4c3;
  --smar--com--color--green--35: #d2f9d8;
  --smar--com--color--green--25: #e7fdeb;
  --smar--com--color--teal--900: #001a17;
  --smar--com--color--teal--800: #042a23;
  --smar--com--color--teal--700: #084438;
  --smar--com--color--teal--600: #0f6151;
  --smar--com--color--teal--500: #167461;
  --smar--com--color--teal--400: #1c826d;
  --smar--com--color--teal--300: #28a98f;
  --smar--com--color--teal--200: #30c0a3;
  --smar--com--color--teal--100: #5ad3bb;
  --smar--com--color--teal--75: #86e4d1;
  --smar--com--color--teal--60: #9cecdc;
  --smar--com--color--teal--50: #b5f2e6;
  --smar--com--color--teal--35: #d2f9f1;
  --smar--com--color--teal--25: #e8fdf9;
  --smar--com--color--azure--900: #001f33;
  --smar--com--color--azure--800: #022a36;
  --smar--com--color--azure--700: #064355;
  --smar--com--color--azure--600: #0b5c75;
  --smar--com--color--azure--500: #10718e;
  --smar--com--color--azure--400: #157e9d;
  --smar--com--color--azure--300: #1ea0c8;
  --smar--com--color--azure--200: #3ab9df;
  --smar--com--color--azure--100: #6acae7;
  --smar--com--color--azure--75: #98dcf1;
  --smar--com--color--azure--60: #b6e8f7;
  --smar--com--color--azure--50: #c6effa;
  --smar--com--color--azure--35: #d8f5fd;
  --smar--com--color--azure--25: #ebfaff;
  --smar--com--color--blue--900: #000f33;
  --smar--com--color--blue--800: #031c59;
  --smar--com--color--blue--700: #0d3491;
  --smar--com--color--blue--600: #184bc3;
  --smar--com--color--blue--500: #2d60d7;
  --smar--com--color--blue--400: #3a6fe9;
  --smar--com--color--blue--300: #6692fa;
  --smar--com--color--blue--200: #80a6ff;
  --smar--com--color--blue--100: #9ebbff;
  --smar--com--color--blue--75: #b8cdff;
  --smar--com--color--blue--60: #c7d8ff;
  --smar--com--color--blue--50: #dbe6ff;
  --smar--com--color--blue--35: #ebf1ff;
  --smar--com--color--blue--25: #f5f8ff;
  --smar--com--color--violet--900: #160042;
  --smar--com--color--violet--800: #26026e;
  --smar--com--color--violet--700: #440fae;
  --smar--com--color--violet--600: #6329d6;
  --smar--com--color--violet--500: #7847dc;
  --smar--com--color--violet--400: #8959e8;
  --smar--com--color--violet--300: #a87efb;
  --smar--com--color--violet--200: #bb99ff;
  --smar--com--color--violet--100: #c9adff;
  --smar--com--color--violet--75: #d6c2ff;
  --smar--com--color--violet--60: #e0d1ff;
  --smar--com--color--violet--50: #ebe0ff;
  --smar--com--color--violet--35: #f5f0ff;
  --smar--com--color--violet--25: #f8f5ff;
  --smar--com--color--orchid--900: #27002d;
  --smar--com--color--orchid--800: #41064b;
  --smar--com--color--orchid--700: #661575;
  --smar--com--color--orchid--600: #8b259d;
  --smar--com--color--orchid--500: #a531b9;
  --smar--com--color--orchid--400: #b53dcc;
  --smar--com--color--orchid--300: #ce73de;
  --smar--com--color--orchid--200: #db91e8;
  --smar--com--color--orchid--100: #e5a7f1;
  --smar--com--color--orchid--75: #f0c3f8;
  --smar--com--color--orchid--60: #f5d0fb;
  --smar--com--color--orchid--50: #f8ddfd;
  --smar--com--color--orchid--35: #fcebff;
  --smar--com--color--orchid--25: #fdf5ff;
  --smar--com--color--pink--900: #2e001c;
  --smar--com--color--pink--800: #4c062f;
  --smar--com--color--pink--700: #73114a;
  --smar--com--color--pink--600: #992468;
  --smar--com--color--pink--500: #b53680;
  --smar--com--color--pink--400: #ce3b91;
  --smar--com--color--pink--300: #e76ab3;
  --smar--com--color--pink--200: #f589c8;
  --smar--com--color--pink--100: #f9a4d6;
  --smar--com--color--pink--75: #fdc4e4;
  --smar--com--color--pink--60: #fdd3ec;
  --smar--com--color--pink--50: #fee1f2;
  --smar--com--color--pink--35: #ffebf6;
  --smar--com--color--pink--25: #fff5fa;
  --smar--com--color--red--900: #330003;
  --smar--com--color--red--800: #570006;
  --smar--com--color--red--700: #7f050d;
  --smar--com--color--red--600: #ab0d17;
  --smar--com--color--red--500: #ce1723;
  --smar--com--color--red--400: #df2a36;
  --smar--com--color--red--300: #e96d75;
  --smar--com--color--red--200: #f29298;
  --smar--com--color--red--100: #f7abb0;
  --smar--com--color--red--75: #fbc6c9;
  --smar--com--color--red--60: #fed7da;
  --smar--com--color--red--50: #ffe0e3;
  --smar--com--color--red--35: #ffebed;
  --smar--com--color--red--25: #fff5f6;
  --smar--com--color--neutral--00: #ffffff;
  --smar--com--color--neutral--900: #11131d;
  --smar--com--color--neutral--850: #191c2a;
  --smar--com--color--neutral--800: #212536;
  --smar--com--color--neutral--750: #292e42;
  --smar--com--color--neutral--700: #363c54;
  --smar--com--color--neutral--650: #3f465f;
  --smar--com--color--neutral--600: #4c5470;
  --smar--com--color--neutral--500: #5f6786;
  --smar--com--color--neutral--400: #6b7394;
  --smar--com--color--neutral--300: #878dab;
  --smar--com--color--neutral--200: #a6acc4;
  --smar--com--color--neutral--100: #b8bdd1;
  --smar--com--color--neutral--75: #d0d3e2;
  --smar--com--color--neutral--60: #dcdeea;
  --smar--com--color--neutral--50: #e5e7f0;
  --smar--com--color--neutral--35: #eef0f6;
  --smar--com--color--neutral--25: #f5f6fa;
  --smar--com--color--slate--900: #11131d;
  --smar--com--color--slate--800: #212536;
  --smar--com--color--slate--700: #363c54;
  --smar--com--color--slate--600: #4c5470;
  --smar--com--color--slate--500: #5f6786;
  --smar--com--color--slate--400: #6b7394;
  --smar--com--color--slate--300: #878dab;
  --smar--com--color--slate--200: #a6acc4;
  --smar--com--color--slate--100: #b8bdd1;
  --smar--com--color--slate--75: #d0d3e2;
  --smar--com--color--slate--60: #dcdeea;
  --smar--com--color--slate--50: #e5e7f0;
  --smar--com--color--slate--35: #eef0f6;
  --smar--com--color--slate--25: #f5f6fa;
  --smar--com--yellow--text-alt: var(--smar--com--color--yellow--800);
  --smar--com--yellow--text: var(--smar--com--color--yellow--900);
  --smar--com--yellow--base: var(--smar--com--color--yellow--500);
  --smar--com--yellow--background-alt--active: var(--smar--com--color--yellow--300);
  --smar--com--yellow--background-alt--hover: var(--smar--com--color--yellow--200);
  --smar--com--yellow--background-alt: var(--smar--com--color--yellow--100);
  --smar--com--yellow--background: var(--smar--com--color--yellow--600);
  --smar--com--violet--text-alt: var(--smar--com--color--violet--500);
  --smar--com--violet--text: var(--smar--com--color--violet--800);
  --smar--com--violet--base: var(--smar--com--color--violet--400);
  --smar--com--violet--background-alt--active: var(--smar--com--color--violet--100);
  --smar--com--violet--background-alt--hover: var(--smar--com--color--violet--75);
  --smar--com--violet--background-alt: var(--smar--com--color--violet--50);
  --smar--com--violet--background: var(--smar--com--color--violet--300);
  --smar--com--teal--text-alt: var(--smar--com--color--teal--600);
  --smar--com--teal--text: var(--smar--com--color--teal--800);
  --smar--com--teal--base: var(--smar--com--color--teal--300);
  --smar--com--teal--background-alt--active: var(--smar--com--color--teal--100);
  --smar--com--teal--background-alt--hover: var(--smar--com--color--teal--75);
  --smar--com--teal--background-alt: var(--smar--com--color--teal--50);
  --smar--com--teal--background: var(--smar--com--color--teal--400);
  --smar--com--surface--work--text--inactive-hover: var(--smar--com--color--neutral--500);
  --smar--com--surface--work--text--inactive: var(--smar--com--color--neutral--400);
  --smar--com--surface--work--text: var(--smar--com--color--neutral--800);
  --smar--com--surface--work--divider-scroll: var(--smar--com--color--neutral--50);
  --smar--com--surface--work--divider-alt: var(--smar--com--color--neutral--75);
  --smar--com--surface--work--divider: var(--smar--com--color--neutral--50);
  --smar--com--surface--work--background--hint: var(--smar--com--color--neutral--25);
  --smar--com--surface--work--background: var(--smar--com--color--neutral--00);
  --smar--com--surface--canvas--text: var(--smar--com--color--neutral--700);
  --smar--com--surface--canvas--divider: var(--smar--com--color--neutral--75);
  --smar--com--surface--canvas--border-scroll: var(--smar--com--color--neutral--100);
  --smar--com--surface--canvas--border: var(--smar--com--color--neutral--50);
  --smar--com--surface--canvas--background: var(--smar--com--color--neutral--25);
  --smar--com--slate--text-alt: var(--smar--com--color--neutral--500);
  --smar--com--slate--text: var(--smar--com--color--neutral--800);
  --smar--com--slate--base: var(--smar--com--color--neutral--300);
  --smar--com--slate--background-alt--active: var(--smar--com--color--neutral--100);
  --smar--com--slate--background-alt--hover: var(--smar--com--color--neutral--75);
  --smar--com--slate--background-alt: var(--smar--com--color--neutral--50);
  --smar--com--slate--background: var(--smar--com--color--neutral--300);
  --smar--com--semantic--text-inline: var(--smar--com--color--yellow--800);
  --smar--com--semantic--text: var(--smar--com--color--yellow--900);
  --smar--com--semantic--icon: var(--smar--com--color--yellow--800);
  --smar--com--semantic--border: var(--smar--com--color--yellow--500);
  --smar--com--semantic--background--hover: var(--smar--com--color--yellow--200);
  --smar--com--semantic--background--active: var(--smar--com--color--yellow--300);
  --smar--com--semantic--warning: var(--smar--com--color--yellow--100);
  --smar--com--semantic--success--text-inline: var(--smar--com--color--green--600);
  --smar--com--semantic--success--text: var(--smar--com--color--green--800);
  --smar--com--semantic--success--icon: var(--smar--com--color--green--600);
  --smar--com--semantic--success--border: var(--smar--com--color--green--500);
  --smar--com--semantic--success--background--hover: var(--smar--com--color--green--75);
  --smar--com--semantic--success--background--active: var(--smar--com--color--green--100);
  --smar--com--semantic--success--background: var(--smar--com--color--green--50);
  --smar--com--semantic--info--text-inline: var(--smar--com--color--blue--500);
  --smar--com--semantic--info--text: var(--smar--com--color--blue--800);
  --smar--com--semantic--info--icon: var(--smar--com--color--blue--500);
  --smar--com--semantic--info--border: var(--smar--com--color--azure--500);
  --smar--com--semantic--info--background--hover: var(--smar--com--color--blue--75);
  --smar--com--semantic--info--background--active: var(--smar--com--color--blue--100);
  --smar--com--semantic--info--background: var(--smar--com--color--blue--50);
  --smar--com--semantic--error--text-inline: var(--smar--com--color--red--600);
  --smar--com--semantic--error--text: var(--smar--com--color--red--800);
  --smar--com--semantic--error--icon: var(--smar--com--color--red--600);
  --smar--com--semantic--error--border: var(--smar--com--color--red--500);
  --smar--com--semantic--error--background--hover: var(--smar--com--color--red--75);
  --smar--com--semantic--error--background--active: var(--smar--com--color--red--100);
  --smar--com--semantic--error--background: var(--smar--com--color--red--75);
  --smar--com--selection--range--border: var(--smar--com--color--blue--400);
  --smar--com--selection--border-glow: var(--smar--com--color--blue--75);
  --smar--com--selection--border-alt: var(--smar--com--color--neutral--300);
  --smar--com--selection--border: var(--smar--com--color--blue--500);
  --smar--com--rose--text-alt: var(--smar--com--color--pink--500);
  --smar--com--rose--text: var(--smar--com--color--pink--800);
  --smar--com--rose--base: var(--smar--com--color--pink--400);
  --smar--com--rose--background-alt--active: var(--smar--com--color--pink--100);
  --smar--com--rose--background-alt--hover: var(--smar--com--color--pink--75);
  --smar--com--rose--background-alt: var(--smar--com--color--pink--50);
  --smar--com--rose--background: var(--smar--com--color--pink--200);
  --smar--com--red--text-alt: var(--smar--com--color--red--600);
  --smar--com--red--text: var(--smar--com--color--red--800);
  --smar--com--red--base: var(--smar--com--color--red--400);
  --smar--com--red--background-alt--active: var(--smar--com--color--red--100);
  --smar--com--red--background-alt--hover: var(--smar--com--color--red--75);
  --smar--com--red--background-alt: var(--smar--com--color--red--50);
  --smar--com--red--background: var(--smar--com--color--red--300);
  --smar--com--pink--text-alt: var(--smar--com--color--pink--600);
  --smar--com--pink--text: var(--smar--com--color--pink--800);
  --smar--com--pink--base: var(--smar--com--color--pink--400);
  --smar--com--pink--background-alt--active: var(--smar--com--color--pink--100);
  --smar--com--pink--background-alt--hover: var(--smar--com--color--pink--75);
  --smar--com--pink--background-alt: var(--smar--com--color--pink--50);
  --smar--com--pink--background: var(--smar--com--color--pink--300);
  --smar--com--orchid--text-alt: var(--smar--com--color--orchid--600);
  --smar--com--orchid--text: var(--smar--com--color--orchid--800);
  --smar--com--orchid--base: var(--smar--com--color--orchid--400);
  --smar--com--orchid--background-alt--active: var(--smar--com--color--orchid--100);
  --smar--com--orchid--background-alt--hover: var(--smar--com--color--orchid--75);
  --smar--com--orchid--background-alt: var(--smar--com--color--orchid--50);
  --smar--com--orchid--background: var(--smar--com--color--orchid--300);
  --smar--com--orange--text-alt: var(--smar--com--color--orange--700);
  --smar--com--orange--text: var(--smar--com--color--orange--900);
  --smar--com--orange--base: var(--smar--com--color--orange--400);
  --smar--com--orange--background-alt--active: var(--smar--com--color--orange--200);
  --smar--com--orange--background-alt--hover: var(--smar--com--color--orange--100);
  --smar--com--orange--background-alt: var(--smar--com--color--orange--75);
  --smar--com--orange--background: var(--smar--com--color--orange--500);
  --smar--com--neutral--text-alt: var(--smar--com--color--neutral--500);
  --smar--com--neutral--text: var(--smar--com--color--neutral--800);
  --smar--com--neutral--base: var(--smar--com--color--neutral--300);
  --smar--com--neutral--background-alt--active: var(--smar--com--color--neutral--100);
  --smar--com--neutral--background-alt--hover: var(--smar--com--color--neutral--75);
  --smar--com--neutral--background-alt: var(--smar--com--color--neutral--50);
  --smar--com--neutral--background: var(--smar--com--color--neutral--300);
  --smar--com--mint--text-alt: var(--smar--com--color--green--600);
  --smar--com--mint--text: var(--smar--com--color--green--800);
  --smar--com--mint--base: var(--smar--com--color--green--300);
  --smar--com--mint--background-alt--active: var(--smar--com--color--green--100);
  --smar--com--mint--background-alt--hover: var(--smar--com--color--green--75);
  --smar--com--mint--background-alt: var(--smar--com--color--green--50);
  --smar--com--mint--background: var(--smar--com--color--green--300);
  --smar--com--indigo--text-alt: var(--smar--com--color--violet--500);
  --smar--com--indigo--text: var(--smar--com--color--violet--800);
  --smar--com--indigo--base: var(--smar--com--color--violet--400);
  --smar--com--indigo--background-alt--active: var(--smar--com--color--violet--100);
  --smar--com--indigo--background-alt--hover: var(--smar--com--color--violet--75);
  --smar--com--indigo--background-alt: var(--smar--com--color--violet--50);
  --smar--com--indigo--background: var(--smar--com--color--violet--300);
  --smar--com--green--text-alt: var(--smar--com--color--green--600);
  --smar--com--green--text: var(--smar--com--color--green--800);
  --smar--com--green--base: var(--smar--com--color--green--400);
  --smar--com--green--background-alt--active: var(--smar--com--color--green--100);
  --smar--com--green--background-alt--hover: var(--smar--com--color--green--75);
  --smar--com--green--background-alt: var(--smar--com--color--green--50);
  --smar--com--green--background: var(--smar--com--color--green--400);
  --smar--com--gold--text-alt: var(--smar--com--color--yellow--800);
  --smar--com--gold--text: var(--smar--com--color--yellow--900);
  --smar--com--gold--base: var(--smar--com--color--yellow--500);
  --smar--com--gold--background-alt--hover: var(--smar--com--color--yellow--200);
  --smar--com--gold--background-alt--active: var(--smar--com--color--yellow--300);
  --smar--com--gold--background-alt: var(--smar--com--color--yellow--100);
  --smar--com--gold--background: var(--smar--com--color--yellow--600);
  --smar--com--form-input--border--rest: var(--smar--com--color--neutral--300);
  --smar--com--form-input--border--readonly: var(--smar--com--color--neutral--75);
  --smar--com--form-input--border--hover: var(--smar--com--color--neutral--400);
  --smar--com--form-input--border--focus: var(--smar--com--color--neutral--200);
  --smar--com--form-input--border--error: var(--smar--com--color--red--500);
  --smar--com--form-input--border--active: var(--smar--com--color--blue--400);
  --smar--com--focus-indicator--border-secondary: var(--smar--com--color--neutral--00);
  --smar--com--focus-indicator--border-primary: var(--smar--com--color--blue--400);
  --smar--com--blue--text-alt: var(--smar--com--color--blue--500);
  --smar--com--blue--text: var(--smar--com--color--blue--800);
  --smar--com--blue--base: var(--smar--com--color--blue--400);
  --smar--com--blue--background-alt--active: var(--smar--com--color--blue--100);
  --smar--com--blue--background-alt--hover: var(--smar--com--color--blue--75);
  --smar--com--blue--background-alt: var(--smar--com--color--blue--50);
  --smar--com--blue--background: var(--smar--com--color--blue--300);
  --smar--com--azure--text-alt: var(--smar--com--color--azure--700);
  --smar--com--azure--text: var(--smar--com--color--azure--800);
  --smar--com--azure--base: var(--smar--com--color--azure--400);
  --smar--com--azure--background-alt--active: var(--smar--com--color--azure--200);
  --smar--com--azure--background-alt--hover: var(--smar--com--color--azure--100);
  --smar--com--azure--background-alt: var(--smar--com--color--azure--75);
  --smar--com--azure--background: var(--smar--com--color--azure--400);
  --smar--com--aqua--text-alt: var(--smar--com--color--teal--600);
  --smar--com--aqua--text: var(--smar--com--color--teal--800);
  --smar--com--aqua--base: var(--smar--com--color--teal--400);
  --smar--com--aqua--background-alt--active: var(--smar--com--color--teal--100);
  --smar--com--aqua--background-alt--hover: var(--smar--com--color--teal--75);
  --smar--com--aqua--background-alt: var(--smar--com--color--teal--50);
  --smar--com--aqua--background: var(--smar--com--color--teal--300);
  --smar--com--color--gold--900: var(--smar--com--color--yellow--900);
  --smar--com--color--gold--800: var(--smar--com--color--yellow--800);
  --smar--com--color--gold--700: var(--smar--com--color--yellow--700);
  --smar--com--color--gold--600: var(--smar--com--color--yellow--600);
  --smar--com--color--gold--500: var(--smar--com--color--yellow--500);
  --smar--com--color--gold--400: var(--smar--com--color--yellow--400);
  --smar--com--color--gold--300: var(--smar--com--color--yellow--300);
  --smar--com--color--gold--200: var(--smar--com--color--yellow--200);
  --smar--com--color--gold--100: var(--smar--com--color--yellow--100);
  --smar--com--color--gold--75: var(--smar--com--color--yellow--75);
  --smar--com--color--gold--60: var(--smar--com--color--yellow--60);
  --smar--com--color--gold--50: var(--smar--com--color--yellow--50);
  --smar--com--color--gold--35: var(--smar--com--color--yellow--35);
  --smar--com--color--gold--25: var(--smar--com--color--yellow--25);
  --smar--com--color--mint--900: var(--smar--com--color--green--900);
  --smar--com--color--mint--800: var(--smar--com--color--green--800);
  --smar--com--color--mint--700: var(--smar--com--color--green--700);
  --smar--com--color--mint--600: var(--smar--com--color--green--600);
  --smar--com--color--mint--500: var(--smar--com--color--green--500);
  --smar--com--color--mint--400: var(--smar--com--color--green--400);
  --smar--com--color--mint--300: var(--smar--com--color--green--300);
  --smar--com--color--mint--200: var(--smar--com--color--green--200);
  --smar--com--color--mint--100: var(--smar--com--color--green--100);
  --smar--com--color--mint--75: var(--smar--com--color--green--75);
  --smar--com--color--mint--60: var(--smar--com--color--green--60);
  --smar--com--color--mint--50: var(--smar--com--color--green--50);
  --smar--com--color--mint--35: var(--smar--com--color--green--35);
  --smar--com--color--mint--25: var(--smar--com--color--green--25);
  --smar--com--color--aqua--900: var(--smar--com--color--teal--900);
  --smar--com--color--aqua--800: var(--smar--com--color--teal--800);
  --smar--com--color--aqua--700: var(--smar--com--color--teal--700);
  --smar--com--color--aqua--600: var(--smar--com--color--teal--600);
  --smar--com--color--aqua--500: var(--smar--com--color--teal--500);
  --smar--com--color--aqua--400: var(--smar--com--color--teal--400);
  --smar--com--color--aqua--300: var(--smar--com--color--teal--300);
  --smar--com--color--aqua--200: var(--smar--com--color--teal--200);
  --smar--com--color--aqua--100: var(--smar--com--color--teal--100);
  --smar--com--color--aqua--75: var(--smar--com--color--teal--75);
  --smar--com--color--aqua--60: var(--smar--com--color--teal--60);
  --smar--com--color--aqua--50: var(--smar--com--color--teal--50);
  --smar--com--color--aqua--35: var(--smar--com--color--teal--35);
  --smar--com--color--aqua--25: var(--smar--com--color--teal--25);
  --smar--com--color--indigo--900: var(--smar--com--color--violet--900);
  --smar--com--color--indigo--800: var(--smar--com--color--violet--800);
  --smar--com--color--indigo--700: var(--smar--com--color--violet--700);
  --smar--com--color--indigo--600: var(--smar--com--color--violet--600);
  --smar--com--color--indigo--500: var(--smar--com--color--violet--500);
  --smar--com--color--indigo--400: var(--smar--com--color--violet--400);
  --smar--com--color--indigo--300: var(--smar--com--color--violet--300);
  --smar--com--color--indigo--200: var(--smar--com--color--violet--200);
  --smar--com--color--indigo--100: var(--smar--com--color--violet--100);
  --smar--com--color--indigo--75: var(--smar--com--color--violet--75);
  --smar--com--color--indigo--60: var(--smar--com--color--violet--60);
  --smar--com--color--indigo--50: var(--smar--com--color--violet--50);
  --smar--com--color--indigo--35: var(--smar--com--color--violet--35);
  --smar--com--color--indigo--25: var(--smar--com--color--violet--25);
  --smar--com--color--rose--900: var(--smar--com--color--pink--900);
  --smar--com--color--rose--800: var(--smar--com--color--pink--800);
  --smar--com--color--rose--700: var(--smar--com--color--pink--700);
  --smar--com--color--rose--600: var(--smar--com--color--pink--600);
  --smar--com--color--rose--500: var(--smar--com--color--pink--500);
  --smar--com--color--rose--400: var(--smar--com--color--pink--400);
  --smar--com--color--rose--300: var(--smar--com--color--pink--300);
  --smar--com--color--rose--200: var(--smar--com--color--pink--200);
  --smar--com--color--rose--100: var(--smar--com--color--pink--100);
  --smar--com--color--rose--75: var(--smar--com--color--pink--75);
  --smar--com--color--rose--60: var(--smar--com--color--pink--60);
  --smar--com--color--rose--50: var(--smar--com--color--pink--50);
  --smar--com--color--rose--35: var(--smar--com--color--pink--35);
  --smar--com--color--rose--25: var(--smar--com--color--pink--25);
}

/**
 * Do not edit directly!
 * This file was generated by Style Dictionary and contains the primitive tokens for the lodestar theme.
 * To make changes, edit the corresponding JSON file in the token-groups/themes directory.
 * This file is automatically generated and should not be edited directly.
 *
 */

.lodestar {
  --smar--com--color--transparent: rgba(255, 255, 255, 0);
  --smar--com--color--shadow--border: rgba(0, 0, 0, 0.12);
  --smar--com--color--shadow--modal: rgba(0, 0, 0, 0.12);
  --smar--com--color--shadow--menu: rgba(0, 0, 0, 0.16);
  --smar--com--color--left-nav-background: #003059;
  --smar--com--color--blanket-background: rgba(0, 0, 0, 0.1);
  --smar--com--color--tooltip-background: #545454;
  --smar--com--color--default-background: #f8f7f5;
  --smar--com--color--neutral-light--40: #ffffff;
  --smar--com--color--neutral-light--30: #f2f2f2;
  --smar--com--color--neutral-light--20: #ebebeb;
  --smar--com--color--neutral-light--10: #e0e0e0;
  --smar--com--color--neutral-dark--40: #111111;
  --smar--com--color--neutral-dark--30: #444444;
  --smar--com--color--neutral-dark--20: #727272;
  --smar--com--color--neutral-dark--10: #979797;
  --smar--com--color--neutral-default: #c0c0c0;
  --smar--com--color--vis--teal-light--30: #f1f7f6;
  --smar--com--color--vis--teal-light--20: #dceae7;
  --smar--com--color--vis--teal-light--10: #a1c9c2;
  --smar--com--color--vis--teal-dark--30: #002923;
  --smar--com--color--vis--teal-dark--20: #004e43;
  --smar--com--color--vis--teal-dark--10: #008476;
  --smar--com--color--vis--teal: #4eaa9b;
  --smar--com--color--vis--berry-light--30: #fbf3f8;
  --smar--com--color--vis--berry-light--20: #f5e1ec;
  --smar--com--color--vis--berry-light--10: #e5b8d1;
  --smar--com--color--vis--berry-dark--30: #610e44;
  --smar--com--color--vis--berry-dark--20: #8b2066;
  --smar--com--color--vis--berry-dark--10: #b94d90;
  --smar--com--color--vis--berry: #c76ca1;
  --smar--com--color--vis--purple-light--30: #f5f5fe;
  --smar--com--color--vis--purple-light--20: #e6e5fa;
  --smar--com--color--vis--purple-light--10: #bab8f1;
  --smar--com--color--vis--purple-dark--30: #0c245b;
  --smar--com--color--vis--purple-dark--20: #0c3491;
  --smar--com--color--vis--purple-dark--10: #566ae3;
  --smar--com--color--vis--purple: #848be9;
  --smar--com--color--vis--red-light--30: #fff3ef;
  --smar--com--color--vis--red-light--20: #ffe0d7;
  --smar--com--color--vis--red-light--10: #f6b09d;
  --smar--com--color--vis--red-dark--30: #6d0800;
  --smar--com--color--vis--red-dark--20: #9d0c00;
  --smar--com--color--vis--red-dark--10: #d14424;
  --smar--com--color--vis--red: #ee6f4c;
  --smar--com--color--vis--yellow-light--30: #fff8e7;
  --smar--com--color--vis--yellow-light--20: #ffefc5;
  --smar--com--color--vis--yellow-light--10: #f5cf6a;
  --smar--com--color--vis--yellow-dark--30: #3d2c00;
  --smar--com--color--vis--yellow-dark--20: #5a4000;
  --smar--com--color--vis--yellow-dark--10: #996f00;
  --smar--com--color--vis--yellow: #e6a907;
  --smar--com--color--vis--orange-light--30: #fff4e6;
  --smar--com--color--vis--orange-light--20: #fee3c0;
  --smar--com--color--vis--orange-light--10: #ffb761;
  --smar--com--color--vis--orange-dark--30: #492400;
  --smar--com--color--vis--orange-dark--20: #653300;
  --smar--com--color--vis--orange-dark--10: #ab6600;
  --smar--com--color--vis--orange: #e18502;
  --smar--com--color--vis--green-light--30: #f3f7ef;
  --smar--com--color--vis--green-light--20: #e1ebd6;
  --smar--com--color--vis--green-light--10: #b2c997;
  --smar--com--color--vis--green-dark--30: #193700;
  --smar--com--color--vis--green-dark--20: #275600;
  --smar--com--color--vis--green-dark--10: #488306;
  --smar--com--color--vis--green: #70a13c;
  --smar--com--color--vis--blue-light--30: #f0f5fd;
  --smar--com--color--vis--blue-light--20: #d8e4fa;
  --smar--com--color--vis--blue-light--10: #a7c1e4;
  --smar--com--color--vis--blue-dark--30: #002847;
  --smar--com--color--vis--blue-dark--20: #004173;
  --smar--com--color--vis--blue-dark--10: #007cc5;
  --smar--com--color--vis--blue: #5996d6;
  --smar--com--color--info-light--30: #e3e9ef;
  --smar--com--color--info-light--20: #cbd8e3;
  --smar--com--color--info-light--10: #b6c8da;
  --smar--com--color--info-dark--30: #3f4952;
  --smar--com--color--info-dark--20: #5e6d7b;
  --smar--com--color--info-dark--10: #7e92a4;
  --smar--com--color--info: #9eb7ce;
  --smar--com--color--danger-light--30: #efc8cb;
  --smar--com--color--danger-light--20: #e4969c;
  --smar--com--color--danger-light--10: #db656f;
  --smar--com--color--danger-dark--30: #531419;
  --smar--com--color--danger-dark--20: #7c1e26;
  --smar--com--color--danger-dark--10: #a62833;
  --smar--com--color--danger: #d03340;
  --smar--com--color--warning-light--30: #fbeccb;
  --smar--com--color--warning-light--20: #fcde9b;
  --smar--com--color--warning-light--10: #ffdb6a;
  --smar--com--color--warning-dark--30: #664e18;
  --smar--com--color--warning-dark--20: #997525;
  --smar--com--color--warning-dark--10: #cc9c31;
  --smar--com--color--warning: #ffc33e;
  --smar--com--color--success-light--30: #bbe7d6;
  --smar--com--color--success-light--20: #7dd4b1;
  --smar--com--color--success-light--10: #40c28f;
  --smar--com--color--success-dark--30: #00462a;
  --smar--com--color--success-dark--20: #00693f;
  --smar--com--color--success-dark--10: #008c54;
  --smar--com--color--success: #01af6a;
  --smar--com--color--focus-active-dark: #566ae3;
  --smar--com--color--focus-active-light: #b0cae9;
  --smar--com--color--active: #204a76;
  --smar--com--color--focus-light-20: #c5d7ed;
  --smar--com--color--focus-light-10: #b3ccea;
  --smar--com--color--focus-light: #b0cae9;
  --smar--com--color--focus: #6097d2;
  --smar--com--color--focus-dark: #4c649d;
  --smar--com--color--cta--link: #0970be;
  --smar--com--color--cta--upgrade: #2c6665;
  --smar--com--color--button--upgrade-disabled: #b3d7c8;
  --smar--com--color--button--upgrade-pressed: #00693f;
  --smar--com--color--button--upgrade-hover: #40c28f;
  --smar--com--color--button--upgrade: #007a49;
  --smar--com--color--button--destructive-disabled: #edbec2;
  --smar--com--color--button--destructive-pressed: #a62833;
  --smar--com--color--button--destructive-hover: #d8656f;
  --smar--com--color--button--destructive: #cc2e3b;
  --smar--com--color--button--cta-share-disabled: #aed5d6;
  --smar--com--color--button--cta-share-active: #01595d;
  --smar--com--color--button--cta-share-hover: #40bac0;
  --smar--com--color--button--cta-share: #007e84;
  --smar--com--color--button--default-disabled: #f2f2f2;
  --smar--com--color--button--default-pressed: #c0c0c0;
  --smar--com--color--button--default-hover: #e0e0e0;
  --smar--com--color--button--default: #eeeeee;
  --smar--com--color--button--primary-disabled: #b3ccea;
  --smar--com--color--button--primary-pressed: #004173;
  --smar--com--color--button--primary-hover: #005d95;
  --smar--com--color--button--primary: #3576ba;
  --smar--com--color--neutral-accessible: var(--smar--com--color--neutral-dark--10);
  --smar--com--color--button--upgrade-focus: var(--smar--com--color--button--upgrade);
  --smar--com--color--button--destructive-focus: var(--smar--com--color--button--destructive);
  --smar--com--color--button--cta-share-focus: var(--smar--com--color--button--cta-share);
  --smar--com--color--button--default-focus: var(--smar--com--color--button--default);
  --smar--com--color--button--primary-focus: var(--smar--com--color--button--primary);
}

/**
 * Do not edit directly!
 * This file was generated by Style Dictionary and contains the semantic tokens for the lodestar-light theme.
 * To make changes, edit the corresponding JSON file in the token-groups/themes directory.
 * This file is automatically generated and should not be edited directly.
 *
 */

.lodestar-light {
  --smar--com--semantic--warning--text-inline: #543b03;
  --smar--com--semantic--warning--text: #1a1200;
  --smar--com--semantic--warning--icon: #543b03;
  --smar--com--semantic--warning--background: #f9cd67;
  --smar--com--semantic--success--text-inline: #0f621c;
  --smar--com--semantic--success--text: #081a00;
  --smar--com--semantic--success--icon: #177827;
  --smar--com--semantic--success--background: #b9f4c3;
  --smar--com--semantic--info--text-inline: #0b5c75;
  --smar--com--semantic--info--text: #001f33;
  --smar--com--semantic--info--icon: #0b5c75;
  --smar--com--semantic--info--background: #98dcf1;
  --smar--com--semantic--error--text-inline: #ab0d17;
  --smar--com--semantic--error--text: #330003;
  --smar--com--semantic--error--icon: #ab0d17;
  --smar--com--semantic--error--background: #fbc6c9;
  --smar--com--gradient--text--ai: linear-gradient(90deg, #806CFF 0.16%, #A770FF 29.05%, #D35CFF 57.94%);
  --smar--com--gradient--background--ai-interactive--vibrant--hover: linear-gradient(135deg, #D35CFF 0%, #9B5DFF 50%, #2303EE 100%);
  --smar--com--gradient--background--ai-interactive--vibrant--rest: linear-gradient(135deg, #D35CFF 0%, #A770FF 50%, #806CFF 100%);
  --smar--com--gradient--background--ai-interactive--default--press: linear-gradient(88.36deg, #9EBBFF 0%, #C9ADFF 100%);
  --smar--com--gradient--background--ai-interactive--default--hover: linear-gradient(88.36deg, #B8CDFF 0%, #D6C2FF 100%);
  --smar--com--gradient--background--ai-interactive--default--rest: linear-gradient(88.36deg, #DBE6FF 0%, #EBE0FF 100%);
  --smar--com--gradient--background--ai-static--default--rest: linear-gradient(88.36deg, #DBE6FF 0%, #EBE0FF 100%);
  --smar--com--gradient--navigation: #003059;
  --smar--com--elevation--high: 0px 24px 64px rgba(0, 0, 0, 0.12);
  --smar--com--elevation--default: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
  --smar--com--elevation--low: 0px 2px 12px 0px rgba(0, 0, 0, 0.16);
  --sds--banner--icon-color--success: #067321;
  --sds--banner--icon-color--error: #C21823;
  --sds--banner--icon-color--warning: #CC7E00;
  --sds--banner--icon-color--info: #027ED1;
  --sds--banner--text-color--success: #001A06;
  --sds--banner--text-color--error: #280104;
  --sds--banner--text-color--warning: #4C1D00;
  --sds--banner--text-color--info: #001F33;
  --sds--banner--background-color--success: #E0F2E4;
  --sds--banner--background-color--error: #FAD1D4;
  --sds--banner--background-color--warning: #FFEECC;
  --sds--banner--background-color--info: #CAE8FC;
  --smar--com--surface--work--text: var(--smar--com--color--neutral-dark--40);
  --smar--com--surface--work--background: var(--smar--com--color--neutral-light--40);
  --smar--com--surface--canvas--background: var(--smar--com--color--neutral-light--40);
  --smar--com--semantic--warning--background--hover: var(--smar--com--color--warning-light--20);
  --smar--com--semantic--warning--background--active: var(--smar--com--color--warning-light--20);
  --smar--com--semantic--success--background--hover: var(--smar--com--color--success-light--20);
  --smar--com--semantic--success--background--active: var(--smar--com--color--success-light--20);
  --smar--com--semantic--info--background--hover: var(--smar--com--color--info-light--20);
  --smar--com--semantic--info--background--active: var(--smar--com--color--info-light--20);
  --smar--com--semantic--error--background--hover: var(--smar--com--color--danger-light--20);
  --smar--com--semantic--error--background--active: var(--smar--com--color--danger-light--20);
  --smar--com--focus-indicator--border-primary: var(--smar--com--color--button--primary-hover);
  --sds--symbol--background-color--yellow--hover: var(--smar--com--color--warning-light--20);
  --sds--symbol--background-color--yellow--default: var(--smar--com--color--warning);
  --smar--com--color--icons--destructive-inverse--stronger: var(--smar--com--color--vis--red-light--30);
  --smar--com--color--icons--destructive--weakest: var(--smar--com--color--vis--red-light--30);
  --smar--com--color--icons--destructive--weaker: var(--smar--com--color--vis--red-light--20);
  --smar--com--color--icons--destructive--weak: var(--smar--com--color--vis--red-light--10);
  --smar--com--color--icons--destructive--strongest: var(--smar--com--color--vis--red-dark--30);
  --smar--com--color--icons--destructive--stronger: var(--smar--com--color--vis--red-dark--20);
  --smar--com--color--icons--destructive--strong: var(--smar--com--color--vis--red-dark--10);
  --smar--com--color--icons--destructive--default: var(--smar--com--color--vis--red);
  --smar--com--color--icons--error--weak: var(--smar--com--color--danger);
  --smar--com--color--icons--error--default: var(--smar--com--color--danger-dark--20);
  --smar--com--color--icons--info--weak: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--icons--info--default: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--icons--warning--weak: var(--smar--com--color--warning);
  --smar--com--color--icons--warning--default: var(--smar--com--color--warning-dark--20);
  --smar--com--color--icons--success--weak: var(--smar--com--color--success-dark--10);
  --smar--com--color--icons--success--default: var(--smar--com--color--button--upgrade-pressed);
  --smar--com--color--icons--spectrum-yellow--default: var(--smar--com--color--vis--yellow-dark--20);
  --smar--com--color--icons--spectrum-violet--default: var(--smar--com--color--vis--purple-dark--30);
  --smar--com--color--icons--spectrum-teal--default: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--icons--spectrum-red--default: var(--smar--com--color--vis--red-dark--30);
  --smar--com--color--icons--spectrum-pink--default: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--icons--spectrum-orchid--default: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--icons--spectrum-orange--default: var(--smar--com--color--vis--orange-dark--20);
  --smar--com--color--icons--spectrum-neutral--default: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--icons--spectrum-green--default: var(--smar--com--color--vis--green-dark--30);
  --smar--com--color--icons--spectrum-blue--default: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--icons--spectrum-azure--default: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--icons--slate-inverse--weak: var(--smar--com--color--button--default-disabled);
  --smar--com--color--icons--slate-inverse--default: var(--smar--com--color--neutral-light--40);
  --smar--com--color--icons--slate--weakest: var(--smar--com--color--button--default-disabled);
  --smar--com--color--icons--slate--weaker: var(--smar--com--color--neutral-light--20);
  --smar--com--color--icons--slate--weak: var(--smar--com--color--button--default-disabled);
  --smar--com--color--icons--slate--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--icons--slate--stronger: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--icons--slate--default: var(--smar--com--color--button--default-pressed);
  --smar--com--color--icons--primary-inverse--stronger: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--icons--primary--weakest: var(--smar--com--color--vis--blue-light--30);
  --smar--com--color--icons--primary--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--icons--primary--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--icons--primary--strongest: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--icons--primary--stronger: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--icons--primary--strong: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--icons--primary--default: var(--smar--com--color--vis--blue);
  --smar--com--color--icons--neutral-inverse--weak: var(--smar--com--color--button--default-disabled);
  --smar--com--color--icons--neutral-inverse--default: var(--smar--com--color--neutral-light--40);
  --smar--com--color--icons--neutral--weakest: var(--smar--com--color--button--default-disabled);
  --smar--com--color--icons--neutral--weaker: var(--smar--com--color--neutral-light--20);
  --smar--com--color--icons--neutral--weak: var(--smar--com--color--button--default-disabled);
  --smar--com--color--icons--neutral--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--icons--neutral--stronger: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--icons--neutral--default: var(--smar--com--color--button--default-pressed);
  --smar--com--color--icons--spectrum-slate--default: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--icons--spectrum-aqua--default: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--icons--spectrum-mint--default: var(--smar--com--color--success-dark--30);
  --smar--com--color--icons--spectrum-gold--default: var(--smar--com--color--vis--orange-dark--20);
  --smar--com--color--icons--spectrum-indigo--weakest: var(--smar--com--color--vis--purple-light--20);
  --smar--com--color--icons--spectrum-indigo--weaker: var(--smar--com--color--vis--purple-light--10);
  --smar--com--color--icons--spectrum-indigo--weak: var(--smar--com--color--focus-active-dark);
  --smar--com--color--icons--spectrum-indigo--default: var(--smar--com--color--vis--purple-dark--30);
  --smar--com--color--icons--spectrum-rose--default: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--background--warning--weaker: var(--smar--com--color--warning-light--30);
  --smar--com--color--background--warning--weak: var(--smar--com--color--warning-light--20);
  --smar--com--color--background--warning--default: var(--smar--com--color--warning-dark--10);
  --smar--com--color--background--surfaces--work: var(--smar--com--color--neutral-light--40);
  --smar--com--color--background--surfaces--stage: var(--smar--com--color--neutral-dark--40);
  --smar--com--color--background--surfaces--overlay: var(--smar--com--color--blanket-background);
  --smar--com--color--background--surfaces--canvas: var(--smar--com--color--neutral-light--40);
  --smar--com--color--background--surfaces--body: var(--smar--com--color--neutral-light--40);
  --smar--com--color--background--success--weaker: var(--smar--com--color--success-light--30);
  --smar--com--color--background--success--weak: var(--smar--com--color--success-light--20);
  --smar--com--color--background--success--default: var(--smar--com--color--success-dark--10);
  --smar--com--color--background--spectrum-yellow--weakest: var(--smar--com--color--vis--yellow-light--30);
  --smar--com--color--background--spectrum-yellow--weaker: var(--smar--com--color--vis--yellow-light--20);
  --smar--com--color--background--spectrum-yellow--weak: var(--smar--com--color--vis--yellow-light--10);
  --smar--com--color--background--spectrum-yellow--strongest: var(--smar--com--color--vis--yellow-dark--30);
  --smar--com--color--background--spectrum-yellow--stronger: var(--smar--com--color--vis--yellow-dark--20);
  --smar--com--color--background--spectrum-yellow--strong: var(--smar--com--color--vis--yellow-dark--10);
  --smar--com--color--background--spectrum-yellow--default: var(--smar--com--color--vis--yellow);
  --smar--com--color--background--spectrum-violet--weakest: var(--smar--com--color--vis--purple-light--30);
  --smar--com--color--background--spectrum-violet--weaker: var(--smar--com--color--vis--purple-light--20);
  --smar--com--color--background--spectrum-violet--weak: var(--smar--com--color--vis--purple-light--10);
  --smar--com--color--background--spectrum-violet--strongest: var(--smar--com--color--vis--purple-dark--30);
  --smar--com--color--background--spectrum-violet--stronger: var(--smar--com--color--vis--purple-dark--20);
  --smar--com--color--background--spectrum-violet--strong: var(--smar--com--color--focus-active-dark);
  --smar--com--color--background--spectrum-violet--default: var(--smar--com--color--vis--purple);
  --smar--com--color--background--spectrum-teal--weakest: var(--smar--com--color--vis--teal-light--30);
  --smar--com--color--background--spectrum-teal--weaker: var(--smar--com--color--vis--teal-light--20);
  --smar--com--color--background--spectrum-teal--weak: var(--smar--com--color--vis--teal-light--10);
  --smar--com--color--background--spectrum-teal--strongest: var(--smar--com--color--vis--teal-dark--30);
  --smar--com--color--background--spectrum-teal--stronger: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--background--spectrum-teal--strong: var(--smar--com--color--vis--teal-dark--10);
  --smar--com--color--background--spectrum-teal--default: var(--smar--com--color--vis--teal);
  --smar--com--color--background--spectrum-red--weakest: var(--smar--com--color--vis--red-light--30);
  --smar--com--color--background--spectrum-red--weaker: var(--smar--com--color--vis--red-light--20);
  --smar--com--color--background--spectrum-red--weak: var(--smar--com--color--vis--red-light--10);
  --smar--com--color--background--spectrum-red--strongest: var(--smar--com--color--vis--red-dark--30);
  --smar--com--color--background--spectrum-red--stronger: var(--smar--com--color--vis--red-dark--20);
  --smar--com--color--background--spectrum-red--strong: var(--smar--com--color--vis--red-dark--10);
  --smar--com--color--background--spectrum-red--default: var(--smar--com--color--vis--red);
  --smar--com--color--background--spectrum-pink--weakest: var(--smar--com--color--vis--berry-light--30);
  --smar--com--color--background--spectrum-pink--weaker: var(--smar--com--color--vis--berry-light--20);
  --smar--com--color--background--spectrum-pink--weak: var(--smar--com--color--vis--berry-light--10);
  --smar--com--color--background--spectrum-pink--strongest: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--background--spectrum-pink--stronger: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--background--spectrum-pink--strong: var(--smar--com--color--vis--berry-dark--10);
  --smar--com--color--background--spectrum-pink--default: var(--smar--com--color--vis--berry);
  --smar--com--color--background--spectrum-orchid--weakest: var(--smar--com--color--vis--berry-light--30);
  --smar--com--color--background--spectrum-orchid--weaker: var(--smar--com--color--vis--berry-light--20);
  --smar--com--color--background--spectrum-orchid--weak: var(--smar--com--color--vis--berry-light--10);
  --smar--com--color--background--spectrum-orchid--strongest: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--background--spectrum-orchid--stronger: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--background--spectrum-orchid--strong: var(--smar--com--color--vis--berry-dark--10);
  --smar--com--color--background--spectrum-orchid--default: var(--smar--com--color--vis--berry);
  --smar--com--color--background--spectrum-orange--weakest: var(--smar--com--color--vis--orange-light--30);
  --smar--com--color--background--spectrum-orange--weaker: var(--smar--com--color--vis--orange-light--20);
  --smar--com--color--background--spectrum-orange--weak: var(--smar--com--color--vis--orange-light--10);
  --smar--com--color--background--spectrum-orange--strongest: var(--smar--com--color--vis--orange-dark--30);
  --smar--com--color--background--spectrum-orange--stronger: var(--smar--com--color--vis--orange-dark--20);
  --smar--com--color--background--spectrum-orange--strong: var(--smar--com--color--vis--orange-dark--10);
  --smar--com--color--background--spectrum-orange--default: var(--smar--com--color--vis--orange);
  --smar--com--color--background--spectrum-neutral--weakest: var(--smar--com--color--button--default-disabled);
  --smar--com--color--background--spectrum-neutral--weaker: var(--smar--com--color--neutral-light--20);
  --smar--com--color--background--spectrum-neutral--weak: var(--smar--com--color--button--default-hover);
  --smar--com--color--background--spectrum-neutral--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--spectrum-neutral--stronger: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--background--spectrum-neutral--default: var(--smar--com--color--button--default-pressed);
  --smar--com--color--background--spectrum-green--weakest: var(--smar--com--color--vis--green-light--30);
  --smar--com--color--background--spectrum-green--weaker: var(--smar--com--color--vis--green-light--20);
  --smar--com--color--background--spectrum-green--weak: var(--smar--com--color--vis--green-light--10);
  --smar--com--color--background--spectrum-green--strongest: var(--smar--com--color--vis--green-dark--30);
  --smar--com--color--background--spectrum-green--stronger: var(--smar--com--color--vis--green-dark--20);
  --smar--com--color--background--spectrum-green--strong: var(--smar--com--color--vis--green-dark--10);
  --smar--com--color--background--spectrum-green--default: var(--smar--com--color--vis--green);
  --smar--com--color--background--spectrum-blue--weakest: var(--smar--com--color--vis--blue-light--30);
  --smar--com--color--background--spectrum-blue--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--background--spectrum-blue--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--background--spectrum-blue--strongest: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--background--spectrum-blue--stronger: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--background--spectrum-blue--strong: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--background--spectrum-blue--default: var(--smar--com--color--vis--blue);
  --smar--com--color--background--spectrum-azure--weakest: var(--smar--com--color--vis--blue-light--30);
  --smar--com--color--background--spectrum-azure--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--background--spectrum-azure--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--background--spectrum-azure--strongest: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--background--spectrum-azure--stronger: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--background--spectrum-azure--strong: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--background--spectrum-azure--default: var(--smar--com--color--vis--blue);
  --smar--com--color--background--slate-inverse--weakest: var(--smar--com--color--neutral-light--20);
  --smar--com--color--background--slate-inverse--weaker: var(--smar--com--color--button--default-hover);
  --smar--com--color--background--slate-inverse--weak: var(--smar--com--color--button--default-pressed);
  --smar--com--color--background--slate-inverse--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--slate-inverse--stronger: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--slate-inverse--strong: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--background--slate--weakest: var(--smar--com--color--neutral-light--40);
  --smar--com--color--background--slate--weaker: var(--smar--com--color--button--default-disabled);
  --smar--com--color--background--slate--weak: var(--smar--com--color--neutral-light--20);
  --smar--com--color--background--slate--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--slate--strong: var(--smar--com--color--button--default-pressed);
  --smar--com--color--background--slate--default: var(--smar--com--color--button--default-hover);
  --smar--com--color--background--primary--weakest: var(--smar--com--color--vis--blue-light--30);
  --smar--com--color--background--primary--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--background--primary--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--background--primary--strongest: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--background--primary--stronger: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--background--primary--strong: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--background--primary--default: var(--smar--com--color--vis--blue);
  --smar--com--color--background--notifications--weak: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--background--notifications--default: var(--smar--com--color--vis--red-dark--10);
  --smar--com--color--background--neutral-inverse--weakest: var(--smar--com--color--neutral-light--20);
  --smar--com--color--background--neutral-inverse--weaker: var(--smar--com--color--button--default-hover);
  --smar--com--color--background--neutral-inverse--weak: var(--smar--com--color--button--default-pressed);
  --smar--com--color--background--neutral-inverse--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--neutral-inverse--stronger: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--neutral-inverse--strong: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--background--neutral--weakest: var(--smar--com--color--neutral-light--40);
  --smar--com--color--background--neutral--weaker: var(--smar--com--color--button--default-disabled);
  --smar--com--color--background--neutral--weak: var(--smar--com--color--neutral-light--20);
  --smar--com--color--background--neutral--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--neutral--strong: var(--smar--com--color--button--default-pressed);
  --smar--com--color--background--neutral--default: var(--smar--com--color--button--default-hover);
  --smar--com--color--background--info--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--background--info--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--background--info--default: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--background--error--weaker: var(--smar--com--color--vis--red-light--30);
  --smar--com--color--background--error--weak: var(--smar--com--color--vis--red-light--20);
  --smar--com--color--background--error--default: var(--smar--com--color--vis--red-dark--10);
  --smar--com--color--background--destructive--weakest: var(--smar--com--color--danger-light--30);
  --smar--com--color--background--destructive--weaker: var(--smar--com--color--danger-light--20);
  --smar--com--color--background--destructive--weak: var(--smar--com--color--danger-light--10);
  --smar--com--color--background--destructive--strongest: var(--smar--com--color--danger-dark--30);
  --smar--com--color--background--destructive--stronger: var(--smar--com--color--danger-dark--20);
  --smar--com--color--background--destructive--strong: var(--smar--com--color--button--destructive-pressed);
  --smar--com--color--background--destructive--default: var(--smar--com--color--danger);
  --smar--com--color--background--ai-icon-wrapper--default: var(--smar--com--color--vis--purple-light--30);
  --smar--com--color--background--spectrum-slate--weakest: var(--smar--com--color--button--default-disabled);
  --smar--com--color--background--spectrum-slate--weaker: var(--smar--com--color--neutral-light--20);
  --smar--com--color--background--spectrum-slate--weak: var(--smar--com--color--button--default-hover);
  --smar--com--color--background--spectrum-slate--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--background--spectrum-slate--stronger: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--background--spectrum-slate--default: var(--smar--com--color--button--default-pressed);
  --smar--com--color--background--spectrum-aqua--weakest: var(--smar--com--color--vis--teal-light--30);
  --smar--com--color--background--spectrum-aqua--weaker: var(--smar--com--color--vis--teal-light--20);
  --smar--com--color--background--spectrum-aqua--weak: var(--smar--com--color--vis--teal-light--10);
  --smar--com--color--background--spectrum-aqua--strongest: var(--smar--com--color--vis--teal-dark--30);
  --smar--com--color--background--spectrum-aqua--stronger: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--background--spectrum-aqua--strong: var(--smar--com--color--vis--teal-dark--10);
  --smar--com--color--background--spectrum-aqua--default: var(--smar--com--color--vis--teal);
  --smar--com--color--background--spectrum-mint--weakest: var(--smar--com--color--success-light--30);
  --smar--com--color--background--spectrum-mint--weaker: var(--smar--com--color--success-light--20);
  --smar--com--color--background--spectrum-mint--weak: var(--smar--com--color--button--upgrade-hover);
  --smar--com--color--background--spectrum-mint--strongest: var(--smar--com--color--success-dark--30);
  --smar--com--color--background--spectrum-mint--stronger: var(--smar--com--color--button--upgrade-pressed);
  --smar--com--color--background--spectrum-mint--strong: var(--smar--com--color--success-dark--10);
  --smar--com--color--background--spectrum-mint--default: var(--smar--com--color--success);
  --smar--com--color--background--spectrum-gold--weakest: var(--smar--com--color--vis--orange-light--30);
  --smar--com--color--background--spectrum-gold--weaker: var(--smar--com--color--vis--orange-light--20);
  --smar--com--color--background--spectrum-gold--weak: var(--smar--com--color--vis--orange-light--10);
  --smar--com--color--background--spectrum-gold--strongest: var(--smar--com--color--vis--orange-dark--30);
  --smar--com--color--background--spectrum-gold--stronger: var(--smar--com--color--vis--orange-dark--20);
  --smar--com--color--background--spectrum-gold--strong: var(--smar--com--color--vis--orange-dark--10);
  --smar--com--color--background--spectrum-gold--default: var(--smar--com--color--vis--orange);
  --smar--com--color--background--spectrum-indigo--weakest: var(--smar--com--color--vis--purple-light--30);
  --smar--com--color--background--spectrum-indigo--weaker: var(--smar--com--color--vis--purple-light--20);
  --smar--com--color--background--spectrum-indigo--weak: var(--smar--com--color--vis--purple-light--10);
  --smar--com--color--background--spectrum-indigo--strongest: var(--smar--com--color--vis--purple-dark--30);
  --smar--com--color--background--spectrum-indigo--stronger: var(--smar--com--color--vis--purple-dark--20);
  --smar--com--color--background--spectrum-indigo--strong: var(--smar--com--color--focus-active-dark);
  --smar--com--color--background--spectrum-indigo--default: var(--smar--com--color--vis--purple);
  --smar--com--color--background--spectrum-rose--weakest: var(--smar--com--color--vis--berry-light--30);
  --smar--com--color--background--spectrum-rose--weaker: var(--smar--com--color--vis--berry-light--20);
  --smar--com--color--background--spectrum-rose--weak: var(--smar--com--color--vis--berry-light--10);
  --smar--com--color--background--spectrum-rose--strongest: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--background--spectrum-rose--stronger: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--background--spectrum-rose--strong: var(--smar--com--color--vis--berry-dark--10);
  --smar--com--color--background--spectrum-rose--default: var(--smar--com--color--vis--berry);
  --smar--com--color--text--warning--weak: var(--smar--com--color--warning-dark--20);
  --smar--com--color--text--warning--default: var(--smar--com--color--warning-dark--30);
  --smar--com--color--text--success--weak: var(--smar--com--color--button--upgrade-pressed);
  --smar--com--color--text--success--default: var(--smar--com--color--success-dark--30);
  --smar--com--color--text--spectrum-yellow--strong: var(--smar--com--color--vis--yellow-dark--30);
  --smar--com--color--text--spectrum-yellow--default: var(--smar--com--color--vis--yellow-dark--20);
  --smar--com--color--text--spectrum-violet--strong: var(--smar--com--color--vis--purple-dark--30);
  --smar--com--color--text--spectrum-violet--default: var(--smar--com--color--vis--purple-dark--20);
  --smar--com--color--text--spectrum-teal--strong: var(--smar--com--color--vis--teal-dark--30);
  --smar--com--color--text--spectrum-teal--default: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--text--spectrum-red--strong: var(--smar--com--color--vis--red-dark--30);
  --smar--com--color--text--spectrum-red--default: var(--smar--com--color--vis--red-dark--20);
  --smar--com--color--text--spectrum-pink--strong: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--text--spectrum-pink--default: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--text--spectrum-orchid--strong: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--text--spectrum-orchid--default: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--text--spectrum-orange--strong: var(--smar--com--color--vis--orange-dark--30);
  --smar--com--color--text--spectrum-orange--default: var(--smar--com--color--vis--orange-dark--20);
  --smar--com--color--text--spectrum-neutral--strong: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--text--spectrum-neutral--default: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--text--spectrum-green--strong: var(--smar--com--color--vis--green-dark--30);
  --smar--com--color--text--spectrum-green--default: var(--smar--com--color--vis--green-dark--20);
  --smar--com--color--text--spectrum-blue--strong: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--text--spectrum-blue--default: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--text--spectrum-azure--strong: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--text--spectrum-azure--default: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--text--slate-inverse--weak: var(--smar--com--color--neutral-light--20);
  --smar--com--color--text--slate-inverse--strong: var(--smar--com--color--neutral-light--40);
  --smar--com--color--text--slate-inverse--default: var(--smar--com--color--button--default-disabled);
  --smar--com--color--text--slate--weakest: var(--smar--com--color--button--default-pressed);
  --smar--com--color--text--slate--weak: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--text--slate--strong: var(--smar--com--color--neutral-dark--40);
  --smar--com--color--text--slate--default: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--text--primary--weakest: var(--smar--com--color--vis--blue-light--30);
  --smar--com--color--text--primary--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--text--primary--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--text--primary--strongest: var(--smar--com--color--vis--blue-dark--30);
  --smar--com--color--text--primary--stronger: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--text--primary--strong: var(--smar--com--color--vis--blue-dark--10);
  --smar--com--color--text--primary--default: var(--smar--com--color--vis--blue);
  --smar--com--color--text--neutral-inverse--weak: var(--smar--com--color--neutral-light--20);
  --smar--com--color--text--neutral-inverse--strong: var(--smar--com--color--neutral-light--40);
  --smar--com--color--text--neutral-inverse--default: var(--smar--com--color--button--default-disabled);
  --smar--com--color--text--neutral--weakest: var(--smar--com--color--button--default-pressed);
  --smar--com--color--text--neutral--weak: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--text--neutral--strong: var(--smar--com--color--neutral-dark--40);
  --smar--com--color--text--neutral--default: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--text--info--weak: var(--smar--com--color--info-dark--20);
  --smar--com--color--text--info--default: var(--smar--com--color--info-dark--30);
  --smar--com--color--text--error--weak: var(--smar--com--color--vis--red-dark--20);
  --smar--com--color--text--error--default: var(--smar--com--color--vis--red-dark--30);
  --smar--com--color--text--spectrum-slate--strong: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--text--spectrum-slate--default: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--text--spectrum-aqua--strong: var(--smar--com--color--vis--teal-dark--30);
  --smar--com--color--text--spectrum-aqua--default: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--text--spectrum-mint--strong: var(--smar--com--color--success-dark--30);
  --smar--com--color--text--spectrum-mint--default: var(--smar--com--color--button--upgrade-pressed);
  --smar--com--color--text--spectrum-gold--strong: var(--smar--com--color--vis--orange-dark--30);
  --smar--com--color--text--spectrum-gold--default: var(--smar--com--color--vis--orange-dark--20);
  --smar--com--color--text--spectrum-indigo--weak: var(--smar--com--color--focus-active-dark);
  --smar--com--color--text--spectrum-indigo--strong: var(--smar--com--color--vis--purple-dark--30);
  --smar--com--color--text--spectrum-indigo--default: var(--smar--com--color--vis--purple-dark--20);
  --smar--com--color--text--spectrum-rose--strong: var(--smar--com--color--vis--berry-dark--30);
  --smar--com--color--text--spectrum-rose--default: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--border--warning--default: var(--smar--com--color--warning);
  --smar--com--color--border--surfaces--work: var(--smar--com--color--neutral-light--40);
  --smar--com--color--border--surfaces--stage: var(--smar--com--color--neutral-dark--40);
  --smar--com--color--border--surfaces--focus: var(--smar--com--color--vis--blue);
  --smar--com--color--border--surfaces--canvas: var(--smar--com--color--neutral-light--40);
  --smar--com--color--border--surfaces--body: var(--smar--com--color--neutral-light--40);
  --smar--com--color--border--success--default: var(--smar--com--color--success);
  --smar--com--color--border--spectrum-yellow--default: var(--smar--com--color--vis--yellow-dark--20);
  --smar--com--color--border--spectrum-violet--default: var(--smar--com--color--vis--purple-dark--20);
  --smar--com--color--border--spectrum-teal--default: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--border--spectrum-red--default: var(--smar--com--color--danger-dark--20);
  --smar--com--color--border--spectrum-pink--default: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--border--spectrum-orchid--default: var(--smar--com--color--vis--berry-dark--20);
  --smar--com--color--border--spectrum-orange--default: var(--smar--com--color--warning-dark--20);
  --smar--com--color--border--spectrum-neutral--default: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--border--spectrum-green--default: var(--smar--com--color--vis--green-dark--20);
  --smar--com--color--border--spectrum-blue--default: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--border--spectrum-azure--default: var(--smar--com--color--vis--blue-dark--20);
  --smar--com--color--border--slate--weakest: var(--smar--com--color--button--default-disabled);
  --smar--com--color--border--slate--weaker: var(--smar--com--color--neutral-light--20);
  --smar--com--color--border--slate--weak: var(--smar--com--color--button--default-hover);
  --smar--com--color--border--slate--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--border--slate--stronger: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--border--slate--default: var(--smar--com--color--button--default-pressed);
  --smar--com--color--border--primary--weakest: var(--smar--com--color--vis--blue-light--30);
  --smar--com--color--border--primary--weaker: var(--smar--com--color--vis--blue-light--20);
  --smar--com--color--border--primary--weak: var(--smar--com--color--vis--blue-light--10);
  --smar--com--color--border--primary--default: var(--smar--com--color--vis--blue);
  --smar--com--color--border--neutral--weakest: var(--smar--com--color--button--default-disabled);
  --smar--com--color--border--neutral--weaker: var(--smar--com--color--neutral-light--20);
  --smar--com--color--border--neutral--weak: var(--smar--com--color--button--default-hover);
  --smar--com--color--border--neutral--strongest: var(--smar--com--color--neutral-dark--30);
  --smar--com--color--border--neutral--stronger: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--border--neutral--default: var(--smar--com--color--button--default-pressed);
  --smar--com--color--border--error--default: var(--smar--com--color--danger);
  --smar--com--color--border--spectrum-slate--default: var(--smar--com--color--neutral-dark--20);
  --smar--com--color--border--spectrum-aqua--default: var(--smar--com--color--vis--teal-dark--20);
  --smar--com--color--border--spectrum-mint--default: var(--smar--com--color--button--upgrade-pressed);
  --smar--com--color--border--spectrum-gold--default: var(--smar--com--color--warning-dark--20);
  --smar--com--color--border--spectrum-indigo--default: var(--smar--com--color--vis--purple-dark--20);
  --smar--com--color--border--spectrum-rose--default: var(--smar--com--color--vis--berry-dark--20);
  --sds--tooltip--background-color: var(--smar--com--color--background--spectrum-neutral--strongest);
  --sds--hotkey--joiner-color: var(--smar--com--color--text--neutral--weakest);
  --sds--hotkey--text-color: var(--smar--com--color--text--neutral--weak);
  --sds--hotkey--border-color: var(--smar--com--color--border--neutral--weakest);
  --sds--hotkey--background-color: var(--smar--com--color--background--surfaces--work);
  --smar--com--color--icons--slate--strong: var(--smar--com--color--neutral-accessible);
  --smar--com--color--icons--neutral--strong: var(--smar--com--color--neutral-accessible);
  --smar--com--color--background--spectrum-neutral--strong: var(--smar--com--color--neutral-accessible);
  --smar--com--color--background--slate-inverse--default: var(--smar--com--color--neutral-accessible);
  --smar--com--color--background--slate--stronger: var(--smar--com--color--neutral-accessible);
  --smar--com--color--background--neutral-inverse--default: var(--smar--com--color--neutral-accessible);
  --smar--com--color--background--neutral--stronger: var(--smar--com--color--neutral-accessible);
  --smar--com--color--background--spectrum-slate--strong: var(--smar--com--color--neutral-accessible);
  --smar--com--color--text--slate--weaker: var(--smar--com--color--neutral-accessible);
  --smar--com--color--text--neutral--weaker: var(--smar--com--color--neutral-accessible);
  --smar--com--color--border--slate--strong: var(--smar--com--color--neutral-accessible);
  --smar--com--color--border--neutral--strong: var(--smar--com--color--neutral-accessible);
}

/**
 * Do not edit directly!
 * This file was generated by Style Dictionary and contains the semantic tokens for the ursa-light theme.
 * To make changes, edit the corresponding JSON file in the token-groups/themes directory.
 * This file is automatically generated and should not be edited directly.
 *
 */

.ursa-light {
  --smar--com--elevation--length--bottom--high: 0px 6px 8px;
  --smar--com--elevation--length--bottom--default: 0px 4px 6px;
  --smar--com--elevation--length--bottom--low: 0px 2px 4px;
  --smar--com--elevation--length--top--high: 0px 12px 24px;
  --smar--com--elevation--length--top--default: 0px 6px 16px;
  --smar--com--elevation--length--top--low: 0px 6px 12px;
  --smar--com--gradient--text-ai: linear-gradient(90deg, #806CFF 0.16%, #A770FF 29.05%, #D35CFF 57.94%);
  --smar--com--gradient--background--ai-interactive--vibrant--hover: linear-gradient(135deg, #D35CFF 0%, #9B5DFF 50%, #2303EE 100%);
  --smar--com--gradient--background--ai-interactive--vibrant--rest: linear-gradient(135deg, #D35CFF 0%, #A770FF 50%, #806CFF 100%);
  --smar--com--gradient--background--ai-interactive--default--rest: linear-gradient(88.36deg, #DBE6FF 0%, #EBE0FF 100%);
  --smar--com--gradient--background--ai-static--default--rest: linear-gradient(88.36deg, #DBE6FF 0%, #EBE0FF 100%);
  --smar--com--gradient--progress-bar: linear-gradient(90deg, #7047EB 0%, #012F92 66%, #012470 100%);
  --smar--com--gradient--upsell: linear-gradient(101deg, #F4F1FE 0%, #E3EBFD 33%, #ADC6FA 100%);
  --smar--com--color--background--surfaces--overlay: rgba(36, 39, 50, 0.08);
  --smar--com--color--elevation-default--bottom: rgba(54, 60, 84, 0.12);
  --smar--com--color--elevation-default--top: rgba(54, 60, 84, 0.12);
  --smar--com--color--elevation-low--bottom: rgba(54, 60, 84, 0.16);
  --smar--com--color--elevation-low--top: rgba(54, 60, 84, 0.12);
  --smar--com--color--elevation-high--bottom: rgba(54, 60, 84, 0.14);
  --smar--com--color--elevation-high--top: rgba(54, 60, 84, 0.1);
  --smar--com--elevation--high: var(--smar--com--elevation--length--top--high) var(--smar--com--color--elevation-high--top), var(--smar--com--elevation--length--bottom--high) var(--smar--com--color--elevation-high--bottom);
  --smar--com--elevation--default: var(--smar--com--elevation--length--top--default) var(--smar--com--color--elevation-default--top), var(--smar--com--elevation--length--bottom--default) var(--smar--com--color--elevation-default--bottom);
  --smar--com--elevation--low: var(--smar--com--elevation--length--top--low) var(--smar--com--color--elevation-low--top), var(--smar--com--elevation--length--bottom--low) var(--smar--com--color--elevation-low--bottom);
  --smar--com--gradient--background--ai-interactive--default--press: linear-gradient(90deg, var(--smar--com--color--blue--100) 0%, var(--smar--com--color--orchid--100) 100%);
  --smar--com--gradient--background--ai-interactive--default--hover: linear-gradient(90deg, var(--smar--com--color--blue--75) 0%, var(--smar--com--color--orchid--75) 100%);
  --smar--com--gradient--navigation: linear-gradient(180deg, var(--smar--com--color--blue--600), #5A43D7);
  --sds--tooltip--background-color: var(--smar--com--color--blue--800);
  --smar--com--color--work-surface-elevated--border: var(--smar--com--color--transparent);
  --smar--com--color--charts--assets-report--hover: var(--smar--com--color--orange--400);
  --smar--com--color--charts--assets-report--rest: var(--smar--com--color--orange--300);
  --smar--com--color--charts--assets-sheet--hover: var(--smar--com--color--violet--500);
  --smar--com--color--charts--assets-sheet--rest: var(--smar--com--color--violet--400);
  --smar--com--color--charts--assets-workspace--hover: var(--smar--com--color--azure--400);
  --smar--com--color--charts--assets-workspace--rest: var(--smar--com--color--azure--300);
  --smar--com--color--charts--assets-dashboard--hover: var(--smar--com--color--green--400);
  --smar--com--color--charts--assets-dashboard--rest: var(--smar--com--color--green--300);
  --smar--com--color--charts--semantic-blocked--hover: var(--smar--com--color--red--400);
  --smar--com--color--charts--semantic-blocked--rest: var(--smar--com--color--red--300);
  --smar--com--color--charts--semantic-completed--hover: var(--smar--com--color--green--400);
  --smar--com--color--charts--semantic-completed--rest: var(--smar--com--color--green--300);
  --smar--com--color--charts--semantic-at-risk--hover: var(--smar--com--color--yellow--200);
  --smar--com--color--charts--semantic-at-risk--rest: var(--smar--com--color--yellow--100);
  --smar--com--color--charts--semantic-in-progress--hover: var(--smar--com--color--blue--500);
  --smar--com--color--charts--semantic-in-progress--rest: var(--smar--com--color--blue--400);
  --smar--com--color--charts--semantic-not-started--hover: var(--smar--com--color--neutral--400);
  --smar--com--color--charts--semantic-not-started--rest: var(--smar--com--color--neutral--300);
  --smar--com--color--charts--colorful--10--hover: var(--smar--com--color--blue--700);
  --smar--com--color--charts--colorful--10--rest: var(--smar--com--color--blue--700);
  --smar--com--color--charts--colorful--9--hover: var(--smar--com--color--azure--400);
  --smar--com--color--charts--colorful--9--rest: var(--smar--com--color--azure--300);
  --smar--com--color--charts--colorful--8--hover: var(--smar--com--color--azure--100);
  --smar--com--color--charts--colorful--8--rest: var(--smar--com--color--azure--75);
  --smar--com--color--charts--colorful--7--hover: var(--smar--com--color--orchid--400);
  --smar--com--color--charts--colorful--7--rest: var(--smar--com--color--orchid--300);
  --smar--com--color--charts--colorful--6--hover: var(--smar--com--color--orchid--75);
  --smar--com--color--charts--colorful--6--rest: var(--smar--com--color--orchid--60);
  --smar--com--color--charts--colorful--5--hover: var(--smar--com--color--orange--200);
  --smar--com--color--charts--colorful--5--rest: var(--smar--com--color--orange--100);
  --smar--com--color--charts--colorful--4--hover: var(--smar--com--color--orange--400);
  --smar--com--color--charts--colorful--4--rest: var(--smar--com--color--orange--300);
  --smar--com--color--charts--colorful--3--hover: var(--smar--com--color--yellow--75);
  --smar--com--color--charts--colorful--3--rest: var(--smar--com--color--yellow--60);
  --smar--com--color--charts--colorful--2--hover: var(--smar--com--color--green--200);
  --smar--com--color--charts--colorful--2--rest: var(--smar--com--color--green--100);
  --smar--com--color--charts--colorful--1--hover: var(--smar--com--color--blue--500);
  --smar--com--color--charts--colorful--1--rest: var(--smar--com--color--blue--400);
  --smar--com--color--charts--high-contrast--12--hover: var(--smar--com--color--orange--700);
  --smar--com--color--charts--high-contrast--12--rest: var(--smar--com--color--orange--600);
  --smar--com--color--charts--high-contrast--11--hover: var(--smar--com--color--orchid--500);
  --smar--com--color--charts--high-contrast--11--rest: var(--smar--com--color--orchid--400);
  --smar--com--color--charts--high-contrast--10--hover: var(--smar--com--color--green--500);
  --smar--com--color--charts--high-contrast--10--rest: var(--smar--com--color--green--400);
  --smar--com--color--charts--high-contrast--9--hover: var(--smar--com--color--green--800);
  --smar--com--color--charts--high-contrast--9--rest: var(--smar--com--color--green--700);
  --smar--com--color--charts--high-contrast--8--hover: var(--smar--com--color--yellow--500);
  --smar--com--color--charts--high-contrast--8--rest: var(--smar--com--color--yellow--400);
  --smar--com--color--charts--high-contrast--7--hover: var(--smar--com--color--azure--500);
  --smar--com--color--charts--high-contrast--7--rest: var(--smar--com--color--azure--400);
  --smar--com--color--charts--high-contrast--6--hover: var(--smar--com--color--orange--500);
  --smar--com--color--charts--high-contrast--6--rest: var(--smar--com--color--orange--400);
  --smar--com--color--charts--high-contrast--5--hover: var(--smar--com--color--neutral--700);
  --smar--com--color--charts--high-contrast--5--rest: var(--smar--com--color--neutral--600);
  --smar--com--color--charts--high-contrast--4--hover: var(--smar--com--color--violet--500);
  --smar--com--color--charts--high-contrast--4--rest: var(--smar--com--color--violet--400);
  --smar--com--color--charts--high-contrast--3--hover: var(--smar--com--color--teal--500);
  --smar--com--color--charts--high-contrast--3--rest: var(--smar--com--color--teal--400);
  --smar--com--color--charts--high-contrast--2--hover: var(--smar--com--color--blue--500);
  --smar--com--color--charts--high-contrast--2--rest: var(--smar--com--color--blue--400);
  --smar--com--color--charts--high-contrast--1--hover: var(--smar--com--color--blue--900);
  --smar--com--color--charts--high-contrast--1--rest: var(--smar--com--color--blue--800);
  --smar--com--color--icons--assets-blueprint--fill: var(--smar--com--color--teal--75);
  --smar--com--color--icons--assets-blueprint--stroke: var(--smar--com--color--teal--600);
  --smar--com--color--icons--assets-workapp--fill: var(--smar--com--color--blue--75);
  --smar--com--color--icons--assets-workapp--stroke: var(--smar--com--color--blue--600);
  --smar--com--color--icons--assets-collection--fill: var(--smar--com--color--yellow--75);
  --smar--com--color--icons--assets-collection--stroke: var(--smar--com--color--yellow--500);
  --smar--com--color--icons--assets-form--fill: var(--smar--com--color--orchid--75);
  --smar--com--color--icons--assets-form--stroke: var(--smar--com--color--orchid--500);
  --smar--com--color--icons--assets-sheet--fill: var(--smar--com--color--violet--75);
  --smar--com--color--icons--assets-sheet--stroke: var(--smar--com--color--violet--600);
  --smar--com--color--icons--assets-reports--fill: var(--smar--com--color--orange--75);
  --smar--com--color--icons--assets-reports--stroke: var(--smar--com--color--orange--500);
  --smar--com--color--icons--assets-dashboard--fill: var(--smar--com--color--green--75);
  --smar--com--color--icons--assets-dashboard--stroke: var(--smar--com--color--green--500);
  --smar--com--color--icons--assets-portfolio--fill: var(--smar--com--color--teal--75);
  --smar--com--color--icons--assets-portfolio--stroke: var(--smar--com--color--teal--600);
  --smar--com--color--icons--assets-workspace--fill: var(--smar--com--color--azure--75);
  --smar--com--color--icons--assets-workspace--stroke: var(--smar--com--color--azure--600);
  --smar--com--color--icons--error--default: var(--smar--com--color--red--500);
  --smar--com--color--icons--error--weak: var(--smar--com--color--red--300);
  --smar--com--color--icons--warning--default: var(--smar--com--color--yellow--500);
  --smar--com--color--icons--warning--weak: var(--smar--com--color--yellow--100);
  --smar--com--color--icons--success--default: var(--smar--com--color--green--500);
  --smar--com--color--icons--success--weak: var(--smar--com--color--green--200);
  --smar--com--color--icons--destructive-inverse--weakest: var(--smar--com--color--red--25);
  --smar--com--color--icons--info--default: var(--smar--com--color--azure--500);
  --smar--com--color--icons--info--weak: var(--smar--com--color--azure--100);
  --smar--com--color--icons--destructive--strongest: var(--smar--com--color--red--800);
  --smar--com--color--icons--destructive--stronger: var(--smar--com--color--red--600);
  --smar--com--color--icons--destructive--strong: var(--smar--com--color--red--500);
  --smar--com--color--icons--destructive--default: var(--smar--com--color--red--400);
  --smar--com--color--icons--destructive--weak: var(--smar--com--color--red--300);
  --smar--com--color--icons--destructive--weaker: var(--smar--com--color--red--200);
  --smar--com--color--icons--destructive--weakest: var(--smar--com--color--red--75);
  --smar--com--color--icons--primary-inverse--stronger: var(--smar--com--color--blue--25);
  --smar--com--color--icons--primary--strongest: var(--smar--com--color--blue--800);
  --smar--com--color--icons--primary--stronger: var(--smar--com--color--blue--600);
  --smar--com--color--icons--primary--strong: var(--smar--com--color--blue--500);
  --smar--com--color--icons--primary--default: var(--smar--com--color--blue--400);
  --smar--com--color--icons--primary--weak: var(--smar--com--color--blue--300);
  --smar--com--color--icons--primary--weaker: var(--smar--com--color--blue--200);
  --smar--com--color--icons--primary--weakest: var(--smar--com--color--blue--75);
  --smar--com--color--icons--neutral-inverse--default: var(--smar--com--color--neutral--00);
  --smar--com--color--icons--neutral-inverse--weak: var(--smar--com--color--neutral--60);
  --smar--com--color--icons--neutral--strongest: var(--smar--com--color--neutral--800);
  --smar--com--color--icons--neutral--stronger: var(--smar--com--color--neutral--600);
  --smar--com--color--icons--neutral--strong: var(--smar--com--color--neutral--500);
  --smar--com--color--icons--neutral--default: var(--smar--com--color--neutral--400);
  --smar--com--color--icons--neutral--weak: var(--smar--com--color--neutral--300);
  --smar--com--color--icons--neutral--weaker: var(--smar--com--color--neutral--200);
  --smar--com--color--icons--neutral--weakest: var(--smar--com--color--neutral--75);
  --smar--com--color--icons--slate-inverse--weak: var(--smar--com--color--neutral--60);
  --smar--com--color--icons--slate-inverse--default: var(--smar--com--color--neutral--00);
  --smar--com--color--icons--slate--weakest: var(--smar--com--color--neutral--75);
  --smar--com--color--icons--slate--weaker: var(--smar--com--color--neutral--200);
  --smar--com--color--icons--slate--weak: var(--smar--com--color--neutral--300);
  --smar--com--color--icons--slate--default: var(--smar--com--color--neutral--400);
  --smar--com--color--icons--slate--strong: var(--smar--com--color--neutral--500);
  --smar--com--color--icons--slate--stronger: var(--smar--com--color--neutral--600);
  --smar--com--color--icons--slate--strongest: var(--smar--com--color--neutral--900);
  --smar--com--color--icons--spectrum-slate--default: var(--smar--com--color--neutral--800);
  --smar--com--color--icons--spectrum-aqua--default: var(--smar--com--color--teal--600);
  --smar--com--color--icons--spectrum-mint--default: var(--smar--com--color--green--600);
  --smar--com--color--icons--spectrum-gold--default: var(--smar--com--color--yellow--600);
  --smar--com--color--icons--spectrum-indigo--weakest: var(--smar--com--color--violet--100);
  --smar--com--color--icons--spectrum-indigo--weaker: var(--smar--com--color--violet--300);
  --smar--com--color--icons--spectrum-indigo--weak: var(--smar--com--color--violet--500);
  --smar--com--color--icons--spectrum-indigo--default: var(--smar--com--color--violet--600);
  --smar--com--color--icons--spectrum-rose--default: var(--smar--com--color--pink--600);
  --smar--com--color--background--ai-icon-wrapper--default: var(--smar--com--color--violet--35);
  --smar--com--color--background--formula-reference--default: var(--smar--com--color--green--25);
  --smar--com--color--background--spectrum-yellow--strongest: var(--smar--com--color--yellow--500);
  --smar--com--color--background--spectrum-yellow--stronger: var(--smar--com--color--yellow--400);
  --smar--com--color--background--spectrum-yellow--strong: var(--smar--com--color--yellow--300);
  --smar--com--color--background--spectrum-yellow--default: var(--smar--com--color--yellow--200);
  --smar--com--color--background--spectrum-yellow--weak: var(--smar--com--color--yellow--100);
  --smar--com--color--background--spectrum-yellow--weaker: var(--smar--com--color--yellow--75);
  --smar--com--color--background--spectrum-yellow--weakest: var(--smar--com--color--yellow--50);
  --smar--com--color--background--spectrum-violet--strongest: var(--smar--com--color--violet--500);
  --smar--com--color--background--spectrum-violet--stronger: var(--smar--com--color--violet--400);
  --smar--com--color--background--spectrum-violet--strong: var(--smar--com--color--violet--300);
  --smar--com--color--background--spectrum-violet--default: var(--smar--com--color--violet--200);
  --smar--com--color--background--spectrum-violet--weak: var(--smar--com--color--violet--100);
  --smar--com--color--background--spectrum-violet--weaker: var(--smar--com--color--violet--75);
  --smar--com--color--background--spectrum-violet--weakest: var(--smar--com--color--violet--50);
  --smar--com--color--background--spectrum-teal--strongest: var(--smar--com--color--teal--500);
  --smar--com--color--background--spectrum-teal--stronger: var(--smar--com--color--teal--400);
  --smar--com--color--background--spectrum-teal--strong: var(--smar--com--color--teal--300);
  --smar--com--color--background--spectrum-teal--default: var(--smar--com--color--teal--200);
  --smar--com--color--background--spectrum-teal--weak: var(--smar--com--color--teal--100);
  --smar--com--color--background--spectrum-teal--weaker: var(--smar--com--color--teal--75);
  --smar--com--color--background--spectrum-teal--weakest: var(--smar--com--color--teal--50);
  --smar--com--color--background--spectrum-red--strongest: var(--smar--com--color--red--500);
  --smar--com--color--background--spectrum-red--stronger: var(--smar--com--color--red--400);
  --smar--com--color--background--spectrum-red--strong: var(--smar--com--color--red--300);
  --smar--com--color--background--spectrum-red--default: var(--smar--com--color--red--200);
  --smar--com--color--background--spectrum-red--weak: var(--smar--com--color--red--100);
  --smar--com--color--background--spectrum-red--weaker: var(--smar--com--color--red--75);
  --smar--com--color--background--spectrum-red--weakest: var(--smar--com--color--red--50);
  --smar--com--color--background--spectrum-pink--strongest: var(--smar--com--color--pink--500);
  --smar--com--color--background--spectrum-pink--stronger: var(--smar--com--color--pink--400);
  --smar--com--color--background--spectrum-pink--strong: var(--smar--com--color--pink--300);
  --smar--com--color--background--spectrum-pink--default: var(--smar--com--color--pink--200);
  --smar--com--color--background--spectrum-pink--weak: var(--smar--com--color--pink--100);
  --smar--com--color--background--spectrum-pink--weaker: var(--smar--com--color--pink--75);
  --smar--com--color--background--spectrum-pink--weakest: var(--smar--com--color--pink--50);
  --smar--com--color--background--spectrum-orchid--strongest: var(--smar--com--color--orchid--500);
  --smar--com--color--background--spectrum-orchid--stronger: var(--smar--com--color--orchid--400);
  --smar--com--color--background--spectrum-orchid--strong: var(--smar--com--color--orchid--300);
  --smar--com--color--background--spectrum-orchid--default: var(--smar--com--color--orchid--200);
  --smar--com--color--background--spectrum-orchid--weak: var(--smar--com--color--orchid--100);
  --smar--com--color--background--spectrum-orchid--weaker: var(--smar--com--color--orchid--75);
  --smar--com--color--background--spectrum-orchid--weakest: var(--smar--com--color--orchid--50);
  --smar--com--color--background--spectrum-orange--strongest: var(--smar--com--color--orange--500);
  --smar--com--color--background--spectrum-orange--stronger: var(--smar--com--color--orange--400);
  --smar--com--color--background--spectrum-orange--strong: var(--smar--com--color--orange--300);
  --smar--com--color--background--spectrum-orange--default: var(--smar--com--color--orange--200);
  --smar--com--color--background--spectrum-orange--weak: var(--smar--com--color--orange--100);
  --smar--com--color--background--spectrum-orange--weaker: var(--smar--com--color--orange--75);
  --smar--com--color--background--spectrum-orange--weakest: var(--smar--com--color--orange--50);
  --smar--com--color--background--spectrum-neutral--strongest: var(--smar--com--color--neutral--500);
  --smar--com--color--background--spectrum-neutral--stronger: var(--smar--com--color--neutral--400);
  --smar--com--color--background--spectrum-neutral--strong: var(--smar--com--color--neutral--300);
  --smar--com--color--background--spectrum-neutral--default: var(--smar--com--color--neutral--200);
  --smar--com--color--background--spectrum-neutral--weak: var(--smar--com--color--neutral--100);
  --smar--com--color--background--spectrum-neutral--weaker: var(--smar--com--color--neutral--75);
  --smar--com--color--background--spectrum-neutral--weakest: var(--smar--com--color--neutral--50);
  --smar--com--color--background--spectrum-green--strongest: var(--smar--com--color--green--500);
  --smar--com--color--background--spectrum-green--stronger: var(--smar--com--color--green--400);
  --smar--com--color--background--spectrum-green--strong: var(--smar--com--color--green--300);
  --smar--com--color--background--spectrum-green--default: var(--smar--com--color--green--200);
  --smar--com--color--background--spectrum-green--weak: var(--smar--com--color--green--100);
  --smar--com--color--background--spectrum-green--weaker: var(--smar--com--color--green--75);
  --smar--com--color--background--spectrum-green--weakest: var(--smar--com--color--green--50);
  --smar--com--color--background--spectrum-blue--strongest: var(--smar--com--color--blue--500);
  --smar--com--color--background--spectrum-blue--stronger: var(--smar--com--color--blue--400);
  --smar--com--color--background--spectrum-blue--strong: var(--smar--com--color--blue--300);
  --smar--com--color--background--spectrum-blue--default: var(--smar--com--color--blue--200);
  --smar--com--color--background--spectrum-blue--weak: var(--smar--com--color--blue--100);
  --smar--com--color--background--spectrum-blue--weaker: var(--smar--com--color--blue--75);
  --smar--com--color--background--spectrum-blue--weakest: var(--smar--com--color--blue--50);
  --smar--com--color--background--spectrum-azure--strongest: var(--smar--com--color--azure--500);
  --smar--com--color--background--spectrum-azure--stronger: var(--smar--com--color--azure--400);
  --smar--com--color--background--spectrum-azure--strong: var(--smar--com--color--azure--300);
  --smar--com--color--background--spectrum-azure--default: var(--smar--com--color--azure--200);
  --smar--com--color--background--spectrum-azure--weak: var(--smar--com--color--azure--100);
  --smar--com--color--background--spectrum-azure--weaker: var(--smar--com--color--azure--75);
  --smar--com--color--background--spectrum-azure--weakest: var(--smar--com--color--azure--50);
  --smar--com--color--background--error--default: var(--smar--com--color--red--400);
  --smar--com--color--background--error--weak: var(--smar--com--color--red--75);
  --smar--com--color--background--error--weaker: var(--smar--com--color--red--75);
  --smar--com--color--background--warning--default: var(--smar--com--color--yellow--200);
  --smar--com--color--background--warning--weak: var(--smar--com--color--yellow--50);
  --smar--com--color--background--warning--weaker: var(--smar--com--color--yellow--50);
  --smar--com--color--background--surfaces--body: var(--smar--com--color--neutral--00);
  --smar--com--color--background--surfaces--canvas: var(--smar--com--color--neutral--25);
  --smar--com--color--background--surfaces--stage: var(--smar--com--color--neutral--700);
  --smar--com--color--background--notifications--primary: var(--smar--com--color--blue--500);
  --smar--com--color--background--notifications--strong: var(--smar--com--color--orange--500);
  --smar--com--color--background--notifications--weak: var(--smar--com--color--neutral--500);
  --smar--com--color--background--info--default: var(--smar--com--color--azure--400);
  --smar--com--color--background--info--weak: var(--smar--com--color--azure--50);
  --smar--com--color--background--info--weaker: var(--smar--com--color--azure--50);
  --smar--com--color--background--success--default: var(--smar--com--color--green--300);
  --smar--com--color--background--success--weak: var(--smar--com--color--green--50);
  --smar--com--color--background--success--weaker: var(--smar--com--color--green--50);
  --smar--com--color--background--destructive--strongest: var(--smar--com--color--red--800);
  --smar--com--color--background--destructive--stronger: var(--smar--com--color--red--700);
  --smar--com--color--background--destructive--strong: var(--smar--com--color--red--600);
  --smar--com--color--background--destructive--default: var(--smar--com--color--red--500);
  --smar--com--color--background--destructive--weak: var(--smar--com--color--red--100);
  --smar--com--color--background--destructive--weaker: var(--smar--com--color--red--75);
  --smar--com--color--background--destructive--weakest: var(--smar--com--color--red--50);
  --smar--com--color--background--primary--strongest: var(--smar--com--color--blue--800);
  --smar--com--color--background--primary--stronger: var(--smar--com--color--blue--700);
  --smar--com--color--background--primary--strong: var(--smar--com--color--blue--600);
  --smar--com--color--background--primary--default: var(--smar--com--color--blue--500);
  --smar--com--color--background--primary--weak: var(--smar--com--color--blue--100);
  --smar--com--color--background--primary--weaker: var(--smar--com--color--blue--75);
  --smar--com--color--background--primary--weakest: var(--smar--com--color--blue--50);
  --smar--com--color--background--neutral-inverse--strongest: var(--smar--com--color--neutral--900);
  --smar--com--color--background--neutral-inverse--stronger: var(--smar--com--color--neutral--800);
  --smar--com--color--background--neutral-inverse--strong: var(--smar--com--color--neutral--700);
  --smar--com--color--background--neutral-inverse--default: var(--smar--com--color--neutral--600);
  --smar--com--color--background--neutral-inverse--weak: var(--smar--com--color--neutral--500);
  --smar--com--color--background--neutral-inverse--weaker: var(--smar--com--color--neutral--300);
  --smar--com--color--background--neutral-inverse--weakest: var(--smar--com--color--neutral--200);
  --smar--com--color--background--neutral--strongest: var(--smar--com--color--neutral--300);
  --smar--com--color--background--neutral--stronger: var(--smar--com--color--neutral--200);
  --smar--com--color--background--neutral--strong: var(--smar--com--color--neutral--100);
  --smar--com--color--background--neutral--default: var(--smar--com--color--neutral--75);
  --smar--com--color--background--neutral--weak: var(--smar--com--color--neutral--60);
  --smar--com--color--background--neutral--weaker: var(--smar--com--color--neutral--50);
  --smar--com--color--background--neutral--weakest: var(--smar--com--color--neutral--35);
  --smar--com--color--background--slate--weakest: var(--smar--com--color--neutral--35);
  --smar--com--color--background--slate--weaker: var(--smar--com--color--neutral--50);
  --smar--com--color--background--slate--weak: var(--smar--com--color--neutral--60);
  --smar--com--color--background--slate--default: var(--smar--com--color--neutral--75);
  --smar--com--color--background--slate--strong: var(--smar--com--color--neutral--100);
  --smar--com--color--background--slate--stronger: var(--smar--com--color--neutral--200);
  --smar--com--color--background--slate--strongest: var(--smar--com--color--neutral--300);
  --smar--com--color--background--spectrum-slate--weakest: var(--smar--com--color--neutral--75);
  --smar--com--color--background--spectrum-slate--weaker: var(--smar--com--color--neutral--100);
  --smar--com--color--background--spectrum-slate--weak: var(--smar--com--color--neutral--200);
  --smar--com--color--background--spectrum-slate--strongest: var(--smar--com--color--neutral--600);
  --smar--com--color--background--spectrum-slate--stronger: var(--smar--com--color--neutral--500);
  --smar--com--color--background--spectrum-slate--strong: var(--smar--com--color--neutral--400);
  --smar--com--color--background--spectrum-slate--default: var(--smar--com--color--neutral--300);
  --smar--com--color--background--spectrum-aqua--weakest: var(--smar--com--color--teal--75);
  --smar--com--color--background--spectrum-aqua--weaker: var(--smar--com--color--teal--100);
  --smar--com--color--background--spectrum-aqua--weak: var(--smar--com--color--teal--200);
  --smar--com--color--background--spectrum-aqua--strongest: var(--smar--com--color--teal--600);
  --smar--com--color--background--spectrum-aqua--stronger: var(--smar--com--color--teal--500);
  --smar--com--color--background--spectrum-aqua--strong: var(--smar--com--color--teal--400);
  --smar--com--color--background--spectrum-aqua--default: var(--smar--com--color--teal--300);
  --smar--com--color--background--spectrum-mint--weakest: var(--smar--com--color--green--75);
  --smar--com--color--background--spectrum-mint--weaker: var(--smar--com--color--green--100);
  --smar--com--color--background--spectrum-mint--weak: var(--smar--com--color--green--200);
  --smar--com--color--background--spectrum-mint--strongest: var(--smar--com--color--green--600);
  --smar--com--color--background--spectrum-mint--stronger: var(--smar--com--color--green--500);
  --smar--com--color--background--spectrum-mint--strong: var(--smar--com--color--green--400);
  --smar--com--color--background--spectrum-mint--default: var(--smar--com--color--green--300);
  --smar--com--color--background--spectrum-gold--weakest: var(--smar--com--color--yellow--75);
  --smar--com--color--background--spectrum-gold--weaker: var(--smar--com--color--yellow--100);
  --smar--com--color--background--spectrum-gold--weak: var(--smar--com--color--yellow--200);
  --smar--com--color--background--spectrum-gold--strongest: var(--smar--com--color--yellow--600);
  --smar--com--color--background--spectrum-gold--stronger: var(--smar--com--color--yellow--500);
  --smar--com--color--background--spectrum-gold--strong: var(--smar--com--color--yellow--400);
  --smar--com--color--background--spectrum-gold--default: var(--smar--com--color--yellow--300);
  --smar--com--color--background--spectrum-indigo--weakest: var(--smar--com--color--violet--75);
  --smar--com--color--background--spectrum-indigo--weaker: var(--smar--com--color--violet--100);
  --smar--com--color--background--spectrum-indigo--weak: var(--smar--com--color--violet--200);
  --smar--com--color--background--spectrum-indigo--strongest: var(--smar--com--color--violet--600);
  --smar--com--color--background--spectrum-indigo--stronger: var(--smar--com--color--violet--500);
  --smar--com--color--background--spectrum-indigo--strong: var(--smar--com--color--violet--400);
  --smar--com--color--background--spectrum-indigo--default: var(--smar--com--color--violet--300);
  --smar--com--color--background--spectrum-rose--weakest: var(--smar--com--color--pink--75);
  --smar--com--color--background--spectrum-rose--weaker: var(--smar--com--color--pink--100);
  --smar--com--color--background--spectrum-rose--weak: var(--smar--com--color--pink--200);
  --smar--com--color--background--spectrum-rose--strongest: var(--smar--com--color--pink--600);
  --smar--com--color--background--spectrum-rose--stronger: var(--smar--com--color--pink--500);
  --smar--com--color--background--spectrum-rose--strong: var(--smar--com--color--pink--400);
  --smar--com--color--background--spectrum-rose--default: var(--smar--com--color--pink--300);
  --smar--com--color--text--syntax--elements: var(--smar--com--color--neutral--800);
  --smar--com--color--text--syntax--strings: var(--smar--com--color--orange--400);
  --smar--com--color--text--syntax--references: var(--smar--com--color--green--400);
  --smar--com--color--text--syntax--operators: var(--smar--com--color--pink--400);
  --smar--com--color--text--syntax--functions: var(--smar--com--color--blue--400);
  --smar--com--color--text--spectrum-yellow--strong: var(--smar--com--color--yellow--900);
  --smar--com--color--text--spectrum-yellow--default: var(--smar--com--color--yellow--800);
  --smar--com--color--text--spectrum-violet--strong: var(--smar--com--color--violet--900);
  --smar--com--color--text--spectrum-violet--default: var(--smar--com--color--violet--800);
  --smar--com--color--text--spectrum-teal--strong: var(--smar--com--color--teal--900);
  --smar--com--color--text--spectrum-teal--default: var(--smar--com--color--teal--800);
  --smar--com--color--text--spectrum-red--strong: var(--smar--com--color--red--900);
  --smar--com--color--text--spectrum-red--default: var(--smar--com--color--red--800);
  --smar--com--color--text--spectrum-pink--strong: var(--smar--com--color--pink--900);
  --smar--com--color--text--spectrum-pink--default: var(--smar--com--color--pink--800);
  --smar--com--color--text--spectrum-orchid--strong: var(--smar--com--color--orchid--900);
  --smar--com--color--text--spectrum-orchid--default: var(--smar--com--color--orchid--800);
  --smar--com--color--text--spectrum-orange--strong: var(--smar--com--color--orange--900);
  --smar--com--color--text--spectrum-orange--default: var(--smar--com--color--orange--800);
  --smar--com--color--text--spectrum-neutral--strong: var(--smar--com--color--neutral--900);
  --smar--com--color--text--spectrum-neutral--default: var(--smar--com--color--neutral--800);
  --smar--com--color--text--spectrum-green--strong: var(--smar--com--color--green--900);
  --smar--com--color--text--spectrum-green--default: var(--smar--com--color--green--800);
  --smar--com--color--text--spectrum-blue--strong: var(--smar--com--color--blue--900);
  --smar--com--color--text--spectrum-blue--default: var(--smar--com--color--blue--800);
  --smar--com--color--text--spectrum-azure--strong: var(--smar--com--color--azure--900);
  --smar--com--color--text--spectrum-azure--default: var(--smar--com--color--azure--800);
  --smar--com--color--text--error--default: var(--smar--com--color--red--800);
  --smar--com--color--text--error--weak: var(--smar--com--color--red--500);
  --smar--com--color--text--warning--default: var(--smar--com--color--yellow--800);
  --smar--com--color--text--warning--weak: var(--smar--com--color--yellow--500);
  --smar--com--color--text--info--default: var(--smar--com--color--azure--800);
  --smar--com--color--text--info--weak: var(--smar--com--color--azure--700);
  --smar--com--color--text--success--default: var(--smar--com--color--green--800);
  --smar--com--color--text--success--weak: var(--smar--com--color--green--500);
  --smar--com--color--text--destructive--strongest: var(--smar--com--color--red--900);
  --smar--com--color--text--destructive--stronger: var(--smar--com--color--red--700);
  --smar--com--color--text--destructive--strong: var(--smar--com--color--red--600);
  --smar--com--color--text--destructive--default: var(--smar--com--color--red--500);
  --smar--com--color--text--destructive--weak: var(--smar--com--color--red--75);
  --smar--com--color--text--destructive--weaker: var(--smar--com--color--red--60);
  --smar--com--color--text--destructive--weakest: var(--smar--com--color--red--25);
  --smar--com--color--text--primary--strongest: var(--smar--com--color--blue--900);
  --smar--com--color--text--primary--stronger: var(--smar--com--color--blue--800);
  --smar--com--color--text--primary--strong: var(--smar--com--color--blue--700);
  --smar--com--color--text--primary--default: var(--smar--com--color--blue--600);
  --smar--com--color--text--primary--weak: var(--smar--com--color--blue--300);
  --smar--com--color--text--primary--weaker: var(--smar--com--color--blue--75);
  --smar--com--color--text--primary--weakest: var(--smar--com--color--blue--25);
  --smar--com--color--text--neutral-inverse--strong: var(--smar--com--color--neutral--00);
  --smar--com--color--text--neutral-inverse--default: var(--smar--com--color--neutral--75);
  --smar--com--color--text--neutral-inverse--weak: var(--smar--com--color--neutral--200);
  --smar--com--color--text--ai--default: var(--smar--com--color--violet--500);
  --smar--com--color--text--neutral--strong: var(--smar--com--color--neutral--800);
  --smar--com--color--text--neutral--default: var(--smar--com--color--neutral--600);
  --smar--com--color--text--neutral--weak: var(--smar--com--color--neutral--500);
  --smar--com--color--text--neutral--weaker: var(--smar--com--color--neutral--400);
  --smar--com--color--text--neutral--weakest: var(--smar--com--color--neutral--300);
  --smar--com--color--text--slate--weakest: var(--smar--com--color--neutral--300);
  --smar--com--color--text--slate--weaker: var(--smar--com--color--neutral--400);
  --smar--com--color--text--slate--weak: var(--smar--com--color--neutral--500);
  --smar--com--color--text--slate--default: var(--smar--com--color--neutral--600);
  --smar--com--color--text--slate--strong: var(--smar--com--color--neutral--800);
  --smar--com--color--text--spectrum-slate--strong: var(--smar--com--color--neutral--900);
  --smar--com--color--text--spectrum-slate--default: var(--smar--com--color--neutral--800);
  --smar--com--color--text--spectrum-aqua--strong: var(--smar--com--color--teal--900);
  --smar--com--color--text--spectrum-aqua--default: var(--smar--com--color--teal--800);
  --smar--com--color--text--spectrum-mint--strong: var(--smar--com--color--green--900);
  --smar--com--color--text--spectrum-mint--default: var(--smar--com--color--green--800);
  --smar--com--color--text--spectrum-gold--strong: var(--smar--com--color--yellow--900);
  --smar--com--color--text--spectrum-gold--default: var(--smar--com--color--yellow--800);
  --smar--com--color--text--spectrum-indigo--weak: var(--smar--com--color--violet--600);
  --smar--com--color--text--spectrum-indigo--strong: var(--smar--com--color--violet--900);
  --smar--com--color--text--spectrum-indigo--default: var(--smar--com--color--violet--800);
  --smar--com--color--text--spectrum-rose--strong: var(--smar--com--color--pink--900);
  --smar--com--color--text--spectrum-rose--default: var(--smar--com--color--pink--800);
  --smar--com--color--border--formula-reference--default: var(--smar--com--color--green--400);
  --smar--com--color--border--formula-reference--weak: var(--smar--com--color--green--100);
  --smar--com--color--border--spectrum-neutral--default: var(--smar--com--color--neutral--600);
  --smar--com--color--border--spectrum-pink--default: var(--smar--com--color--pink--600);
  --smar--com--color--border--spectrum-orchid--default: var(--smar--com--color--orchid--600);
  --smar--com--color--border--spectrum-violet--default: var(--smar--com--color--violet--600);
  --smar--com--color--border--spectrum-blue--default: var(--smar--com--color--blue--600);
  --smar--com--color--border--spectrum-azure--default: var(--smar--com--color--azure--600);
  --smar--com--color--border--spectrum-teal--default: var(--smar--com--color--teal--600);
  --smar--com--color--border--spectrum-green--default: var(--smar--com--color--green--600);
  --smar--com--color--border--spectrum-yellow--default: var(--smar--com--color--yellow--600);
  --smar--com--color--border--spectrum-orange--default: var(--smar--com--color--orange--700);
  --smar--com--color--border--spectrum-red--default: var(--smar--com--color--red--600);
  --smar--com--color--border--error--default: var(--smar--com--color--red--500);
  --smar--com--color--border--warning--default: var(--smar--com--color--yellow--400);
  --smar--com--color--border--success--default: var(--smar--com--color--green--400);
  --smar--com--color--border--destructive--default: var(--smar--com--color--red--500);
  --smar--com--color--border--destructive--weak: var(--smar--com--color--red--300);
  --smar--com--color--border--destructive--weaker: var(--smar--com--color--red--100);
  --smar--com--color--border--destructive--weakest: var(--smar--com--color--red--75);
  --smar--com--color--border--primary--weak: var(--smar--com--color--blue--300);
  --smar--com--color--border--primary--default: var(--smar--com--color--blue--500);
  --smar--com--color--border--primary--weaker: var(--smar--com--color--blue--100);
  --smar--com--color--border--primary--weakest: var(--smar--com--color--blue--75);
  --smar--com--color--border--neutral--weakest: var(--smar--com--color--neutral--50);
  --smar--com--color--border--neutral--weaker: var(--smar--com--color--neutral--75);
  --smar--com--color--border--neutral--weak: var(--smar--com--color--neutral--200);
  --smar--com--color--border--neutral--default: var(--smar--com--color--neutral--300);
  --smar--com--color--border--neutral--strong: var(--smar--com--color--neutral--500);
  --smar--com--color--border--neutral--stronger: var(--smar--com--color--neutral--700);
  --smar--com--color--border--neutral--strongest: var(--smar--com--color--neutral--900);
  --smar--com--color--border--surfaces--focus: var(--smar--com--color--blue--400);
  --smar--com--color--border--slate--weakest: var(--smar--com--color--neutral--50);
  --smar--com--color--border--slate--weaker: var(--smar--com--color--neutral--75);
  --smar--com--color--border--slate--weak: var(--smar--com--color--neutral--200);
  --smar--com--color--border--slate--default: var(--smar--com--color--neutral--300);
  --smar--com--color--border--slate--strong: var(--smar--com--color--neutral--500);
  --smar--com--color--border--slate--stronger: var(--smar--com--color--neutral--700);
  --smar--com--color--border--slate--strongest: var(--smar--com--color--neutral--900);
  --smar--com--color--border--spectrum-slate--default: var(--smar--com--color--neutral--600);
  --smar--com--color--border--spectrum-aqua--default: var(--smar--com--color--teal--600);
  --smar--com--color--border--spectrum-mint--default: var(--smar--com--color--green--600);
  --smar--com--color--border--spectrum-gold--default: var(--smar--com--color--yellow--600);
  --smar--com--color--border--spectrum-indigo--default: var(--smar--com--color--violet--600);
  --smar--com--color--border--spectrum-rose--default: var(--smar--com--color--pink--600);
  --sds--tooltip--text-color: var(--smar--com--color--text--neutral-inverse--strong);
  --sds--symbol--background-color--yellow--hover: var(--smar--com--color--background--spectrum-yellow--weaker);
  --sds--symbol--background-color--yellow--default: var(--smar--com--color--background--spectrum-yellow--default);
  --sds--hotkey--joiner-color: var(--smar--com--color--text--neutral--weakest);
  --sds--hotkey--text-color: var(--smar--com--color--text--neutral--weak);
  --sds--hotkey--border-color: var(--smar--com--color--border--neutral--weakest);
  --smar--com--color--icons--spectrum-neutral--default: var(--smar--com--color--text--spectrum-neutral--strong);
  --smar--com--color--icons--spectrum-pink--default: var(--smar--com--color--text--spectrum-pink--default);
  --smar--com--color--icons--spectrum-orchid--default: var(--smar--com--color--text--spectrum-orchid--default);
  --smar--com--color--icons--spectrum-violet--default: var(--smar--com--color--text--spectrum-violet--default);
  --smar--com--color--icons--spectrum-blue--default: var(--smar--com--color--text--spectrum-blue--default);
  --smar--com--color--icons--spectrum-azure--default: var(--smar--com--color--text--spectrum-azure--default);
  --smar--com--color--icons--spectrum-teal--default: var(--smar--com--color--text--spectrum-teal--default);
  --smar--com--color--icons--spectrum-green--default: var(--smar--com--color--text--spectrum-green--default);
  --smar--com--color--icons--spectrum-yellow--default: var(--smar--com--color--text--spectrum-yellow--default);
  --smar--com--color--icons--spectrum-orange--default: var(--smar--com--color--text--spectrum-orange--default);
  --smar--com--color--icons--spectrum-red--default: var(--smar--com--color--text--spectrum-red--default);
  --smar--com--color--background--surfaces--work: var(--smar--com--color--background--surfaces--body);
  --smar--com--color--text--neutral--stronger: var(--smar--com--color--text--neutral--strong);
  --smar--com--color--border--surfaces--stage: var(--smar--com--color--background--surfaces--stage);
  --smar--com--color--border--surfaces--canvas: var(--smar--com--color--background--surfaces--canvas);
  --smar--com--color--border--surfaces--work: var(--smar--com--color--background--surfaces--body);
  --smar--com--color--border--surfaces--body: var(--smar--com--color--background--surfaces--body);
  --sds--hotkey--background-color: var(--smar--com--color--background--surfaces--work);
  --smar--com--color--work-surface-elevated--elevated: var(--smar--com--color--background--surfaces--work);
  --smar--com--color--work-surface-elevated--background: var(--smar--com--color--background--surfaces--work);
}

/**
 * Do not edit directly!
 * This file was generated by Style Dictionary and contains the semantic tokens for the ursa-dark theme.
 * To make changes, edit the corresponding JSON file in the token-groups/themes directory.
 * This file is automatically generated and should not be edited directly.
 *
 */

.ursa-dark {
  --smar--com--elevation--length--bottom--high: 0px 6px 8px;
  --smar--com--elevation--length--bottom--default: 0px 4px 6px;
  --smar--com--elevation--length--bottom--low: 0px 2px 4px;
  --smar--com--elevation--length--top--high: 0px 12px 24px;
  --smar--com--elevation--length--top--default: 0px 6px 16px;
  --smar--com--elevation--length--top--low: 0px 6px 12px;
  --smar--com--gradient--text-ai: linear-gradient(90deg, #806CFF 0.16%, #A770FF 29.05%, #D35CFF 57.94%);
  --smar--com--gradient--background--ai-interactive--vibrant--hover: linear-gradient(135deg, #D35CFF 0%, #9B5DFF 50%, #2303EE 100%);
  --smar--com--gradient--background--ai-interactive--vibrant--rest: linear-gradient(135deg, #D35CFF 0%, #A770FF 50%, #806CFF 100%);
  --smar--com--gradient--background--ai-interactive--default--rest: linear-gradient(88.36deg, #DBE6FF 0%, #EBE0FF 100%);
  --smar--com--gradient--background--ai-static--default--rest: linear-gradient(88.36deg, #DBE6FF 0%, #EBE0FF 100%);
  --smar--com--gradient--progress-bar: linear-gradient(90deg, #7047EB 0%, #012F92 66%, #012470 100%);
  --smar--com--gradient--upsell: linear-gradient(101deg, #F4F1FE 0%, #E3EBFD 33%, #ADC6FA 100%);
  --smar--com--color--background--surfaces--overlay: rgba(107, 115, 148, 0.5);
  --smar--com--color--elevation-default--bottom: rgba(17, 19, 29, 0.24);
  --smar--com--color--elevation-default--top: rgba(17, 19, 29, 0.24);
  --smar--com--color--elevation-low--bottom: rgba(17, 19, 29, 0.32);
  --smar--com--color--elevation-low--top: rgba(17, 19, 29, 0.24);
  --smar--com--color--elevation-high--bottom: rgba(17, 19, 29, 0.28);
  --smar--com--color--elevation-high--top: rgba(17, 19, 29, 0.2);
  --smar--com--elevation--high: var(--smar--com--elevation--length--top--high) var(--smar--com--color--elevation-high--top), var(--smar--com--elevation--length--bottom--high) var(--smar--com--color--elevation-high--bottom);
  --smar--com--elevation--default: var(--smar--com--elevation--length--top--default) var(--smar--com--color--elevation-default--top), var(--smar--com--elevation--length--bottom--default) var(--smar--com--color--elevation-default--bottom);
  --smar--com--elevation--low: var(--smar--com--elevation--length--top--low) var(--smar--com--color--elevation-low--top), var(--smar--com--elevation--length--bottom--low) var(--smar--com--color--elevation-low--bottom);
  --smar--com--gradient--background--ai-interactive--default--press: linear-gradient(90deg, var(--smar--com--color--blue--100) 0%, var(--smar--com--color--orchid--100) 100%);
  --smar--com--gradient--background--ai-interactive--default--hover: linear-gradient(90deg, var(--smar--com--color--blue--75) 0%, var(--smar--com--color--orchid--75) 100%);
  --smar--com--gradient--navigation: linear-gradient(180deg, var(--smar--com--color--blue--600), #5A43D7);
  --sds--tooltip--background-color: var(--smar--com--color--neutral--750);
  --smar--com--color--work-surface-elevated--elevated: var(--smar--com--color--neutral--750);
  --smar--com--color--work-surface-elevated--background: var(--smar--com--color--neutral--750);
  --smar--com--color--work-surface-elevated--border: var(--smar--com--color--neutral--700);
  --smar--com--color--charts--assets-report--hover: var(--smar--com--color--orange--100);
  --smar--com--color--charts--assets-report--rest: var(--smar--com--color--orange--200);
  --smar--com--color--charts--assets-sheet--hover: var(--smar--com--color--violet--200);
  --smar--com--color--charts--assets-sheet--rest: var(--smar--com--color--violet--300);
  --smar--com--color--charts--assets-workspace--hover: var(--smar--com--color--azure--100);
  --smar--com--color--charts--assets-workspace--rest: var(--smar--com--color--azure--200);
  --smar--com--color--charts--assets-dashboard--hover: var(--smar--com--color--green--100);
  --smar--com--color--charts--assets-dashboard--rest: var(--smar--com--color--green--200);
  --smar--com--color--charts--semantic-blocked--hover: var(--smar--com--color--red--100);
  --smar--com--color--charts--semantic-blocked--rest: var(--smar--com--color--red--200);
  --smar--com--color--charts--semantic-completed--hover: var(--smar--com--color--green--100);
  --smar--com--color--charts--semantic-completed--rest: var(--smar--com--color--green--200);
  --smar--com--color--charts--semantic-at-risk--hover: var(--smar--com--color--yellow--75);
  --smar--com--color--charts--semantic-at-risk--rest: var(--smar--com--color--yellow--100);
  --smar--com--color--charts--semantic-in-progress--hover: var(--smar--com--color--blue--100);
  --smar--com--color--charts--semantic-in-progress--rest: var(--smar--com--color--blue--200);
  --smar--com--color--charts--semantic-not-started--hover: var(--smar--com--color--neutral--100);
  --smar--com--color--charts--semantic-not-started--rest: var(--smar--com--color--neutral--200);
  --smar--com--color--charts--colorful--10--hover: var(--smar--com--color--blue--300);
  --smar--com--color--charts--colorful--10--rest: var(--smar--com--color--blue--400);
  --smar--com--color--charts--colorful--9--hover: var(--smar--com--color--azure--200);
  --smar--com--color--charts--colorful--9--rest: var(--smar--com--color--azure--300);
  --smar--com--color--charts--colorful--8--hover: var(--smar--com--color--azure--50);
  --smar--com--color--charts--colorful--8--rest: var(--smar--com--color--azure--75);
  --smar--com--color--charts--colorful--7--hover: var(--smar--com--color--orchid--200);
  --smar--com--color--charts--colorful--7--rest: var(--smar--com--color--orchid--300);
  --smar--com--color--charts--colorful--6--hover: var(--smar--com--color--orchid--75);
  --smar--com--color--charts--colorful--6--rest: var(--smar--com--color--orchid--100);
  --smar--com--color--charts--colorful--5--hover: var(--smar--com--color--orange--75);
  --smar--com--color--charts--colorful--5--rest: var(--smar--com--color--orange--100);
  --smar--com--color--charts--colorful--4--hover: var(--smar--com--color--orange--200);
  --smar--com--color--charts--colorful--4--rest: var(--smar--com--color--orange--300);
  --smar--com--color--charts--colorful--3--hover: var(--smar--com--color--yellow--50);
  --smar--com--color--charts--colorful--3--rest: var(--smar--com--color--yellow--100);
  --smar--com--color--charts--colorful--2--hover: var(--smar--com--color--green--50);
  --smar--com--color--charts--colorful--2--rest: var(--smar--com--color--green--50);
  --smar--com--color--charts--colorful--1--hover: var(--smar--com--color--blue--60);
  --smar--com--color--charts--colorful--1--rest: var(--smar--com--color--blue--100);
  --smar--com--color--charts--high-contrast--12--hover: var(--smar--com--color--orange--300);
  --smar--com--color--charts--high-contrast--12--rest: var(--smar--com--color--orange--400);
  --smar--com--color--charts--high-contrast--11--hover: var(--smar--com--color--orchid--200);
  --smar--com--color--charts--high-contrast--11--rest: var(--smar--com--color--orchid--300);
  --smar--com--color--charts--high-contrast--10--hover: var(--smar--com--color--green--60);
  --smar--com--color--charts--high-contrast--10--rest: var(--smar--com--color--green--100);
  --smar--com--color--charts--high-contrast--9--hover: var(--smar--com--color--green--300);
  --smar--com--color--charts--high-contrast--9--rest: var(--smar--com--color--green--400);
  --smar--com--color--charts--high-contrast--8--hover: var(--smar--com--color--yellow--100);
  --smar--com--color--charts--high-contrast--8--rest: var(--smar--com--color--yellow--200);
  --smar--com--color--charts--high-contrast--7--hover: var(--smar--com--color--azure--100);
  --smar--com--color--charts--high-contrast--7--rest: var(--smar--com--color--azure--200);
  --smar--com--color--charts--high-contrast--6--hover: var(--smar--com--color--orange--75);
  --smar--com--color--charts--high-contrast--6--rest: var(--smar--com--color--orange--100);
  --smar--com--color--charts--high-contrast--5--hover: var(--smar--com--color--neutral--300);
  --smar--com--color--charts--high-contrast--5--rest: var(--smar--com--color--neutral--400);
  --smar--com--color--charts--high-contrast--4--hover: var(--smar--com--color--violet--300);
  --smar--com--color--charts--high-contrast--4--rest: var(--smar--com--color--violet--400);
  --smar--com--color--charts--high-contrast--3--hover: var(--smar--com--color--teal--300);
  --smar--com--color--charts--high-contrast--3--rest: var(--smar--com--color--teal--400);
  --smar--com--color--charts--high-contrast--2--hover: var(--smar--com--color--blue--300);
  --smar--com--color--charts--high-contrast--2--rest: var(--smar--com--color--blue--400);
  --smar--com--color--charts--high-contrast--1--hover: var(--smar--com--color--blue--75);
  --smar--com--color--charts--high-contrast--1--rest: var(--smar--com--color--blue--100);
  --smar--com--color--icons--assets-blueprint--fill: var(--smar--com--color--teal--600);
  --smar--com--color--icons--assets-blueprint--stroke: var(--smar--com--color--teal--200);
  --smar--com--color--icons--assets-workapp--fill: var(--smar--com--color--blue--600);
  --smar--com--color--icons--assets-workapp--stroke: var(--smar--com--color--blue--200);
  --smar--com--color--icons--assets-collection--fill: var(--smar--com--color--yellow--600);
  --smar--com--color--icons--assets-collection--stroke: var(--smar--com--color--yellow--200);
  --smar--com--color--icons--assets-form--fill: var(--smar--com--color--orchid--600);
  --smar--com--color--icons--assets-form--stroke: var(--smar--com--color--orchid--200);
  --smar--com--color--icons--assets-sheet--fill: var(--smar--com--color--violet--600);
  --smar--com--color--icons--assets-sheet--stroke: var(--smar--com--color--violet--200);
  --smar--com--color--icons--assets-reports--fill: var(--smar--com--color--orange--600);
  --smar--com--color--icons--assets-reports--stroke: var(--smar--com--color--orange--200);
  --smar--com--color--icons--assets-dashboard--fill: var(--smar--com--color--green--600);
  --smar--com--color--icons--assets-dashboard--stroke: var(--smar--com--color--green--200);
  --smar--com--color--icons--assets-portfolio--fill: var(--smar--com--color--teal--600);
  --smar--com--color--icons--assets-portfolio--stroke: var(--smar--com--color--teal--200);
  --smar--com--color--icons--assets-workspace--fill: var(--smar--com--color--azure--600);
  --smar--com--color--icons--assets-workspace--stroke: var(--smar--com--color--azure--200);
  --smar--com--color--icons--error--default: var(--smar--com--color--red--300);
  --smar--com--color--icons--error--weak: var(--smar--com--color--red--500);
  --smar--com--color--icons--warning--default: var(--smar--com--color--yellow--100);
  --smar--com--color--icons--warning--weak: var(--smar--com--color--yellow--300);
  --smar--com--color--icons--success--default: var(--smar--com--color--green--200);
  --smar--com--color--icons--success--weak: var(--smar--com--color--green--400);
  --smar--com--color--icons--destructive-inverse--weakest: var(--smar--com--color--red--25);
  --smar--com--color--icons--info--default: var(--smar--com--color--azure--100);
  --smar--com--color--icons--info--weak: var(--smar--com--color--azure--500);
  --smar--com--color--icons--destructive--strongest: var(--smar--com--color--red--75);
  --smar--com--color--icons--destructive--stronger: var(--smar--com--color--red--100);
  --smar--com--color--icons--destructive--strong: var(--smar--com--color--red--200);
  --smar--com--color--icons--destructive--default: var(--smar--com--color--red--300);
  --smar--com--color--icons--destructive--weak: var(--smar--com--color--red--400);
  --smar--com--color--icons--destructive--weaker: var(--smar--com--color--red--500);
  --smar--com--color--icons--destructive--weakest: var(--smar--com--color--red--600);
  --smar--com--color--icons--primary-inverse--stronger: var(--smar--com--color--blue--25);
  --smar--com--color--icons--primary--strongest: var(--smar--com--color--blue--800);
  --smar--com--color--icons--primary--stronger: var(--smar--com--color--blue--600);
  --smar--com--color--icons--primary--strong: var(--smar--com--color--blue--500);
  --smar--com--color--icons--primary--default: var(--smar--com--color--blue--400);
  --smar--com--color--icons--primary--weak: var(--smar--com--color--blue--300);
  --smar--com--color--icons--primary--weaker: var(--smar--com--color--blue--200);
  --smar--com--color--icons--primary--weakest: var(--smar--com--color--blue--75);
  --smar--com--color--icons--neutral-inverse--default: var(--smar--com--color--neutral--00);
  --smar--com--color--icons--neutral-inverse--weak: var(--smar--com--color--neutral--60);
  --smar--com--color--icons--neutral--strongest: var(--smar--com--color--neutral--75);
  --smar--com--color--icons--neutral--stronger: var(--smar--com--color--neutral--100);
  --smar--com--color--icons--neutral--strong: var(--smar--com--color--neutral--200);
  --smar--com--color--icons--neutral--default: var(--smar--com--color--neutral--300);
  --smar--com--color--icons--neutral--weak: var(--smar--com--color--neutral--400);
  --smar--com--color--icons--neutral--weaker: var(--smar--com--color--neutral--500);
  --smar--com--color--icons--neutral--weakest: var(--smar--com--color--neutral--600);
  --smar--com--color--icons--slate-inverse--weak: var(--smar--com--color--neutral--60);
  --smar--com--color--icons--slate-inverse--default: var(--smar--com--color--neutral--00);
  --smar--com--color--icons--spectrum-slate--default: var(--smar--com--color--neutral--800);
  --smar--com--color--icons--spectrum-aqua--default: var(--smar--com--color--teal--800);
  --smar--com--color--icons--spectrum-mint--default: var(--smar--com--color--green--800);
  --smar--com--color--icons--spectrum-gold--default: var(--smar--com--color--yellow--800);
  --smar--com--color--icons--spectrum-indigo--weakest: var(--smar--com--color--violet--100);
  --smar--com--color--icons--spectrum-indigo--weaker: var(--smar--com--color--violet--300);
  --smar--com--color--icons--spectrum-indigo--weak: var(--smar--com--color--violet--500);
  --smar--com--color--icons--spectrum-indigo--default: var(--smar--com--color--violet--800);
  --smar--com--color--icons--spectrum-rose--default: var(--smar--com--color--pink--800);
  --smar--com--color--background--ai-icon-wrapper--default: var(--smar--com--color--violet--400);
  --smar--com--color--background--formula-reference--default: var(--smar--com--color--green--700);
  --smar--com--color--background--spectrum-yellow--strongest: var(--smar--com--color--yellow--25);
  --smar--com--color--background--spectrum-yellow--stronger: var(--smar--com--color--yellow--35);
  --smar--com--color--background--spectrum-yellow--strong: var(--smar--com--color--yellow--50);
  --smar--com--color--background--spectrum-yellow--default: var(--smar--com--color--yellow--60);
  --smar--com--color--background--spectrum-yellow--weak: var(--smar--com--color--yellow--75);
  --smar--com--color--background--spectrum-yellow--weaker: var(--smar--com--color--yellow--100);
  --smar--com--color--background--spectrum-yellow--weakest: var(--smar--com--color--yellow--200);
  --smar--com--color--background--spectrum-violet--strongest: var(--smar--com--color--violet--25);
  --smar--com--color--background--spectrum-violet--stronger: var(--smar--com--color--violet--50);
  --smar--com--color--background--spectrum-violet--strong: var(--smar--com--color--violet--60);
  --smar--com--color--background--spectrum-violet--default: var(--smar--com--color--violet--75);
  --smar--com--color--background--spectrum-violet--weak: var(--smar--com--color--violet--100);
  --smar--com--color--background--spectrum-violet--weaker: var(--smar--com--color--violet--200);
  --smar--com--color--background--spectrum-violet--weakest: var(--smar--com--color--violet--300);
  --smar--com--color--background--spectrum-teal--strongest: var(--smar--com--color--teal--25);
  --smar--com--color--background--spectrum-teal--stronger: var(--smar--com--color--teal--50);
  --smar--com--color--background--spectrum-teal--strong: var(--smar--com--color--teal--60);
  --smar--com--color--background--spectrum-teal--default: var(--smar--com--color--teal--75);
  --smar--com--color--background--spectrum-teal--weak: var(--smar--com--color--teal--100);
  --smar--com--color--background--spectrum-teal--weaker: var(--smar--com--color--teal--200);
  --smar--com--color--background--spectrum-teal--weakest: var(--smar--com--color--teal--300);
  --smar--com--color--background--spectrum-red--strongest: var(--smar--com--color--red--25);
  --smar--com--color--background--spectrum-red--stronger: var(--smar--com--color--red--50);
  --smar--com--color--background--spectrum-red--strong: var(--smar--com--color--red--60);
  --smar--com--color--background--spectrum-red--default: var(--smar--com--color--red--75);
  --smar--com--color--background--spectrum-red--weak: var(--smar--com--color--red--100);
  --smar--com--color--background--spectrum-red--weaker: var(--smar--com--color--red--200);
  --smar--com--color--background--spectrum-red--weakest: var(--smar--com--color--red--300);
  --smar--com--color--background--spectrum-pink--strongest: var(--smar--com--color--pink--25);
  --smar--com--color--background--spectrum-pink--stronger: var(--smar--com--color--pink--50);
  --smar--com--color--background--spectrum-pink--strong: var(--smar--com--color--pink--60);
  --smar--com--color--background--spectrum-pink--default: var(--smar--com--color--pink--75);
  --smar--com--color--background--spectrum-pink--weak: var(--smar--com--color--pink--100);
  --smar--com--color--background--spectrum-pink--weaker: var(--smar--com--color--pink--200);
  --smar--com--color--background--spectrum-pink--weakest: var(--smar--com--color--pink--300);
  --smar--com--color--background--spectrum-orchid--strongest: var(--smar--com--color--orchid--25);
  --smar--com--color--background--spectrum-orchid--stronger: var(--smar--com--color--orchid--50);
  --smar--com--color--background--spectrum-orchid--strong: var(--smar--com--color--orchid--60);
  --smar--com--color--background--spectrum-orchid--default: var(--smar--com--color--orchid--75);
  --smar--com--color--background--spectrum-orchid--weak: var(--smar--com--color--orchid--100);
  --smar--com--color--background--spectrum-orchid--weaker: var(--smar--com--color--orchid--200);
  --smar--com--color--background--spectrum-orchid--weakest: var(--smar--com--color--orchid--300);
  --smar--com--color--background--spectrum-orange--strongest: var(--smar--com--color--orange--35);
  --smar--com--color--background--spectrum-orange--stronger: var(--smar--com--color--orange--50);
  --smar--com--color--background--spectrum-orange--strong: var(--smar--com--color--orange--60);
  --smar--com--color--background--spectrum-orange--default: var(--smar--com--color--orange--75);
  --smar--com--color--background--spectrum-orange--weak: var(--smar--com--color--orange--100);
  --smar--com--color--background--spectrum-orange--weaker: var(--smar--com--color--orange--200);
  --smar--com--color--background--spectrum-orange--weakest: var(--smar--com--color--orange--300);
  --smar--com--color--background--spectrum-neutral--strongest: var(--smar--com--color--neutral--25);
  --smar--com--color--background--spectrum-neutral--stronger: var(--smar--com--color--neutral--50);
  --smar--com--color--background--spectrum-neutral--strong: var(--smar--com--color--neutral--60);
  --smar--com--color--background--spectrum-neutral--default: var(--smar--com--color--neutral--75);
  --smar--com--color--background--spectrum-neutral--weak: var(--smar--com--color--neutral--100);
  --smar--com--color--background--spectrum-neutral--weaker: var(--smar--com--color--neutral--200);
  --smar--com--color--background--spectrum-neutral--weakest: var(--smar--com--color--neutral--300);
  --smar--com--color--background--spectrum-green--strongest: var(--smar--com--color--green--25);
  --smar--com--color--background--spectrum-green--stronger: var(--smar--com--color--green--50);
  --smar--com--color--background--spectrum-green--strong: var(--smar--com--color--green--60);
  --smar--com--color--background--spectrum-green--default: var(--smar--com--color--green--75);
  --smar--com--color--background--spectrum-green--weak: var(--smar--com--color--green--100);
  --smar--com--color--background--spectrum-green--weaker: var(--smar--com--color--green--200);
  --smar--com--color--background--spectrum-green--weakest: var(--smar--com--color--green--300);
  --smar--com--color--background--spectrum-blue--strongest: var(--smar--com--color--blue--25);
  --smar--com--color--background--spectrum-blue--stronger: var(--smar--com--color--blue--50);
  --smar--com--color--background--spectrum-blue--strong: var(--smar--com--color--blue--60);
  --smar--com--color--background--spectrum-blue--default: var(--smar--com--color--blue--75);
  --smar--com--color--background--spectrum-blue--weak: var(--smar--com--color--blue--100);
  --smar--com--color--background--spectrum-blue--weaker: var(--smar--com--color--blue--200);
  --smar--com--color--background--spectrum-blue--weakest: var(--smar--com--color--blue--300);
  --smar--com--color--background--spectrum-azure--strongest: var(--smar--com--color--azure--25);
  --smar--com--color--background--spectrum-azure--stronger: var(--smar--com--color--azure--50);
  --smar--com--color--background--spectrum-azure--strong: var(--smar--com--color--azure--60);
  --smar--com--color--background--spectrum-azure--default: var(--smar--com--color--azure--75);
  --smar--com--color--background--spectrum-azure--weak: var(--smar--com--color--azure--100);
  --smar--com--color--background--spectrum-azure--weaker: var(--smar--com--color--azure--200);
  --smar--com--color--background--spectrum-azure--weakest: var(--smar--com--color--azure--300);
  --smar--com--color--background--error--default: var(--smar--com--color--red--400);
  --smar--com--color--background--error--weak: var(--smar--com--color--red--75);
  --smar--com--color--background--error--weaker: var(--smar--com--color--red--800);
  --smar--com--color--background--warning--default: var(--smar--com--color--yellow--200);
  --smar--com--color--background--warning--weak: var(--smar--com--color--yellow--60);
  --smar--com--color--background--warning--weaker: var(--smar--com--color--yellow--700);
  --smar--com--color--background--surfaces--work: var(--smar--com--color--neutral--800);
  --smar--com--color--background--surfaces--body: var(--smar--com--color--neutral--900);
  --smar--com--color--background--surfaces--canvas: var(--smar--com--color--neutral--900);
  --smar--com--color--background--surfaces--stage: var(--smar--com--color--neutral--700);
  --smar--com--color--background--notifications--primary: var(--smar--com--color--blue--600);
  --smar--com--color--background--notifications--strong: var(--smar--com--color--orange--500);
  --smar--com--color--background--notifications--weak: var(--smar--com--color--neutral--500);
  --smar--com--color--background--info--default: var(--smar--com--color--azure--25);
  --smar--com--color--background--info--weak: var(--smar--com--color--azure--60);
  --smar--com--color--background--info--weaker: var(--smar--com--color--azure--700);
  --smar--com--color--background--success--default: var(--smar--com--color--green--300);
  --smar--com--color--background--success--weak: var(--smar--com--color--green--60);
  --smar--com--color--background--success--weaker: var(--smar--com--color--green--700);
  --smar--com--color--background--destructive--strongest: var(--smar--com--color--red--100);
  --smar--com--color--background--destructive--stronger: var(--smar--com--color--red--200);
  --smar--com--color--background--destructive--strong: var(--smar--com--color--red--300);
  --smar--com--color--background--destructive--default: var(--smar--com--color--red--400);
  --smar--com--color--background--destructive--weak: var(--smar--com--color--red--500);
  --smar--com--color--background--destructive--weaker: var(--smar--com--color--red--600);
  --smar--com--color--background--destructive--weakest: var(--smar--com--color--red--700);
  --smar--com--color--background--primary--strongest: var(--smar--com--color--blue--100);
  --smar--com--color--background--primary--stronger: var(--smar--com--color--blue--200);
  --smar--com--color--background--primary--strong: var(--smar--com--color--blue--300);
  --smar--com--color--background--primary--default: var(--smar--com--color--blue--400);
  --smar--com--color--background--primary--weak: var(--smar--com--color--blue--500);
  --smar--com--color--background--primary--weaker: var(--smar--com--color--blue--600);
  --smar--com--color--background--primary--weakest: var(--smar--com--color--blue--700);
  --smar--com--color--background--neutral-inverse--strongest: var(--smar--com--color--neutral--900);
  --smar--com--color--background--neutral-inverse--stronger: var(--smar--com--color--neutral--800);
  --smar--com--color--background--neutral-inverse--strong: var(--smar--com--color--neutral--700);
  --smar--com--color--background--neutral-inverse--default: var(--smar--com--color--neutral--600);
  --smar--com--color--background--neutral-inverse--weak: var(--smar--com--color--neutral--500);
  --smar--com--color--background--neutral-inverse--weaker: var(--smar--com--color--neutral--300);
  --smar--com--color--background--neutral-inverse--weakest: var(--smar--com--color--neutral--200);
  --smar--com--color--background--neutral--strongest: var(--smar--com--color--neutral--200);
  --smar--com--color--background--neutral--stronger: var(--smar--com--color--neutral--300);
  --smar--com--color--background--neutral--strong: var(--smar--com--color--neutral--400);
  --smar--com--color--background--neutral--default: var(--smar--com--color--neutral--500);
  --smar--com--color--background--neutral--weak: var(--smar--com--color--neutral--600);
  --smar--com--color--background--neutral--weaker: var(--smar--com--color--neutral--650);
  --smar--com--color--background--neutral--weakest: var(--smar--com--color--neutral--700);
  --smar--com--color--background--spectrum-slate--weakest: var(--smar--com--color--neutral--300);
  --smar--com--color--background--spectrum-slate--weaker: var(--smar--com--color--neutral--200);
  --smar--com--color--background--spectrum-slate--weak: var(--smar--com--color--neutral--100);
  --smar--com--color--background--spectrum-slate--strongest: var(--smar--com--color--neutral--25);
  --smar--com--color--background--spectrum-slate--stronger: var(--smar--com--color--neutral--50);
  --smar--com--color--background--spectrum-slate--strong: var(--smar--com--color--neutral--60);
  --smar--com--color--background--spectrum-slate--default: var(--smar--com--color--neutral--75);
  --smar--com--color--background--spectrum-aqua--weakest: var(--smar--com--color--teal--300);
  --smar--com--color--background--spectrum-aqua--weaker: var(--smar--com--color--teal--200);
  --smar--com--color--background--spectrum-aqua--weak: var(--smar--com--color--teal--100);
  --smar--com--color--background--spectrum-aqua--strongest: var(--smar--com--color--teal--25);
  --smar--com--color--background--spectrum-aqua--stronger: var(--smar--com--color--teal--50);
  --smar--com--color--background--spectrum-aqua--strong: var(--smar--com--color--teal--60);
  --smar--com--color--background--spectrum-aqua--default: var(--smar--com--color--teal--75);
  --smar--com--color--background--spectrum-mint--weakest: var(--smar--com--color--green--300);
  --smar--com--color--background--spectrum-mint--weaker: var(--smar--com--color--green--200);
  --smar--com--color--background--spectrum-mint--weak: var(--smar--com--color--green--100);
  --smar--com--color--background--spectrum-mint--strongest: var(--smar--com--color--green--25);
  --smar--com--color--background--spectrum-mint--stronger: var(--smar--com--color--green--50);
  --smar--com--color--background--spectrum-mint--strong: var(--smar--com--color--green--60);
  --smar--com--color--background--spectrum-mint--default: var(--smar--com--color--green--75);
  --smar--com--color--background--spectrum-gold--weakest: var(--smar--com--color--yellow--300);
  --smar--com--color--background--spectrum-gold--weaker: var(--smar--com--color--yellow--200);
  --smar--com--color--background--spectrum-gold--weak: var(--smar--com--color--yellow--100);
  --smar--com--color--background--spectrum-gold--strongest: var(--smar--com--color--yellow--25);
  --smar--com--color--background--spectrum-gold--stronger: var(--smar--com--color--yellow--50);
  --smar--com--color--background--spectrum-gold--strong: var(--smar--com--color--yellow--60);
  --smar--com--color--background--spectrum-gold--default: var(--smar--com--color--yellow--75);
  --smar--com--color--background--spectrum-indigo--weakest: var(--smar--com--color--violet--300);
  --smar--com--color--background--spectrum-indigo--weaker: var(--smar--com--color--violet--200);
  --smar--com--color--background--spectrum-indigo--weak: var(--smar--com--color--violet--100);
  --smar--com--color--background--spectrum-indigo--strongest: var(--smar--com--color--violet--25);
  --smar--com--color--background--spectrum-indigo--stronger: var(--smar--com--color--violet--50);
  --smar--com--color--background--spectrum-indigo--strong: var(--smar--com--color--violet--60);
  --smar--com--color--background--spectrum-indigo--default: var(--smar--com--color--violet--75);
  --smar--com--color--background--spectrum-rose--weakest: var(--smar--com--color--pink--300);
  --smar--com--color--background--spectrum-rose--weaker: var(--smar--com--color--pink--200);
  --smar--com--color--background--spectrum-rose--weak: var(--smar--com--color--pink--100);
  --smar--com--color--background--spectrum-rose--strongest: var(--smar--com--color--pink--25);
  --smar--com--color--background--spectrum-rose--stronger: var(--smar--com--color--pink--50);
  --smar--com--color--background--spectrum-rose--strong: var(--smar--com--color--pink--60);
  --smar--com--color--background--spectrum-rose--default: var(--smar--com--color--pink--75);
  --smar--com--color--text--syntax--elements: var(--smar--com--color--neutral--200);
  --smar--com--color--text--syntax--strings: var(--smar--com--color--orange--200);
  --smar--com--color--text--syntax--references: var(--smar--com--color--green--200);
  --smar--com--color--text--syntax--operators: var(--smar--com--color--pink--200);
  --smar--com--color--text--syntax--functions: var(--smar--com--color--blue--200);
  --smar--com--color--text--spectrum-yellow--strong: var(--smar--com--color--yellow--600);
  --smar--com--color--text--spectrum-yellow--default: var(--smar--com--color--yellow--800);
  --smar--com--color--text--spectrum-violet--strong: var(--smar--com--color--violet--600);
  --smar--com--color--text--spectrum-violet--default: var(--smar--com--color--violet--800);
  --smar--com--color--text--spectrum-teal--strong: var(--smar--com--color--teal--600);
  --smar--com--color--text--spectrum-teal--default: var(--smar--com--color--teal--800);
  --smar--com--color--text--spectrum-red--strong: var(--smar--com--color--red--600);
  --smar--com--color--text--spectrum-red--default: var(--smar--com--color--red--800);
  --smar--com--color--text--spectrum-pink--strong: var(--smar--com--color--pink--600);
  --smar--com--color--text--spectrum-pink--default: var(--smar--com--color--pink--800);
  --smar--com--color--text--spectrum-orchid--strong: var(--smar--com--color--orchid--600);
  --smar--com--color--text--spectrum-orchid--default: var(--smar--com--color--orchid--800);
  --smar--com--color--text--spectrum-orange--strong: var(--smar--com--color--orange--600);
  --smar--com--color--text--spectrum-orange--default: var(--smar--com--color--orange--800);
  --smar--com--color--text--spectrum-neutral--strong: var(--smar--com--color--neutral--700);
  --smar--com--color--text--spectrum-neutral--default: var(--smar--com--color--neutral--800);
  --smar--com--color--text--spectrum-green--strong: var(--smar--com--color--green--600);
  --smar--com--color--text--spectrum-green--default: var(--smar--com--color--green--800);
  --smar--com--color--text--spectrum-blue--strong: var(--smar--com--color--blue--600);
  --smar--com--color--text--spectrum-blue--default: var(--smar--com--color--blue--800);
  --smar--com--color--text--spectrum-azure--strong: var(--smar--com--color--azure--600);
  --smar--com--color--text--spectrum-azure--default: var(--smar--com--color--azure--800);
  --smar--com--color--text--error--default: var(--smar--com--color--red--50);
  --smar--com--color--text--error--weak: var(--smar--com--color--red--300);
  --smar--com--color--text--warning--default: var(--smar--com--color--yellow--50);
  --smar--com--color--text--warning--weak: var(--smar--com--color--yellow--200);
  --smar--com--color--text--info--default: var(--smar--com--color--azure--50);
  --smar--com--color--text--info--weak: var(--smar--com--color--azure--400);
  --smar--com--color--text--success--default: var(--smar--com--color--green--50);
  --smar--com--color--text--success--weak: var(--smar--com--color--green--300);
  --smar--com--color--text--destructive--strongest: var(--smar--com--color--red--75);
  --smar--com--color--text--destructive--stronger: var(--smar--com--color--red--100);
  --smar--com--color--text--destructive--strong: var(--smar--com--color--red--200);
  --smar--com--color--text--destructive--default: var(--smar--com--color--red--300);
  --smar--com--color--text--destructive--weak: var(--smar--com--color--red--400);
  --smar--com--color--text--destructive--weaker: var(--smar--com--color--red--500);
  --smar--com--color--text--destructive--weakest: var(--smar--com--color--red--600);
  --smar--com--color--text--primary--strongest: var(--smar--com--color--blue--75);
  --smar--com--color--text--primary--stronger: var(--smar--com--color--blue--100);
  --smar--com--color--text--primary--strong: var(--smar--com--color--blue--200);
  --smar--com--color--text--primary--default: var(--smar--com--color--blue--300);
  --smar--com--color--text--primary--weak: var(--smar--com--color--blue--400);
  --smar--com--color--text--primary--weaker: var(--smar--com--color--blue--500);
  --smar--com--color--text--primary--weakest: var(--smar--com--color--blue--600);
  --smar--com--color--text--neutral-inverse--strong: var(--smar--com--color--neutral--00);
  --smar--com--color--text--neutral-inverse--default: var(--smar--com--color--neutral--75);
  --smar--com--color--text--neutral-inverse--weak: var(--smar--com--color--neutral--200);
  --smar--com--color--text--ai--default: var(--smar--com--color--violet--300);
  --smar--com--color--text--neutral--strong: var(--smar--com--color--neutral--00);
  --smar--com--color--text--neutral--default: var(--smar--com--color--neutral--50);
  --smar--com--color--text--neutral--weak: var(--smar--com--color--neutral--100);
  --smar--com--color--text--neutral--weaker: var(--smar--com--color--neutral--200);
  --smar--com--color--text--neutral--weakest: var(--smar--com--color--neutral--300);
  --smar--com--color--text--spectrum-slate--strong: var(--smar--com--color--neutral--600);
  --smar--com--color--text--spectrum-slate--default: var(--smar--com--color--neutral--800);
  --smar--com--color--text--spectrum-aqua--strong: var(--smar--com--color--teal--600);
  --smar--com--color--text--spectrum-aqua--default: var(--smar--com--color--teal--800);
  --smar--com--color--text--spectrum-mint--strong: var(--smar--com--color--green--600);
  --smar--com--color--text--spectrum-mint--default: var(--smar--com--color--green--800);
  --smar--com--color--text--spectrum-gold--strong: var(--smar--com--color--yellow--600);
  --smar--com--color--text--spectrum-gold--default: var(--smar--com--color--yellow--800);
  --smar--com--color--text--spectrum-indigo--weak: var(--smar--com--color--violet--600);
  --smar--com--color--text--spectrum-indigo--strong: var(--smar--com--color--violet--600);
  --smar--com--color--text--spectrum-indigo--default: var(--smar--com--color--violet--800);
  --smar--com--color--text--spectrum-rose--strong: var(--smar--com--color--pink--600);
  --smar--com--color--text--spectrum-rose--default: var(--smar--com--color--pink--800);
  --smar--com--color--border--formula-reference--default: var(--smar--com--color--green--300);
  --smar--com--color--border--formula-reference--weak: var(--smar--com--color--green--75);
  --smar--com--color--border--spectrum-neutral--default: var(--smar--com--color--neutral--300);
  --smar--com--color--border--spectrum-pink--default: var(--smar--com--color--pink--300);
  --smar--com--color--border--spectrum-orchid--default: var(--smar--com--color--orchid--300);
  --smar--com--color--border--spectrum-violet--default: var(--smar--com--color--violet--300);
  --smar--com--color--border--spectrum-blue--default: var(--smar--com--color--blue--300);
  --smar--com--color--border--spectrum-azure--default: var(--smar--com--color--azure--300);
  --smar--com--color--border--spectrum-teal--default: var(--smar--com--color--teal--300);
  --smar--com--color--border--spectrum-green--default: var(--smar--com--color--green--300);
  --smar--com--color--border--spectrum-yellow--default: var(--smar--com--color--yellow--300);
  --smar--com--color--border--spectrum-orange--default: var(--smar--com--color--orange--300);
  --smar--com--color--border--spectrum-red--default: var(--smar--com--color--red--300);
  --smar--com--color--border--error--default: var(--smar--com--color--red--300);
  --smar--com--color--border--warning--default: var(--smar--com--color--yellow--300);
  --smar--com--color--border--success--default: var(--smar--com--color--green--300);
  --smar--com--color--border--destructive--default: var(--smar--com--color--red--300);
  --smar--com--color--border--destructive--weak: var(--smar--com--color--red--400);
  --smar--com--color--border--destructive--weaker: var(--smar--com--color--red--500);
  --smar--com--color--border--destructive--weakest: var(--smar--com--color--red--600);
  --smar--com--color--border--primary--weak: var(--smar--com--color--blue--500);
  --smar--com--color--border--primary--default: var(--smar--com--color--blue--400);
  --smar--com--color--border--primary--weaker: var(--smar--com--color--blue--600);
  --smar--com--color--border--primary--weakest: var(--smar--com--color--blue--700);
  --smar--com--color--border--neutral--weakest: var(--smar--com--color--neutral--700);
  --smar--com--color--border--neutral--weaker: var(--smar--com--color--neutral--500);
  --smar--com--color--border--neutral--weak: var(--smar--com--color--neutral--400);
  --smar--com--color--border--neutral--default: var(--smar--com--color--neutral--300);
  --smar--com--color--border--neutral--strong: var(--smar--com--color--neutral--200);
  --smar--com--color--border--neutral--stronger: var(--smar--com--color--neutral--100);
  --smar--com--color--border--neutral--strongest: var(--smar--com--color--neutral--75);
  --smar--com--color--border--surfaces--focus: var(--smar--com--color--blue--400);
  --smar--com--color--border--spectrum-slate--default: var(--smar--com--color--neutral--300);
  --smar--com--color--border--spectrum-aqua--default: var(--smar--com--color--teal--300);
  --smar--com--color--border--spectrum-mint--default: var(--smar--com--color--green--300);
  --smar--com--color--border--spectrum-gold--default: var(--smar--com--color--yellow--300);
  --smar--com--color--border--spectrum-indigo--default: var(--smar--com--color--violet--300);
  --smar--com--color--border--spectrum-rose--default: var(--smar--com--color--pink--300);
  --sds--tooltip--text-color: var(--smar--com--color--text--neutral--strong);
  --sds--symbol--background-color--yellow--hover: var(--smar--com--color--background--spectrum-yellow--weaker);
  --sds--symbol--background-color--yellow--default: var(--smar--com--color--background--spectrum-yellow--default);
  --sds--hotkey--joiner-color: var(--smar--com--color--text--neutral--weakest);
  --sds--hotkey--text-color: var(--smar--com--color--text--neutral--weak);
  --sds--hotkey--border-color: var(--smar--com--color--border--neutral--weaker);
  --sds--hotkey--background-color: var(--smar--com--color--background--neutral--weakest);
  --smar--com--color--icons--spectrum-neutral--default: var(--smar--com--color--text--spectrum-neutral--strong);
  --smar--com--color--icons--spectrum-pink--default: var(--smar--com--color--text--spectrum-pink--default);
  --smar--com--color--icons--spectrum-orchid--default: var(--smar--com--color--text--spectrum-orchid--default);
  --smar--com--color--icons--spectrum-violet--default: var(--smar--com--color--text--spectrum-violet--default);
  --smar--com--color--icons--spectrum-blue--default: var(--smar--com--color--text--spectrum-blue--default);
  --smar--com--color--icons--spectrum-azure--default: var(--smar--com--color--text--spectrum-azure--default);
  --smar--com--color--icons--spectrum-teal--default: var(--smar--com--color--text--spectrum-teal--default);
  --smar--com--color--icons--spectrum-green--default: var(--smar--com--color--text--spectrum-green--default);
  --smar--com--color--icons--spectrum-yellow--default: var(--smar--com--color--text--spectrum-yellow--default);
  --smar--com--color--icons--spectrum-orange--default: var(--smar--com--color--text--spectrum-orange--default);
  --smar--com--color--icons--spectrum-red--default: var(--smar--com--color--text--spectrum-red--default);
  --smar--com--color--icons--slate--weakest: var(--smar--com--color--icons--neutral--weakest);
  --smar--com--color--icons--slate--weaker: var(--smar--com--color--icons--neutral--weaker);
  --smar--com--color--icons--slate--weak: var(--smar--com--color--icons--neutral--weak);
  --smar--com--color--icons--slate--default: var(--smar--com--color--icons--neutral--default);
  --smar--com--color--icons--slate--strong: var(--smar--com--color--icons--neutral--strong);
  --smar--com--color--icons--slate--stronger: var(--smar--com--color--icons--neutral--stronger);
  --smar--com--color--icons--slate--strongest: var(--smar--com--color--icons--neutral--strongest);
  --smar--com--color--background--slate--weakest: var(--smar--com--color--background--neutral--weakest);
  --smar--com--color--background--slate--weaker: var(--smar--com--color--background--neutral--weaker);
  --smar--com--color--background--slate--weak: var(--smar--com--color--background--neutral--weak);
  --smar--com--color--background--slate--default: var(--smar--com--color--background--neutral--default);
  --smar--com--color--background--slate--strong: var(--smar--com--color--background--neutral--strong);
  --smar--com--color--background--slate--stronger: var(--smar--com--color--background--neutral--stronger);
  --smar--com--color--background--slate--strongest: var(--smar--com--color--background--neutral--strongest);
  --smar--com--color--text--neutral--stronger: var(--smar--com--color--text--neutral--strong);
  --smar--com--color--text--slate--weakest: var(--smar--com--color--text--neutral--weakest);
  --smar--com--color--text--slate--weaker: var(--smar--com--color--text--neutral--weaker);
  --smar--com--color--text--slate--weak: var(--smar--com--color--text--neutral--weak);
  --smar--com--color--text--slate--default: var(--smar--com--color--text--neutral--default);
  --smar--com--color--text--slate--strong: var(--smar--com--color--text--neutral--strong);
  --smar--com--color--border--surfaces--stage: var(--smar--com--color--background--surfaces--stage);
  --smar--com--color--border--surfaces--canvas: var(--smar--com--color--background--surfaces--canvas);
  --smar--com--color--border--surfaces--work: var(--smar--com--color--background--surfaces--body);
  --smar--com--color--border--surfaces--body: var(--smar--com--color--background--surfaces--body);
  --smar--com--color--border--slate--weakest: var(--smar--com--color--border--neutral--weakest);
  --smar--com--color--border--slate--weaker: var(--smar--com--color--border--neutral--weaker);
  --smar--com--color--border--slate--weak: var(--smar--com--color--border--neutral--weak);
  --smar--com--color--border--slate--default: var(--smar--com--color--border--neutral--default);
  --smar--com--color--border--slate--strong: var(--smar--com--color--border--neutral--strong);
  --smar--com--color--border--slate--stronger: var(--smar--com--color--border--neutral--stronger);
  --smar--com--color--border--slate--strongest: var(--smar--com--color--border--neutral--strongest);
}

@media (max-width: 1024px) { 
    .ursa, .lodestar {
        --smar--com--responsive--spacing-1: 0px;
        --smar--com--responsive--spacing-2: 1px;
        --smar--com--responsive--spacing-3: 4px;
        --smar--com--responsive--spacing-4: 8px;
        --smar--com--responsive--spacing-5: 8px;
        --smar--com--responsive--spacing-6: 12px;
        --smar--com--responsive--spacing-7: 12px;
        --smar--com--responsive--spacing-8: 16px;
        --smar--com--responsive--spacing-9: 16px;
        --smar--com--responsive--spacing-10: 20px;
        --smar--com--responsive--spacing-11: 20px;
        --smar--com--responsive--spacing-12: 24px;
        --smar--com--responsive--spacing-13: 20px;
        --smar--com--responsive--spacing-14: 24px;
        --smar--com--responsive--spacing-15: 28px;
        --smar--com--responsive--spacing-16: 24px;
        --smar--com--responsive--spacing-17: 28px;
        --smar--com--responsive--spacing-18: 32px;
        --smar--com--responsive--spacing-19: 36px;
        --smar--com--responsive--spacing-20: 32px;
        --smar--com--responsive--spacing-21: 36px;
        --smar--com--responsive--spacing-22: 36px;
        --smar--com--responsive--spacing-23: 42px
    }
}
@media (min-width: 1025px) and (max-width: 1600px) { 
    .ursa, .lodestar {
        --smar--com--responsive--spacing-1: 0px;
        --smar--com--responsive--spacing-2: 1px;
        --smar--com--responsive--spacing-3: 4px;
        --smar--com--responsive--spacing-4: 8px;
        --smar--com--responsive--spacing-5: 8px;
        --smar--com--responsive--spacing-6: 12px;
        --smar--com--responsive--spacing-7: 12px;
        --smar--com--responsive--spacing-8: 16px;
        --smar--com--responsive--spacing-9: 16px;
        --smar--com--responsive--spacing-10: 20px;
        --smar--com--responsive--spacing-11: 20px;
        --smar--com--responsive--spacing-12: 24px;
        --smar--com--responsive--spacing-13: 20px;
        --smar--com--responsive--spacing-14: 24px;
        --smar--com--responsive--spacing-15: 28px;
        --smar--com--responsive--spacing-16: 24px;
        --smar--com--responsive--spacing-17: 28px;
        --smar--com--responsive--spacing-18: 32px;
        --smar--com--responsive--spacing-19: 36px;
        --smar--com--responsive--spacing-20: 32px;
        --smar--com--responsive--spacing-21: 36px;
        --smar--com--responsive--spacing-22: 36px;
        --smar--com--responsive--spacing-23: 42px
    }
}
@media (min-width: 1601px) and (max-width: 2239px) { 
    .ursa, .lodestar {
        --smar--com--responsive--spacing-1: 4px;
        --smar--com--responsive--spacing-2: 4px;
        --smar--com--responsive--spacing-3: 8px;
        --smar--com--responsive--spacing-4: 12px;
        --smar--com--responsive--spacing-5: 16px;
        --smar--com--responsive--spacing-6: 16px;
        --smar--com--responsive--spacing-7: 20px;
        --smar--com--responsive--spacing-8: 20px;
        --smar--com--responsive--spacing-9: 24px;
        --smar--com--responsive--spacing-10: 24px;
        --smar--com--responsive--spacing-11: 28px;
        --smar--com--responsive--spacing-12: 28px;
        --smar--com--responsive--spacing-13: 32px;
        --smar--com--responsive--spacing-14: 32px;
        --smar--com--responsive--spacing-15: 32px;
        --smar--com--responsive--spacing-16: 36px;
        --smar--com--responsive--spacing-17: 36px;
        --smar--com--responsive--spacing-18: 40px;
        --smar--com--responsive--spacing-19: 40px;
        --smar--com--responsive--spacing-20: 44px;
        --smar--com--responsive--spacing-21: 44px;
        --smar--com--responsive--spacing-22: 48px;
        --smar--com--responsive--spacing-23: 48px
    }
}
@media (min-width: 2240px) { 
    .ursa, .lodestar {
        --smar--com--responsive--spacing-1: 4px;
        --smar--com--responsive--spacing-2: 4px;
        --smar--com--responsive--spacing-3: 8px;
        --smar--com--responsive--spacing-4: 12px;
        --smar--com--responsive--spacing-5: 16px;
        --smar--com--responsive--spacing-6: 16px;
        --smar--com--responsive--spacing-7: 20px;
        --smar--com--responsive--spacing-8: 20px;
        --smar--com--responsive--spacing-9: 24px;
        --smar--com--responsive--spacing-10: 24px;
        --smar--com--responsive--spacing-11: 28px;
        --smar--com--responsive--spacing-12: 28px;
        --smar--com--responsive--spacing-13: 32px;
        --smar--com--responsive--spacing-14: 32px;
        --smar--com--responsive--spacing-15: 32px;
        --smar--com--responsive--spacing-16: 36px;
        --smar--com--responsive--spacing-17: 36px;
        --smar--com--responsive--spacing-18: 40px;
        --smar--com--responsive--spacing-19: 40px;
        --smar--com--responsive--spacing-20: 44px;
        --smar--com--responsive--spacing-21: 44px;
        --smar--com--responsive--spacing-22: 48px;
        --smar--com--responsive--spacing-23: 48px
    }
}
@media (max-width: 1600px) { 
    .ursa, .lodestar {
        --smar--com--typography--res-1: 700 28px/36px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-2: 700 24px/30px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-3: 700 20px/24px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-4: 700 17px/20px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-5: 700 15px/19px var(--smar--com--font-family--inter)
    }
}
@media (min-width: 1601px) { 
    .ursa, .lodestar {
        --smar--com--typography--res-1: 700 38px/48px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-2: 700 28px/34px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-3: 700 24px/30px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-4: 700 20px/24px var(--smar--com--font-family--tt-norms-pro);
        --smar--com--typography--res-5: 700 16px/20px var(--smar--com--font-family--inter)
    }
}

/*
 * Usage:
 *
 * html {
 *     font-family: 'Inter', ...;
 * }
 *
 * @supports (font-variation-settings: normal) {
 *     html {
 *        font-family: 'Inter var', ...;
 *     }
 * }
 */

/*
 * Variable font.
 */
@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: "Regular";
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-roman.var.ba4caefc..woff2) format("woff2");
}
@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance: "Italic";
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-italic.var.30807be7..woff2) format("woff2");
}

/*
 * Non-variable font-faces for IE11 or other browsers that don't support them.
 */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Thin.fff2a096..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Thin.29b9c616..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ThinItalic.bf213704..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ThinItalic.bae95eb2..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraLight.72505e6a..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraLight.c4248615..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraLightItalic.5c7d7d6d..woff2) format("woff2"),
        url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraLightItalic.170dddfc..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Light.2d519882..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Light.994e3445..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-LightItalic.f8695226..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-LightItalic.ef9f65d9..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Regular.c8ba52b0..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Regular.8c206db9..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Italic.cb10ffd7..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Italic.890025e7..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Medium.293fd13d..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Medium.9053572c..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-MediumItalic.085cb93e..woff2) format("woff2"),
        url(/https/app.smartsheet.com/dynamicview/static/media/Inter-MediumItalic.3d0107dd..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-SemiBold.b5f0f109..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-SemiBold.cca62d21..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-SemiBoldItalic.d9467ee3..woff2) format("woff2"),
        url(/https/app.smartsheet.com/dynamicview/static/media/Inter-SemiBoldItalic.463bdbfb..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Bold.ec64ea57..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Bold.93c1301b..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-BoldItalic.2d26c56a..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-BoldItalic.b3768850..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraBold.cbe0ae49..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraBold.d0fa3bb2..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraBoldItalic.535a6cf6..woff2) format("woff2"),
        url(/https/app.smartsheet.com/dynamicview/static/media/Inter-ExtraBoldItalic.6ab17abe..woff) format("woff");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Black.15ca31c0..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-Black.c6938660..woff) format("woff");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/Inter-BlackItalic.cb2a7335..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/Inter-BlackItalic.ca1e738e..woff) format("woff");
}

/*
 * Usage:
 *
 * html {
 *     font-family: 'TT Norms Pro var', ...;
 * }
 *
 * @supports (font-variation-settings: normal) {
 *     html {
 *        font-family: 'TT Norms Pro var', ...;
 *     }
 * }
 */

/*
 * Variable font. Please use this one when you can and save our users some bandwidth! All our
 * supported browsers support variable fonts.
 */
@font-face {
    font-family: "TT Norms Pro var";
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/TT_Norms_Pro_Var_Roman.71f8612d..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/TT_Norms_Pro_Var_Roman.ef7affee..woff) format("woff");
}

@font-face {
    font-family: "TT Norms Pro var";
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    src: url(/https/app.smartsheet.com/dynamicview/static/media/TT_Norms_Pro_Var_Italic.eb73a5f8..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/TT_Norms_Pro_Var_Italic.95fd5dc2..woff) format("woff");
}

/* 
 * TODO leaving this here for backwards-compatibility. Remove this in a major release.
 * We originally only had the bold version here so we named it TT Norms Pro Bold.
 * Now that we're using more of the weights here, we'll split it into 2 fonts:
 *   - TT Norms Pro
 *   - TT Norms Pro var (variable font)
 */
@font-face {
    font-family: "TT Norms Pro Bold";
    /* For now, this will directly use the 700 weight font file. */
    src: url(/https/app.smartsheet.com/dynamicview/static/media/TT_Norms_Pro_Bold.db0a192a..woff2) format("woff2"), url(/https/app.smartsheet.com/dynamicview/static/media/TT_Norms_Pro_Bold.b76d0254..woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

/**
 * Main CSS file for all font imports in lodestar-core.
 */