@charset "UTF-8";
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: #a9afb5;
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm {
  font-size: 0.875rem;
}
.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-group {
  margin-bottom: 1rem;
}
.sidebar-sm .form-control {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  min-height: auto;
  padding: 0.25rem 0.75rem;
}
.sidebar-sm .form-control.form-control-tag-group {
  height: auto;
}
.sidebar-sm .form-control.form-control-tag-group .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .form-control.form-control-tag-group .label {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 0.25rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm select.form-control {
  padding-right: 1.6rem;
}
.sidebar-sm select.form-control:not([size]) {
  height: 2rem;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled) {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding: 0.4375rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled).close {
  padding: 0.4375rem;
}
.sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
  height: 2rem;
  padding: 0.1875rem 0;
  width: 2rem;
}
.sidebar-sm .btn.btn-monospaced.input-localized-trigger, .sidebar-sm .btn.btn-monospaced.btn-sm.input-localized-trigger {
  padding: 0;
}
.sidebar-sm .input-group-item .input-group-text {
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sidebar-sm .input-group-item .btn .btn-section {
  font-size: 0.5625rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #e5e7e9;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #92e5a5;
  border-color: #69db83;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #6c757d;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #6c757d;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: #bd2130;
  color: #bd2130;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(100vh - 49px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 49px;
  transform: translateX(100%);
  transition: transform ease 0.5s;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
}
body.has-control-menu .contextual-sidebar {
  height: calc(100vh - 98px);
  top: 98px;
}

@media (min-width: 576px) {
  .contextual-sidebar {
    height: calc(100vh - 64px);
    top: 64px;
  }
  body.has-control-menu .contextual-sidebar {
    height: calc(
				100vh - 120px
			);
    top: 120px;
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(/o/mpa-internet-lf7_4-ce-theme/images/states/empty_state.gif);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/mpa-internet-lf7_4-ce-theme/images/states/search_state.gif);
  max-width: 210px;
  padding-top: 232px;
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/mpa-internet-lf7_4-ce-theme/images/states/empty_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(/o/mpa-internet-lf7_4-ce-theme/images/states/success_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(/o/mpa-internet-lf7_4-ce-theme/images/states/search_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn):focus, .lfr-search-container-wrapper a:not(.component-action):not(.btn):hover {
  color: #000;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #343a40;
  font-weight: 600;
}
.user-info .date-info {
  color: #6c757d;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .management-bar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #272833;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: -0.0625rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -0.0625rem;
  content: "";
  height: 0;
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-open .modal {
  display: block;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4a97f2;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #e87523;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fb625b;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4fa488;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fe4fb5;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #879b7a;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #bf8c2a;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5f9bc7;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-options-dropdown {
  z-index: 1035;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}
.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem;
}

/* ABSTRACT */
/* EXEMPLO DE USO: @include transform(translate(12px, 50%)); */
/* EXEMPLO DE USO: @include make-blur(15px); */
/* EXEMPLO DE USO: @include text-truncate(2); */
/* EXEMPLO DE USO: @include make-center(); */
/* EXEMPLO DE USO: @include background-opacity(var(--branco), 0.8); */
/* EXEMPLO DE USO: @include make-bootstrap-icon("\f52a"); */
html:not(#__):not(#___) .cadmin .modal,
html:not(#__):not(#___) .cadmin.modal {
  z-index: var(--z-index-layer-2);
}

body {
  --header-height: 170px;
}
body.has-control-menu {
  --header-height: 210px;
}
body.has-control-menu:has(.control-menu-container) {
  --header-height: 258px;
}
body:has(.control-menu-container) {
  --header-height: 218px;
}

.c-h-full {
  height: calc(100vh - var(--header-height));
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: var(--font-line-height-medium);
  margin: 0;
}

a:hover {
  text-decoration: none !important;
}

b,
strong {
  font-weight: 600;
}

mark {
  background-color: var(--red-vivid-10);
  box-shadow: none;
  padding: 0 0 3px 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  appearance: button;
}

[disabled],
.disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

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

[type=search] {
  appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  appearance: none;
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

.c-aspect-ratio {
  padding-bottom: 58.57%;
}

@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --white: #ffffff;
  --blue-logo: #2E3192;
  --blue-90: #11181d;
  --blue-80: #1f303e;
  --blue-70: #274863;
  --blue-60: #2c608a;
  --blue-50: #2378c3;
  --blue-40: #4f97d1;
  --blue-30: #73b3e7;
  --blue-20: #aacdec;
  --blue-10: #dbe8fb;
  --blue-5: #eff6fb;
  --blue-cool-90: #0f191c;
  --blue-cool-80: #14333d;
  --blue-cool-70: #224a58;
  --blue-cool-60: #2e6276;
  --blue-cool-50: #3a7d95;
  --blue-cool-40: #6499af;
  --blue-cool-30: #82b4c9;
  --blue-cool-20: #adcfdc;
  --blue-cool-10: #dae9ee;
  --blue-cool-5: #e7f2f5;
  --blue-warm-90: #13171f;
  --blue-warm-80: #252f3e;
  --blue-warm-70: #2f4668;
  --blue-warm-60: #345d96;
  --blue-warm-50: #4a77b4;
  --blue-warm-40: #7292c7;
  --blue-warm-30: #98afd2;
  --blue-warm-20: #c5d4eb;
  --blue-warm-10: #e1e7f1;
  --blue-warm-5: #ecf1f7;
  --blue-vivid-80: #112f4e;
  --blue-vivid-70: #0b4778;
  --blue-vivid-60: #005ea2;
  --blue-vivid-50: #0076d6;
  --blue-vivid-40: #2491ff;
  --blue-vivid-30: #58b4ff;
  --blue-vivid-20: #a1d3ff;
  --blue-vivid-10: #cfe8ff;
  --blue-vivid-5: #e8f5ff;
  --blue-cool-vivid-80: #002d3f;
  --blue-cool-vivid-70: #074b69;
  --blue-cool-vivid-60: #07648d;
  --blue-cool-vivid-50: #0d7ea2;
  --blue-cool-vivid-40: #28a0cb;
  --blue-cool-vivid-30: #59b9de;
  --blue-cool-vivid-20: #97d4ea;
  --blue-cool-vivid-10: #c3ebfa;
  --blue-cool-vivid-5: #e1f3f8;
  --blue-warm-vivid-90: #071d41;
  --blue-warm-vivid-80: #0c326f;
  --blue-warm-vivid-70: #1351b4;
  --blue-warm-vivid-60: #155bcb;
  --blue-warm-vivid-50: #2670e8;
  --blue-warm-vivid-40: #5992ed;
  --blue-warm-vivid-30: #81aefc;
  --blue-warm-vivid-20: #adcdff;
  --blue-warm-vivid-10: #d4e5ff;
  --blue-warm-vivid-5: #edf5ff;
  --cyan-90: #111819;
  --cyan-80: #203133;
  --cyan-70: #2c4a4e;
  --cyan-60: #2a646d;
  --cyan-50: #168092;
  --cyan-40: #449dac;
  --cyan-30: #5dc0d1;
  --cyan-20: #99deea;
  --cyan-10: #ccecf2;
  --cyan-5: #e7f6f8;
  --cyan-vivid-80: #093b44;
  --cyan-vivid-70: #0e4f5c;
  --cyan-vivid-60: #00687d;
  --cyan-vivid-50: #0081a1;
  --cyan-vivid-40: #009ec1;
  --cyan-vivid-30: #00bde3;
  --cyan-vivid-20: #52daf2;
  --cyan-vivid-10: #a8f2ff;
  --cyan-vivid-5: #e5faff;
  --gold-90: #191714;
  --gold-80: #322d26;
  --gold-70: #4d4438;
  --gold-60: #6b5947;
  --gold-50: #8e704f;
  --gold-40: #ad8b65;
  --gold-30: #c7a97b;
  --gold-20: #dec69a;
  --gold-10: #f1e5cd;
  --gold-5: #f5f0e6;
  --gold-vivid-80: #3b2b15;
  --gold-vivid-70: #5c410a;
  --gold-vivid-60: #7a591a;
  --gold-vivid-50: #936f38;
  --gold-vivid-40: #c2850c;
  --gold-vivid-30: #e5a000;
  --gold-vivid-20: #ffbe2e;
  --gold-vivid-10: #ffe396;
  --gold-vivid-5: #fef0c8;
  --gray-90: #1b1b1b;
  --gray-80: #333;
  --gray-70: #555;
  --gray-60: #636363;
  --gray-50: #757575;
  --gray-40: #888;
  --gray-30: #adadad;
  --gray-20: #ccc;
  --gray-10: #e6e6e6;
  --gray-5: #f0f0f0;
  --gray-4: #f3f3f3;
  --gray-3: #f6f6f6;
  --gray-2: #f8f8f8;
  --gray-1: #fcfcfc;
  --gray-cool-90: #1c1d1f;
  --gray-cool-80: #2d2e2f;
  --gray-cool-70: #3d4551;
  --gray-cool-60: #565c65;
  --gray-cool-50: #71767a;
  --gray-cool-40: #8d9297;
  --gray-cool-30: #a9aeb1;
  --gray-cool-20: #c6cace;
  --gray-cool-10: #dfe1e2;
  --gray-cool-5: #edeff0;
  --gray-cool-4: #f1f3f6;
  --gray-cool-3: #f5f6f7;
  --gray-cool-2: #f7f9fa;
  --gray-cool-1: #fbfcfd;
  --gray-warm-90: #171716;
  --gray-warm-80: #2e2e2a;
  --gray-warm-70: #454540;
  --gray-warm-60: #5d5d52;
  --gray-warm-50: #76766a;
  --gray-warm-40: #929285;
  --gray-warm-30: #afaea2;
  --gray-warm-20: #cac9c0;
  --gray-warm-10: #e6e6e2;
  --gray-warm-5: #f0f0ec;
  --gray-warm-4: #f5f5f0;
  --gray-warm-3: #f6f6f2;
  --gray-warm-2: #f9f9f7;
  --gray-warm-1: #fcfcfb;
  --green-90: #161814;
  --green-80: #293021;
  --green-70: #3c4a29;
  --green-60: #4c6424;
  --green-50: #607f35;
  --green-40: #7d9b4e;
  --green-30: #9bb672;
  --green-20: #b8d293;
  --green-10: #dfeacd;
  --green-5: #eaf4dd;
  --green-cool-90: #1a1f1a;
  --green-cool-80: #28312a;
  --green-cool-70: #37493b;
  --green-cool-60: #446443;
  --green-cool-50: #4d8055;
  --green-cool-40: #5e9f69;
  --green-cool-30: #86b98e;
  --green-cool-20: #b4d0b9;
  --green-cool-10: #dbebde;
  --green-cool-5: #ecf3ec;
  --green-warm-90: #171712;
  --green-warm-80: #2d2f21;
  --green-warm-70: #45472f;
  --green-warm-60: #5a5f38;
  --green-warm-50: #6f7a41;
  --green-warm-40: #8a984b;
  --green-warm-30: #a6b557;
  --green-warm-20: #cbd17a;
  --green-warm-10: #e7eab7;
  --green-warm-5: #f1f4d7;
  --green-vivid-80: #243413;
  --green-vivid-70: #2f4a0b;
  --green-vivid-60: #466c04;
  --green-vivid-50: #538200;
  --green-vivid-40: #719f2a;
  --green-vivid-30: #7fb135;
  --green-vivid-20: #98d035;
  --green-vivid-10: #c5ee93;
  --green-vivid-5: #ddf9c7;
  --green-cool-vivid-80: #19311e;
  --green-cool-vivid-70: #154c21;
  --green-cool-vivid-60: #216e1f;
  --green-cool-vivid-50: #168821;
  --green-cool-vivid-40: #00a91c;
  --green-cool-vivid-30: #21c834;
  --green-cool-vivid-20: #70e17b;
  --green-cool-vivid-10: #b7f5bd;
  --green-cool-vivid-5: #e3f5e1;
  --green-warm-vivid-80: #38380b;
  --green-warm-vivid-70: #4b4e10;
  --green-warm-vivid-60: #5a6613;
  --green-warm-vivid-50: #6a7d00;
  --green-warm-vivid-40: #7e9c1d;
  --green-warm-vivid-30: #a3b72c;
  --green-warm-vivid-20: #c5d30a;
  --green-warm-vivid-10: #e7f434;
  --green-warm-vivid-5: #f5fbc1;
  --indigo-90: #16171f;
  --indigo-80: #2b2c40;
  --indigo-70: #3d4076;
  --indigo-60: #4d52af;
  --indigo-50: #676cc8;
  --indigo-40: #8889db;
  --indigo-30: #a5a8eb;
  --indigo-20: #c5c5f3;
  --indigo-10: #e5e4fa;
  --indigo-5: #efeff8;
  --indigo-cool-90: #151622;
  --indigo-cool-80: #292d42;
  --indigo-cool-70: #374274;
  --indigo-cool-60: #3f57a6;
  --indigo-cool-50: #496fd8;
  --indigo-cool-40: #6b8ee8;
  --indigo-cool-30: #96abee;
  --indigo-cool-20: #bbc8f5;
  --indigo-cool-10: #e1e6f9;
  --indigo-cool-5: #eef0f9;
  --indigo-warm-90: #18161d;
  --indigo-warm-80: #2e2c40;
  --indigo-warm-70: #453c7b;
  --indigo-warm-60: #5e519e;
  --indigo-warm-50: #7665d1;
  --indigo-warm-40: #9287d8;
  --indigo-warm-30: #afa5e8;
  --indigo-warm-20: #cbc4f2;
  --indigo-warm-10: #e7e3fa;
  --indigo-warm-5: #f1eff7;
  --indigo-vivid-80: #212463;
  --indigo-vivid-70: #3333a3;
  --indigo-vivid-60: #4a50c4;
  --indigo-vivid-50: #656bd7;
  --indigo-vivid-40: #8289ff;
  --indigo-vivid-30: #a3a7fa;
  --indigo-vivid-20: #ccceff;
  --indigo-vivid-10: #e0e0ff;
  --indigo-vivid-5: #f0f0ff;
  --indigo-cool-vivid-80: #1b2b85;
  --indigo-cool-vivid-70: #222fbf;
  --indigo-cool-vivid-60: #3e4ded;
  --indigo-cool-vivid-50: #4866ff;
  --indigo-cool-vivid-40: #628ef4;
  --indigo-cool-vivid-30: #94adff;
  --indigo-cool-vivid-20: #b8c8ff;
  --indigo-cool-vivid-10: #dee5ff;
  --indigo-cool-vivid-5: #edf0ff;
  --indigo-warm-vivid-80: #261f5b;
  --indigo-warm-vivid-70: #3d2c9d;
  --indigo-warm-vivid-60: #5942d2;
  --indigo-warm-vivid-50: #745fe9;
  --indigo-warm-vivid-40: #967efb;
  --indigo-warm-vivid-30: #b69fff;
  --indigo-warm-vivid-20: #cfc4fd;
  --indigo-warm-vivid-10: #e4deff;
  --indigo-warm-vivid-5: #f5f2ff;
  --magenta-90: #1b1617;
  --magenta-80: #402731;
  --magenta-70: #66364b;
  --magenta-60: #8b4566;
  --magenta-50: #c84281;
  --magenta-40: #e0699f;
  --magenta-30: #e895b3;
  --magenta-20: #f0bbcc;
  --magenta-10: #f6e1e8;
  --magenta-5: #f9f0f2;
  --magenta-vivid-80: #4f172e;
  --magenta-vivid-70: #731f44;
  --magenta-vivid-60: #ab2165;
  --magenta-vivid-50: #d72d79;
  --magenta-vivid-40: #fd4496;
  --magenta-vivid-30: #ff87b2;
  --magenta-vivid-20: #ffb4cf;
  --magenta-vivid-10: #ffddea;
  --magenta-vivid-5: #fff2f5;
  --mint-90: #0d1a12;
  --mint-80: #193324;
  --mint-70: #204e34;
  --mint-60: #286846;
  --mint-50: #2e8367;
  --mint-40: #34a37e;
  --mint-30: #5abf95;
  --mint-20: #92d9bb;
  --mint-10: #c7efe2;
  --mint-5: #dbf6ed;
  --mint-cool-90: #111818;
  --mint-cool-80: #203131;
  --mint-cool-70: #2a4b45;
  --mint-cool-60: #376462;
  --mint-cool-50: #40807e;
  --mint-cool-40: #4f9e99;
  --mint-cool-30: #6fbab3;
  --mint-cool-20: #9bd4cf;
  --mint-cool-10: #c4eeeb;
  --mint-cool-5: #e0f7f6;
  --mint-vivid-80: #0d351e;
  --mint-vivid-70: #0c4e29;
  --mint-vivid-60: #146947;
  --mint-vivid-50: #008659;
  --mint-vivid-40: #00a871;
  --mint-vivid-30: #04c585;
  --mint-vivid-20: #0ceda6;
  --mint-vivid-10: #83fcd4;
  --mint-vivid-5: #c9fbeb;
  --mint-cool-vivid-80: #123131;
  --mint-cool-vivid-70: #0b4b3f;
  --mint-cool-vivid-60: #0f6460;
  --mint-cool-vivid-50: #008480;
  --mint-cool-vivid-40: #36a191;
  --mint-cool-vivid-30: #1dc2ae;
  --mint-cool-vivid-20: #40e0d0;
  --mint-cool-vivid-10: #7efbe1;
  --mint-cool-vivid-5: #d5fbf3;
  --orange-90: #1b1614;
  --orange-80: #332d27;
  --orange-70: #524236;
  --orange-60: #775540;
  --orange-50: #a26739;
  --orange-40: #dd7533;
  --orange-30: #f09860;
  --orange-20: #f3bf90;
  --orange-10: #f2e4d4;
  --orange-5: #f6efe9;
  --orange-warm-90: #1c1615;
  --orange-warm-80: #3d2925;
  --orange-warm-70: #633a32;
  --orange-warm-60: #914734;
  --orange-warm-50: #bd5727;
  --orange-warm-40: #e17141;
  --orange-warm-30: #f3966d;
  --orange-warm-20: #f7bca2;
  --orange-warm-10: #fbe0d0;
  --orange-warm-5: #faeee5;
  --orange-vivid-80: #352313;
  --orange-vivid-70: #5f3617;
  --orange-vivid-60: #8c471c;
  --orange-vivid-50: #c05600;
  --orange-vivid-40: #e66f0e;
  --orange-vivid-30: #ff8c00;
  --orange-vivid-20: #ffbc78;
  --orange-vivid-10: #fce2c5;
  --orange-vivid-5: #fdf5e6;
  --orange-warm-vivid-80: #3d231d;
  --orange-warm-vivid-70: #782312;
  --orange-warm-vivid-60: #a72f10;
  --orange-warm-vivid-50: #cf4900;
  --orange-warm-vivid-40: #ff580a;
  --orange-warm-vivid-30: #fc906d;
  --orange-warm-vivid-20: #fbbaa7;
  --orange-warm-vivid-10: #ffe2d1;
  --orange-warm-vivid-5: #fff3ea;
  --pure-100: #000;
  --pure-0: #fff;
  --red-90: #1b1616;
  --red-80: #3e2927;
  --red-70: #6f3331;
  --red-60: #a23737;
  --red-50: #d83933;
  --red-40: #e9695f;
  --red-30: #f2938c;
  --red-20: #f7bbb1;
  --red-10: #f8e1de;
  --red-5: #f9eeee;
  --red-cool-90: #1e1517;
  --red-cool-80: #40282c;
  --red-cool-70: #68363f;
  --red-cool-60: #9e394b;
  --red-cool-50: #cd425b;
  --red-cool-40: #e16b80;
  --red-cool-30: #e09aa6;
  --red-cool-20: #ecbec6;
  --red-cool-10: #f3e1e4;
  --red-cool-5: #f8eff1;
  --red-warm-90: #1f1c18;
  --red-warm-80: #332d29;
  --red-warm-70: #524236;
  --red-warm-60: #805039;
  --red-warm-50: #c3512c;
  --red-warm-40: #d27a56;
  --red-warm-30: #dca081;
  --red-warm-20: #ecc0a7;
  --red-warm-10: #f4e3db;
  --red-warm-5: #f6efea;
  --red-vivid-80: #5c1111;
  --red-vivid-70: #8b0a03;
  --red-vivid-60: #b50909;
  --red-vivid-50: #e52207;
  --red-vivid-40: #fb5a47;
  --red-vivid-30: #ff8d7b;
  --red-vivid-20: #fdb8ae;
  --red-vivid-10: #fde0db;
  --red-vivid-5: #fff3f2;
  --red-cool-vivid-80: #4f1c24;
  --red-cool-vivid-70: #822133;
  --red-cool-vivid-60: #b21d38;
  --red-cool-vivid-50: #e41d3d;
  --red-cool-vivid-40: #f45d79;
  --red-cool-vivid-30: #fd8ba0;
  --red-cool-vivid-20: #f8b9c5;
  --red-cool-vivid-10: #f8dfe2;
  --red-cool-vivid-5: #fff2f5;
  --red-warm-vivid-80: #3e2a1e;
  --red-warm-vivid-70: #63340f;
  --red-warm-vivid-60: #9c3d10;
  --red-warm-vivid-50: #d54309;
  --red-warm-vivid-40: #ef5e25;
  --red-warm-vivid-30: #f39268;
  --red-warm-vivid-20: #f6bd9c;
  --red-warm-vivid-10: #fce1d4;
  --red-warm-vivid-5: #fff5ee;
  --violet-90: #18161d;
  --violet-80: #312b3f;
  --violet-70: #4c3d69;
  --violet-60: #665190;
  --violet-50: #8168b3;
  --violet-40: #9d84d2;
  --violet-30: #b8a2e3;
  --violet-20: #d0c3e9;
  --violet-10: #ebe3f9;
  --violet-5: #f4f1f9;
  --violet-warm-90: #1b151b;
  --violet-warm-80: #382936;
  --violet-warm-70: #5c395a;
  --violet-warm-60: #864381;
  --violet-warm-50: #b04abd;
  --violet-warm-40: #bf77c8;
  --violet-warm-30: #d29ad8;
  --violet-warm-20: #e2bee4;
  --violet-warm-10: #f6dff8;
  --violet-warm-5: #f8f0f9;
  --violet-vivid-80: #39215e;
  --violet-vivid-70: #54278f;
  --violet-vivid-60: #783cb9;
  --violet-vivid-50: #9355dc;
  --violet-vivid-40: #ad79e9;
  --violet-vivid-30: #c39deb;
  --violet-vivid-20: #d5bfff;
  --violet-vivid-10: #ede3ff;
  --violet-vivid-5: #f7f2ff;
  --violet-warm-vivid-80: #481441;
  --violet-warm-vivid-70: #711e6c;
  --violet-warm-vivid-60: #93348c;
  --violet-warm-vivid-50: #be32d0;
  --violet-warm-vivid-40: #d85bef;
  --violet-warm-vivid-30: #ee83ff;
  --violet-warm-vivid-20: #f4b2ff;
  --violet-warm-vivid-10: #fbdcff;
  --violet-warm-vivid-5: #fef2ff;
  --yellow-90: #1a1614;
  --yellow-80: #332d27;
  --yellow-70: #504332;
  --yellow-60: #6b5a39;
  --yellow-50: #8a7237;
  --yellow-40: #a88f48;
  --yellow-30: #c9ab48;
  --yellow-20: #e6c74c;
  --yellow-10: #f5e6af;
  --yellow-5: #faf3d1;
  --yellow-vivid-80: #422d19;
  --yellow-vivid-70: #5c4809;
  --yellow-vivid-60: #776017;
  --yellow-vivid-50: #947100;
  --yellow-vivid-40: #b38c00;
  --yellow-vivid-30: #ddaa01;
  --yellow-vivid-20: #ffcd07;
  --yellow-vivid-10: #fee685;
  --yellow-vivid-5: #fff5c2;
  --color-primary-pastel-01: #c5d4eb;
  --color-primary-pastel-02: #dbe8fb;
  --color-primary-lighten-01: #2670e8;
  --color-primary-lighten-02: #5992ed;
  --color-primary-default: #1351b4;
  --color-primary-darken-01: #0c326f;
  --color-primary-darken-02: #071d41;
  --color-secondary-01: #fff;
  --color-secondary-02: #f8f8f8;
  --color-secondary-03: #ededed;
  --color-secondary-04: #ccc;
  --color-secondary-05: #9e9d9d;
  --color-secondary-06: #888;
  --color-secondary-07: #555;
  --color-secondary-08: #333;
  --color-secondary-09: #000;
  --color-highlight: #268744;
  --color-support-01: #36a191;
  --color-support-02: #f2e317;
  --color-support-03: #db4800;
  --color-support-04: #a26739;
  --color-support-05: #40e0d0;
  --color-support-06: #48cbeb;
  --color-support-07: #c72487;
  --color-support-08: #63007f;
  --color-support-09: #f08080;
  --color-support-10: #ff8c00;
  --color-support-11: #fdf5e6;
  --blue-90-rgb: 17,
  24,
  29;
  --blue-80-rgb: 31,
  48,
  62;
  --blue-70-rgb: 39,
  72,
  99;
  --blue-60-rgb: 44,
  96,
  138;
  --blue-50-rgb: 35,
  120,
  195;
  --blue-40-rgb: 79,
  151,
  209;
  --blue-30-rgb: 115,
  179,
  231;
  --blue-20-rgb: 170,
  205,
  236;
  --blue-10-rgb: 219,
  232,
  251;
  --blue-5-rgb: 239,
  246,
  251;
  --blue-cool-90-rgb: 15,
  25,
  28;
  --blue-cool-80-rgb: 20,
  51,
  61;
  --blue-cool-70-rgb: 34,
  74,
  88;
  --blue-cool-60-rgb: 46,
  98,
  118;
  --blue-cool-50-rgb: 58,
  125,
  149;
  --blue-cool-40-rgb: 100,
  153,
  175;
  --blue-cool-30-rgb: 130,
  180,
  201;
  --blue-cool-20-rgb: 173,
  207,
  220;
  --blue-cool-10-rgb: 218,
  233,
  238;
  --blue-cool-5-rgb: 231,
  242,
  245;
  --blue-warm-90-rgb: 19,
  23,
  31;
  --blue-warm-80-rgb: 37,
  47,
  62;
  --blue-warm-70-rgb: 47,
  70,
  104;
  --blue-warm-60-rgb: 52,
  93,
  150;
  --blue-warm-50-rgb: 74,
  119,
  180;
  --blue-warm-40-rgb: 114,
  146,
  199;
  --blue-warm-30-rgb: 152,
  175,
  210;
  --blue-warm-20-rgb: 197,
  212,
  235;
  --blue-warm-10-rgb: 225,
  231,
  241;
  --blue-warm-5-rgb: 236,
  241,
  247;
  --blue-vivid-80-rgb: 17,
  47,
  78;
  --blue-vivid-70-rgb: 11,
  71,
  120;
  --blue-vivid-60-rgb: 0,
  94,
  162;
  --blue-vivid-50-rgb: 0,
  118,
  214;
  --blue-vivid-40-rgb: 36,
  145,
  255;
  --blue-vivid-30-rgb: 88,
  180,
  255;
  --blue-vivid-20-rgb: 161,
  211,
  255;
  --blue-vivid-10-rgb: 207,
  232,
  255;
  --blue-vivid-5-rgb: 232,
  245,
  255;
  --blue-cool-vivid-80-rgb: 0,
  45,
  63;
  --blue-cool-vivid-70-rgb: 7,
  75,
  105;
  --blue-cool-vivid-60-rgb: 7,
  100,
  141;
  --blue-cool-vivid-50-rgb: 13,
  126,
  162;
  --blue-cool-vivid-40-rgb: 40,
  160,
  203;
  --blue-cool-vivid-30-rgb: 89,
  185,
  222;
  --blue-cool-vivid-20-rgb: 151,
  212,
  234;
  --blue-cool-vivid-10-rgb: 195,
  235,
  250;
  --blue-cool-vivid-5-rgb: 225,
  243,
  248;
  --blue-warm-vivid-90-rgb: 7,
  29,
  65;
  --blue-warm-vivid-80-rgb: 12,
  50,
  111;
  --blue-warm-vivid-70-rgb: 19,
  81,
  180;
  --blue-warm-vivid-60-rgb: 21,
  91,
  203;
  --blue-warm-vivid-50-rgb: 38,
  112,
  232;
  --blue-warm-vivid-40-rgb: 89,
  146,
  237;
  --blue-warm-vivid-30-rgb: 129,
  174,
  252;
  --blue-warm-vivid-20-rgb: 173,
  205,
  255;
  --blue-warm-vivid-10-rgb: 212,
  229,
  255;
  --blue-warm-vivid-5-rgb: 237,
  245,
  255;
  --cyan-90-rgb: 17,
  24,
  25;
  --cyan-80-rgb: 32,
  49,
  51;
  --cyan-70-rgb: 44,
  74,
  78;
  --cyan-60-rgb: 42,
  100,
  109;
  --cyan-50-rgb: 22,
  128,
  146;
  --cyan-40-rgb: 68,
  157,
  172;
  --cyan-30-rgb: 93,
  192,
  209;
  --cyan-20-rgb: 153,
  222,
  234;
  --cyan-10-rgb: 204,
  236,
  242;
  --cyan-5-rgb: 231,
  246,
  248;
  --cyan-vivid-80-rgb: 9,
  59,
  68;
  --cyan-vivid-70-rgb: 14,
  79,
  92;
  --cyan-vivid-60-rgb: 0,
  104,
  125;
  --cyan-vivid-50-rgb: 0,
  129,
  161;
  --cyan-vivid-40-rgb: 0,
  158,
  193;
  --cyan-vivid-30-rgb: 0,
  189,
  227;
  --cyan-vivid-20-rgb: 82,
  218,
  242;
  --cyan-vivid-10-rgb: 168,
  242,
  255;
  --cyan-vivid-5-rgb: 229,
  250,
  255;
  --gold-90-rgb: 25,
  23,
  20;
  --gold-80-rgb: 50,
  45,
  38;
  --gold-70-rgb: 77,
  68,
  56;
  --gold-60-rgb: 107,
  89,
  71;
  --gold-50-rgb: 142,
  112,
  79;
  --gold-40-rgb: 173,
  139,
  101;
  --gold-30-rgb: 199,
  169,
  123;
  --gold-20-rgb: 222,
  198,
  154;
  --gold-10-rgb: 241,
  229,
  205;
  --gold-5-rgb: 245,
  240,
  230;
  --gold-vivid-80-rgb: 59,
  43,
  21;
  --gold-vivid-70-rgb: 92,
  65,
  10;
  --gold-vivid-60-rgb: 122,
  89,
  26;
  --gold-vivid-50-rgb: 147,
  111,
  56;
  --gold-vivid-40-rgb: 194,
  133,
  12;
  --gold-vivid-30-rgb: 229,
  160,
  0;
  --gold-vivid-20-rgb: 255,
  190,
  46;
  --gold-vivid-10-rgb: 255,
  227,
  150;
  --gold-vivid-5-rgb: 254,
  240,
  200;
  --gray-90-rgb: 27,
  27,
  27;
  --gray-80-rgb: 51,
  51,
  51;
  --gray-70-rgb: 85,
  85,
  85;
  --gray-60-rgb: 99,
  99,
  99;
  --gray-50-rgb: 117,
  117,
  117;
  --gray-40-rgb: 136,
  136,
  136;
  --gray-30-rgb: 173,
  173,
  173;
  --gray-20-rgb: 204,
  204,
  204;
  --gray-10-rgb: 230,
  230,
  230;
  --gray-5-rgb: 240,
  240,
  240;
  --gray-4-rgb: 243,
  243,
  243;
  --gray-3-rgb: 246,
  246,
  246;
  --gray-2-rgb: 248,
  248,
  248;
  --gray-1-rgb: 252,
  252,
  252;
  --gray-cool-90-rgb: 28,
  29,
  31;
  --gray-cool-80-rgb: 45,
  46,
  47;
  --gray-cool-70-rgb: 61,
  69,
  81;
  --gray-cool-60-rgb: 86,
  92,
  101;
  --gray-cool-50-rgb: 113,
  118,
  122;
  --gray-cool-40-rgb: 141,
  146,
  151;
  --gray-cool-30-rgb: 169,
  174,
  177;
  --gray-cool-20-rgb: 198,
  202,
  206;
  --gray-cool-10-rgb: 223,
  225,
  226;
  --gray-cool-5-rgb: 237,
  239,
  240;
  --gray-cool-4-rgb: 241,
  243,
  246;
  --gray-cool-3-rgb: 245,
  246,
  247;
  --gray-cool-2-rgb: 247,
  249,
  250;
  --gray-cool-1-rgb: 251,
  252,
  253;
  --gray-warm-90-rgb: 23,
  23,
  22;
  --gray-warm-80-rgb: 46,
  46,
  42;
  --gray-warm-70-rgb: 69,
  69,
  64;
  --gray-warm-60-rgb: 93,
  93,
  82;
  --gray-warm-50-rgb: 118,
  118,
  106;
  --gray-warm-40-rgb: 146,
  146,
  133;
  --gray-warm-30-rgb: 175,
  174,
  162;
  --gray-warm-20-rgb: 202,
  201,
  192;
  --gray-warm-10-rgb: 230,
  230,
  226;
  --gray-warm-5-rgb: 240,
  240,
  236;
  --gray-warm-4-rgb: 245,
  245,
  240;
  --gray-warm-3-rgb: 246,
  246,
  242;
  --gray-warm-2-rgb: 249,
  249,
  247;
  --gray-warm-1-rgb: 252,
  252,
  251;
  --green-90-rgb: 22,
  24,
  20;
  --green-80-rgb: 41,
  48,
  33;
  --green-70-rgb: 60,
  74,
  41;
  --green-60-rgb: 76,
  100,
  36;
  --green-50-rgb: 96,
  127,
  53;
  --green-40-rgb: 125,
  155,
  78;
  --green-30-rgb: 155,
  182,
  114;
  --green-20-rgb: 184,
  210,
  147;
  --green-10-rgb: 223,
  234,
  205;
  --green-5-rgb: 234,
  244,
  221;
  --green-cool-90-rgb: 26,
  31,
  26;
  --green-cool-80-rgb: 40,
  49,
  42;
  --green-cool-70-rgb: 55,
  73,
  59;
  --green-cool-60-rgb: 68,
  100,
  67;
  --green-cool-50-rgb: 77,
  128,
  85;
  --green-cool-40-rgb: 94,
  159,
  105;
  --green-cool-30-rgb: 134,
  185,
  142;
  --green-cool-20-rgb: 180,
  208,
  185;
  --green-cool-10-rgb: 219,
  235,
  222;
  --green-cool-5-rgb: 236,
  243,
  236;
  --green-warm-90-rgb: 23,
  23,
  18;
  --green-warm-80-rgb: 45,
  47,
  33;
  --green-warm-70-rgb: 69,
  71,
  47;
  --green-warm-60-rgb: 90,
  95,
  56;
  --green-warm-50-rgb: 111,
  122,
  65;
  --green-warm-40-rgb: 138,
  152,
  75;
  --green-warm-30-rgb: 166,
  181,
  87;
  --green-warm-20-rgb: 203,
  209,
  122;
  --green-warm-10-rgb: 231,
  234,
  183;
  --green-warm-5-rgb: 241,
  244,
  215;
  --green-vivid-80-rgb: 36,
  52,
  19;
  --green-vivid-70-rgb: 47,
  74,
  11;
  --green-vivid-60-rgb: 70,
  108,
  4;
  --green-vivid-50-rgb: 83,
  130,
  0;
  --green-vivid-40-rgb: 113,
  159,
  42;
  --green-vivid-30-rgb: 127,
  177,
  53;
  --green-vivid-20-rgb: 152,
  208,
  53;
  --green-vivid-10-rgb: 197,
  238,
  147;
  --green-vivid-5-rgb: 221,
  249,
  199;
  --green-cool-vivid-80-rgb: 25,
  49,
  30;
  --green-cool-vivid-70-rgb: 21,
  76,
  33;
  --green-cool-vivid-60-rgb: 33,
  110,
  31;
  --green-cool-vivid-50-rgb: 22,
  136,
  33;
  --green-cool-vivid-40-rgb: 0,
  169,
  28;
  --green-cool-vivid-30-rgb: 33,
  200,
  52;
  --green-cool-vivid-20-rgb: 112,
  225,
  123;
  --green-cool-vivid-10-rgb: 183,
  245,
  189;
  --green-cool-vivid-5-rgb: 227,
  245,
  225;
  --green-warm-vivid-80-rgb: 56,
  56,
  11;
  --green-warm-vivid-70-rgb: 75,
  78,
  16;
  --green-warm-vivid-60-rgb: 90,
  102,
  19;
  --green-warm-vivid-50-rgb: 106,
  125,
  0;
  --green-warm-vivid-40-rgb: 126,
  156,
  29;
  --green-warm-vivid-30-rgb: 163,
  183,
  44;
  --green-warm-vivid-20-rgb: 197,
  211,
  10;
  --green-warm-vivid-10-rgb: 231,
  244,
  52;
  --green-warm-vivid-5-rgb: 245,
  251,
  193;
  --indigo-90-rgb: 22,
  23,
  31;
  --indigo-80-rgb: 43,
  44,
  64;
  --indigo-70-rgb: 61,
  64,
  118;
  --indigo-60-rgb: 77,
  82,
  175;
  --indigo-50-rgb: 103,
  108,
  200;
  --indigo-40-rgb: 136,
  137,
  219;
  --indigo-30-rgb: 165,
  168,
  235;
  --indigo-20-rgb: 197,
  197,
  243;
  --indigo-10-rgb: 229,
  228,
  250;
  --indigo-5-rgb: 239,
  239,
  248;
  --indigo-cool-90-rgb: 21,
  22,
  34;
  --indigo-cool-80-rgb: 41,
  45,
  66;
  --indigo-cool-70-rgb: 55,
  66,
  116;
  --indigo-cool-60-rgb: 63,
  87,
  166;
  --indigo-cool-50-rgb: 73,
  111,
  216;
  --indigo-cool-40-rgb: 107,
  142,
  232;
  --indigo-cool-30-rgb: 150,
  171,
  238;
  --indigo-cool-20-rgb: 187,
  200,
  245;
  --indigo-cool-10-rgb: 225,
  230,
  249;
  --indigo-cool-5-rgb: 238,
  240,
  249;
  --indigo-warm-90-rgb: 24,
  22,
  29;
  --indigo-warm-80-rgb: 46,
  44,
  64;
  --indigo-warm-70-rgb: 69,
  60,
  123;
  --indigo-warm-60-rgb: 94,
  81,
  158;
  --indigo-warm-50-rgb: 118,
  101,
  209;
  --indigo-warm-40-rgb: 146,
  135,
  216;
  --indigo-warm-30-rgb: 175,
  165,
  232;
  --indigo-warm-20-rgb: 203,
  196,
  242;
  --indigo-warm-10-rgb: 231,
  227,
  250;
  --indigo-warm-5-rgb: 241,
  239,
  247;
  --indigo-vivid-80-rgb: 33,
  36,
  99;
  --indigo-vivid-70-rgb: 51,
  51,
  163;
  --indigo-vivid-60-rgb: 74,
  80,
  196;
  --indigo-vivid-50-rgb: 101,
  107,
  215;
  --indigo-vivid-40-rgb: 130,
  137,
  255;
  --indigo-vivid-30-rgb: 163,
  167,
  250;
  --indigo-vivid-20-rgb: 204,
  206,
  255;
  --indigo-vivid-10-rgb: 224,
  224,
  255;
  --indigo-vivid-5-rgb: 240,
  240,
  255;
  --indigo-cool-vivid-80-rgb: 27,
  43,
  133;
  --indigo-cool-vivid-70-rgb: 34,
  47,
  191;
  --indigo-cool-vivid-60-rgb: 62,
  77,
  237;
  --indigo-cool-vivid-50-rgb: 72,
  102,
  255;
  --indigo-cool-vivid-40-rgb: 98,
  142,
  244;
  --indigo-cool-vivid-30-rgb: 148,
  173,
  255;
  --indigo-cool-vivid-20-rgb: 184,
  200,
  255;
  --indigo-cool-vivid-10-rgb: 222,
  229,
  255;
  --indigo-cool-vivid-5-rgb: 237,
  240,
  255;
  --indigo-warm-vivid-80-rgb: 38,
  31,
  91;
  --indigo-warm-vivid-70-rgb: 61,
  44,
  157;
  --indigo-warm-vivid-60-rgb: 89,
  66,
  210;
  --indigo-warm-vivid-50-rgb: 116,
  95,
  233;
  --indigo-warm-vivid-40-rgb: 150,
  126,
  251;
  --indigo-warm-vivid-30-rgb: 182,
  159,
  255;
  --indigo-warm-vivid-20-rgb: 207,
  196,
  253;
  --indigo-warm-vivid-10-rgb: 228,
  222,
  255;
  --indigo-warm-vivid-5-rgb: 245,
  242,
  255;
  --magenta-90-rgb: 27,
  22,
  23;
  --magenta-80-rgb: 64,
  39,
  49;
  --magenta-70-rgb: 102,
  54,
  75;
  --magenta-60-rgb: 139,
  69,
  102;
  --magenta-50-rgb: 200,
  66,
  129;
  --magenta-40-rgb: 224,
  105,
  159;
  --magenta-30-rgb: 232,
  149,
  179;
  --magenta-20-rgb: 240,
  187,
  204;
  --magenta-10-rgb: 246,
  225,
  232;
  --magenta-5-rgb: 249,
  240,
  242;
  --magenta-vivid-80-rgb: 79,
  23,
  46;
  --magenta-vivid-70-rgb: 115,
  31,
  68;
  --magenta-vivid-60-rgb: 171,
  33,
  101;
  --magenta-vivid-50-rgb: 215,
  45,
  121;
  --magenta-vivid-40-rgb: 253,
  68,
  150;
  --magenta-vivid-30-rgb: 255,
  135,
  178;
  --magenta-vivid-20-rgb: 255,
  180,
  207;
  --magenta-vivid-10-rgb: 255,
  221,
  234;
  --magenta-vivid-5-rgb: 255,
  242,
  245;
  --mint-90-rgb: 13,
  26,
  18;
  --mint-80-rgb: 25,
  51,
  36;
  --mint-70-rgb: 32,
  78,
  52;
  --mint-60-rgb: 40,
  104,
  70;
  --mint-50-rgb: 46,
  131,
  103;
  --mint-40-rgb: 52,
  163,
  126;
  --mint-30-rgb: 90,
  191,
  149;
  --mint-20-rgb: 146,
  217,
  187;
  --mint-10-rgb: 199,
  239,
  226;
  --mint-5-rgb: 219,
  246,
  237;
  --mint-cool-90-rgb: 17,
  24,
  24;
  --mint-cool-80-rgb: 32,
  49,
  49;
  --mint-cool-70-rgb: 42,
  75,
  69;
  --mint-cool-60-rgb: 55,
  100,
  98;
  --mint-cool-50-rgb: 64,
  128,
  126;
  --mint-cool-40-rgb: 79,
  158,
  153;
  --mint-cool-30-rgb: 111,
  186,
  179;
  --mint-cool-20-rgb: 155,
  212,
  207;
  --mint-cool-10-rgb: 196,
  238,
  235;
  --mint-cool-5-rgb: 224,
  247,
  246;
  --mint-vivid-80-rgb: 13,
  53,
  30;
  --mint-vivid-70-rgb: 12,
  78,
  41;
  --mint-vivid-60-rgb: 20,
  105,
  71;
  --mint-vivid-50-rgb: 0,
  134,
  89;
  --mint-vivid-40-rgb: 0,
  168,
  113;
  --mint-vivid-30-rgb: 4,
  197,
  133;
  --mint-vivid-20-rgb: 12,
  237,
  166;
  --mint-vivid-10-rgb: 131,
  252,
  212;
  --mint-vivid-5-rgb: 201,
  251,
  235;
  --mint-cool-vivid-80-rgb: 18,
  49,
  49;
  --mint-cool-vivid-70-rgb: 11,
  75,
  63;
  --mint-cool-vivid-60-rgb: 15,
  100,
  96;
  --mint-cool-vivid-50-rgb: 0,
  132,
  128;
  --mint-cool-vivid-40-rgb: 54,
  161,
  145;
  --mint-cool-vivid-30-rgb: 29,
  194,
  174;
  --mint-cool-vivid-20-rgb: 64,
  224,
  208;
  --mint-cool-vivid-10-rgb: 126,
  251,
  225;
  --mint-cool-vivid-5-rgb: 213,
  251,
  243;
  --orange-90-rgb: 27,
  22,
  20;
  --orange-80-rgb: 51,
  45,
  39;
  --orange-70-rgb: 82,
  66,
  54;
  --orange-60-rgb: 119,
  85,
  64;
  --orange-50-rgb: 162,
  103,
  57;
  --orange-40-rgb: 221,
  117,
  51;
  --orange-30-rgb: 240,
  152,
  96;
  --orange-20-rgb: 243,
  191,
  144;
  --orange-10-rgb: 242,
  228,
  212;
  --orange-5-rgb: 246,
  239,
  233;
  --orange-warm-90-rgb: 28,
  22,
  21;
  --orange-warm-80-rgb: 61,
  41,
  37;
  --orange-warm-70-rgb: 99,
  58,
  50;
  --orange-warm-60-rgb: 145,
  71,
  52;
  --orange-warm-50-rgb: 189,
  87,
  39;
  --orange-warm-40-rgb: 225,
  113,
  65;
  --orange-warm-30-rgb: 243,
  150,
  109;
  --orange-warm-20-rgb: 247,
  188,
  162;
  --orange-warm-10-rgb: 251,
  224,
  208;
  --orange-warm-5-rgb: 250,
  238,
  229;
  --orange-vivid-80-rgb: 53,
  35,
  19;
  --orange-vivid-70-rgb: 95,
  54,
  23;
  --orange-vivid-60-rgb: 140,
  71,
  28;
  --orange-vivid-50-rgb: 192,
  86,
  0;
  --orange-vivid-40-rgb: 230,
  111,
  14;
  --orange-vivid-30-rgb: 255,
  140,
  0;
  --orange-vivid-20-rgb: 255,
  188,
  120;
  --orange-vivid-10-rgb: 252,
  226,
  197;
  --orange-vivid-5-rgb: 253,
  245,
  230;
  --orange-warm-vivid-80-rgb: 61,
  35,
  29;
  --orange-warm-vivid-70-rgb: 120,
  35,
  18;
  --orange-warm-vivid-60-rgb: 167,
  47,
  16;
  --orange-warm-vivid-50-rgb: 207,
  73,
  0;
  --orange-warm-vivid-40-rgb: 255,
  88,
  10;
  --orange-warm-vivid-30-rgb: 252,
  144,
  109;
  --orange-warm-vivid-20-rgb: 251,
  186,
  167;
  --orange-warm-vivid-10-rgb: 255,
  226,
  209;
  --orange-warm-vivid-5-rgb: 255,
  243,
  234;
  --pure-100-rgb: 0,
  0,
  0;
  --pure-0-rgb: 255,
  255,
  255;
  --red-90-rgb: 27,
  22,
  22;
  --red-80-rgb: 62,
  41,
  39;
  --red-70-rgb: 111,
  51,
  49;
  --red-60-rgb: 162,
  55,
  55;
  --red-50-rgb: 216,
  57,
  51;
  --red-40-rgb: 233,
  105,
  95;
  --red-30-rgb: 242,
  147,
  140;
  --red-20-rgb: 247,
  187,
  177;
  --red-10-rgb: 248,
  225,
  222;
  --red-5-rgb: 249,
  238,
  238;
  --red-cool-90-rgb: 30,
  21,
  23;
  --red-cool-80-rgb: 64,
  40,
  44;
  --red-cool-70-rgb: 104,
  54,
  63;
  --red-cool-60-rgb: 158,
  57,
  75;
  --red-cool-50-rgb: 205,
  66,
  91;
  --red-cool-40-rgb: 225,
  107,
  128;
  --red-cool-30-rgb: 224,
  154,
  166;
  --red-cool-20-rgb: 236,
  190,
  198;
  --red-cool-10-rgb: 243,
  225,
  228;
  --red-cool-5-rgb: 248,
  239,
  241;
  --red-warm-90-rgb: 31,
  28,
  24;
  --red-warm-80-rgb: 51,
  45,
  41;
  --red-warm-70-rgb: 82,
  66,
  54;
  --red-warm-60-rgb: 128,
  80,
  57;
  --red-warm-50-rgb: 195,
  81,
  44;
  --red-warm-40-rgb: 210,
  122,
  86;
  --red-warm-30-rgb: 220,
  160,
  129;
  --red-warm-20-rgb: 236,
  192,
  167;
  --red-warm-10-rgb: 244,
  227,
  219;
  --red-warm-5-rgb: 246,
  239,
  234;
  --red-vivid-80-rgb: 92,
  17,
  17;
  --red-vivid-70-rgb: 139,
  10,
  3;
  --red-vivid-60-rgb: 181,
  9,
  9;
  --red-vivid-50-rgb: 229,
  34,
  7;
  --red-vivid-40-rgb: 251,
  90,
  71;
  --red-vivid-30-rgb: 255,
  141,
  123;
  --red-vivid-20-rgb: 253,
  184,
  174;
  --red-vivid-10-rgb: 253,
  224,
  219;
  --red-vivid-5-rgb: 255,
  243,
  242;
  --red-cool-vivid-80-rgb: 79,
  28,
  36;
  --red-cool-vivid-70-rgb: 130,
  33,
  51;
  --red-cool-vivid-60-rgb: 178,
  29,
  56;
  --red-cool-vivid-50-rgb: 228,
  29,
  61;
  --red-cool-vivid-40-rgb: 244,
  93,
  121;
  --red-cool-vivid-30-rgb: 253,
  139,
  160;
  --red-cool-vivid-20-rgb: 248,
  185,
  197;
  --red-cool-vivid-10-rgb: 248,
  223,
  226;
  --red-cool-vivid-5-rgb: 255,
  242,
  245;
  --red-warm-vivid-80-rgb: 62,
  42,
  30;
  --red-warm-vivid-70-rgb: 99,
  52,
  15;
  --red-warm-vivid-60-rgb: 156,
  61,
  16;
  --red-warm-vivid-50-rgb: 213,
  67,
  9;
  --red-warm-vivid-40-rgb: 239,
  94,
  37;
  --red-warm-vivid-30-rgb: 243,
  146,
  104;
  --red-warm-vivid-20-rgb: 246,
  189,
  156;
  --red-warm-vivid-10-rgb: 252,
  225,
  212;
  --red-warm-vivid-5-rgb: 255,
  245,
  238;
  --violet-90-rgb: 24,
  22,
  29;
  --violet-80-rgb: 49,
  43,
  63;
  --violet-70-rgb: 76,
  61,
  105;
  --violet-60-rgb: 102,
  81,
  144;
  --violet-50-rgb: 129,
  104,
  179;
  --violet-40-rgb: 157,
  132,
  210;
  --violet-30-rgb: 184,
  162,
  227;
  --violet-20-rgb: 208,
  195,
  233;
  --violet-10-rgb: 235,
  227,
  249;
  --violet-5-rgb: 244,
  241,
  249;
  --violet-warm-90-rgb: 27,
  21,
  27;
  --violet-warm-80-rgb: 56,
  41,
  54;
  --violet-warm-70-rgb: 92,
  57,
  90;
  --violet-warm-60-rgb: 134,
  67,
  129;
  --violet-warm-50-rgb: 176,
  74,
  189;
  --violet-warm-40-rgb: 191,
  119,
  200;
  --violet-warm-30-rgb: 210,
  154,
  216;
  --violet-warm-20-rgb: 226,
  190,
  228;
  --violet-warm-10-rgb: 246,
  223,
  248;
  --violet-warm-5-rgb: 248,
  240,
  249;
  --violet-vivid-80-rgb: 57,
  33,
  94;
  --violet-vivid-70-rgb: 84,
  39,
  143;
  --violet-vivid-60-rgb: 120,
  60,
  185;
  --violet-vivid-50-rgb: 147,
  85,
  220;
  --violet-vivid-40-rgb: 173,
  121,
  233;
  --violet-vivid-30-rgb: 195,
  157,
  235;
  --violet-vivid-20-rgb: 213,
  191,
  255;
  --violet-vivid-10-rgb: 237,
  227,
  255;
  --violet-vivid-5-rgb: 247,
  242,
  255;
  --violet-warm-vivid-80-rgb: 72,
  20,
  65;
  --violet-warm-vivid-70-rgb: 113,
  30,
  108;
  --violet-warm-vivid-60-rgb: 147,
  52,
  140;
  --violet-warm-vivid-50-rgb: 190,
  50,
  208;
  --violet-warm-vivid-40-rgb: 216,
  91,
  239;
  --violet-warm-vivid-30-rgb: 238,
  131,
  255;
  --violet-warm-vivid-20-rgb: 244,
  178,
  255;
  --violet-warm-vivid-10-rgb: 251,
  220,
  255;
  --violet-warm-vivid-5-rgb: 254,
  242,
  255;
  --yellow-90-rgb: 26,
  22,
  20;
  --yellow-80-rgb: 51,
  45,
  39;
  --yellow-70-rgb: 80,
  67,
  50;
  --yellow-60-rgb: 107,
  90,
  57;
  --yellow-50-rgb: 138,
  114,
  55;
  --yellow-40-rgb: 168,
  143,
  72;
  --yellow-30-rgb: 201,
  171,
  72;
  --yellow-20-rgb: 230,
  199,
  76;
  --yellow-10-rgb: 245,
  230,
  175;
  --yellow-5-rgb: 250,
  243,
  209;
  --yellow-vivid-80-rgb: 66,
  45,
  25;
  --yellow-vivid-70-rgb: 92,
  72,
  9;
  --yellow-vivid-60-rgb: 119,
  96,
  23;
  --yellow-vivid-50-rgb: 148,
  113,
  0;
  --yellow-vivid-40-rgb: 179,
  140,
  0;
  --yellow-vivid-30-rgb: 221,
  170,
  1;
  --yellow-vivid-20-rgb: 255,
  205,
  7;
  --yellow-vivid-10-rgb: 254,
  230,
  133;
  --yellow-vivid-5-rgb: 255,
  245,
  194;
  --background: var(--background-light);
  --background-rgb: var(--background-light-rgb);
  --background-light: var(--pure-0);
  --background-light-rgb: var(--pure-0-rgb);
  --background-alternative: var(--gray-5);
  --background-alternative-rgb: var(--gray-5-rgb);
  --background-dark: var(--blue-warm-vivid-90);
  --background-dark-rgb: var(--blue-warm-vivid-90-rgb);
  --border-color: var(--gray-20);
  --border-color-alternative: var(--gray-40);
  --border-style: solid;
  --border-width: var(--surface-width-sm);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --color-light: var(--gray-80);
  --color-light-rgb: var(--gray-80-rgb);
  --color-dark: var(--pure-0);
  --color-dark-rgb: var(--pure-0-rgb);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --interactive-light: var(--blue-warm-vivid-70);
  --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);
  --interactive-dark: var(--blue-warm-20);
  --interactive-dark-rgb: var(--blue-warm-20-rgb);
  --interactive-alternative: var(--green-cool-vivid-50);
  --interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);
  --info: var(--blue-warm-vivid-60);
  --info-alternative: var(--blue-warm-vivid-10);
  --info-rgb: var(--blue-warm-vivid-60-rgb);
  --info-alternative-rgb: var(--blue-warm-vivid-10-rgb);
  --success: var(--green-cool-vivid-50);
  --success-alternative: var(--green-cool-vivid-5);
  --success-rgb: var(--green-cool-vivid-50-rgb);
  --success-alternative-rgb: var(--green-cool-vivid-5-rgb);
  --warning: var(--yellow-vivid-20);
  --warning-alternative: var(--yellow-vivid-5);
  --warning-rgb: var(--yellow-vivid-20-rgb);
  --warning-alternative-rgb: var(--yellow-vivid-5-rgb);
  --danger: var(--red-vivid-50);
  --danger-alternative: var(--red-vivid-10);
  --danger-rgb: var(--red-vivid-50-rgb);
  --danger-alternative-rgb: var(--red-vivid-20-rgb);
  --font-family-base: Rawline,
  Raleway,
  sans-serif;
  --surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
  --surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
  --visited: var(--visited-light);
  --visited-light: var(--blue-warm-vivid-80);
  --visited-dark: var(--gray-20);
  --disabled: var(--surface-opacity-md);
  --hover: var(--hover-light);
  --hover-light: var(--surface-opacity-xs);
  --hover-dark: var(--surface-opacity-sm);
  --hover-effect: linear-gradient(rgba(var(--interactive-rgb), var(--hover)),
    rgba(var(--interactive-rgb), var(--hover)));
  --pressed: var(--pressed-light);
  --pressed-light: var(--surface-opacity-md);
  --pressed-dark: var(--surface-opacity-lg);
  --pressed-effect: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)),
    rgba(var(--interactive-rgb), var(--pressed)));
  --focus-style: dashed;
  --focus-color: var(--focus-color-light);
  --focus-color-light: var(--gold-vivid-40);
  --focus-color-dark: var(--gold-vivid-20);
  --focus: var(--focus-color);
  --focus-offset: var(--spacing-scale-half);
  --focus-width: var(--surface-width-lg);
  --active: var(--blue-warm-vivid-80);
  --active-rgb: var(--blue-warm-vivid-80-rgb);
  --selected: var(--blue-warm-vivid-50);
  --on: var(--blue-warm-vivid-40);
  --on-rgb: var(--blue-warm-vivid-40-rgb);
  --off: var(--gray-20);
  --off-rgb: var(--gray-20-rgb);
  --ondrag-border-color: var(--interactive);
  --ondrag-border-width: var(--surface-width-md);
  --ondrag-border-style: solid;
  --ondrag-shadow-offset-x: var(--surface-offset-none);
  --ondrag-shadow-offset-y: var(--surface-offset-md);
  --ondrag-shadow-blur: var(--surface-blur-lg);
  --ondrag-shadow-color: var(--interactive-rgb);
  --ondrag-shadow-opacity: var(--surface-opacity-sm);
  --ondrag-opacity: var(--surface-opacity-xl);
  --ondrag-rotate: -5deg;
  --ondrag-cursor: grabbing;
  --draggable-icon: grip-vertical;
  --draggable-cursor: grab;
  --dropzone-border-color: var(--interactive);
  --dropzone-border-width: var(--surface-width-sm);
  --dropzone-border-style: dashed;
  --ondrop-background: var(--interactive-rgb);
  --ondrop-opacity: var(--surface-opacity-sm);
  --ondrop-cursor: copy;
  --z-index-layer-0: 0;
  --z-index-layer-1: 1000;
  --z-index-layer-2: 2000;
  --z-index-layer-3: 3000;
  --z-index-layer-4: 4000;
  --primary: var(--blue-warm-vivid-50);
  --icon-size-base: 16px;
  --icon-size-xs: 8px;
  --icon-size-sm: 12px;
  --icon-size-lg: 20px;
  --icon-size-2x: 32px;
  --icon-size-3x: 48px;
  --icon-size-4x: 64px;
  --icon-size-5x: 80px;
  --icon-size-6x: 96px;
  --icon-size-7x: 112px;
  --icon-size-8x: 128px;
  --icon-size-9x: 144px;
  --icon-size-10x: 160px;
  --surface-width-none: 0;
  --surface-width-sm: 1px;
  --surface-width-md: 2px;
  --surface-width-lg: 4px;
  --surface-rounder-none: 0;
  --surface-rounder-sm: 4px;
  --surface-rounder-md: 8px;
  --surface-rounder-lg: 16px;
  --surface-rounder-pill: 999em;
  --surface-opacity-none: 0;
  --surface-opacity-default: 1;
  --surface-opacity-xs: 0.16;
  --surface-opacity-sm: 0.3;
  --surface-opacity-md: 0.45;
  --surface-opacity-lg: 0.65;
  --surface-opacity-xl: 0.85;
  --surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);
  --surface-border-solid-sm: var(--surface-width-sm) solid var(--color-secondary-06);
  --surface-border-solid-md: var(--surface-width-md) solid var(--color-secondary-06);
  --surface-border-solid-lg: var(--surface-width-lg) solid var(--color-secondary-06);
  --surface-border-dashed-none: var(--surface-width-none) dashed var(--color-secondary-06);
  --surface-border-dashed-sm: var(--surface-width-sm) dashed var(--color-secondary-06);
  --surface-border-dashed-md: var(--surface-width-md) dashed var(--color-secondary-06);
  --surface-border-dashed-lg: var(--surface-width-lg) dashed var(--color-secondary-06);
  --surface-blur-none: 0;
  --surface-blur-sm: 1px;
  --surface-blur-md: 3px;
  --surface-blur-lg: 6px;
  --surface-blur-xl: 9px;
  --surface-offset-none: 0;
  --surface-offset-sm: 1px;
  --surface-offset-md: 3px;
  --surface-offset-lg: 6px;
  --surface-offset-xl: 9px;
  --surface-offset-sm-n: -1px;
  --surface-offset-md-n: -3px;
  --surface-offset-lg-n: -6px;
  --surface-offset-xl-n: -9px;
  --surface-shadow-color: var(--rgb-secondary-09);
  --surface-shadow-none: none;
  --surface-shadow-sm: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-up: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-up: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-up: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-up: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-up: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-up: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-up: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-up: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-right: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-right: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-right: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-right: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-right: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-right: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-right: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-right: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-left: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-left: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-left: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-left: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-left: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-left: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-left: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-left: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --animation-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --animation-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --animation-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --animation-ease-linear: cubic-bezier(0, 0, 1, 1);
  --duration-very-fast: 0.1s;
  --duration-fast: 0.3s;
  --duration-moderate: 0.5s;
  --duration-slow: 0.8s;
  --duration-very-slow: 1s;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-size-scale-base: 14px;
  --font-size-scale-down-01: 11.662px;
  --font-size-scale-down-02: 9.716px;
  --font-size-scale-down-03: 8.106px;
  --font-size-scale-up-01: 16.8px;
  --font-size-scale-up-02: 20.16px;
  --font-size-scale-up-03: 24.192px;
  --font-size-scale-up-04: 29.036px;
  --font-size-scale-up-05: 34.832px;
  --font-size-scale-up-06: 41.804px;
  --font-size-scale-up-07: 50.162px;
  --font-size-scale-up-08: 60.2px;
  --font-size-scale-up-09: 72.24px;
  --font-size-scale-up-10: 86.688px;
  --font-size-scale-up-11: 104.02px;
  --font-line-height-low: 1.15;
  --font-line-height-medium: 1.45;
  --font-line-height-high: 1.85;
  --grid-breakpoint-xs: 0;
  --grid-breakpoint-xs-max-width: 100%;
  --grid-breakpoint-sm: 576px;
  --grid-breakpoint-sm-max-width: 536px;
  --grid-breakpoint-md: 992px;
  --grid-breakpoint-md-max-width: 952px;
  --grid-breakpoint-lg: 1280px;
  --grid-breakpoint-lg-max-width: 1200px;
  --grid-breakpoint-xl: 1600px;
  --grid-breakpoint-xl-max-width: 1560px;
  --grid-portrait-maxwidth: 100%;
  --grid-portrait-gutter: 16px;
  --grid-portrait-columns: 4;
  --grid-portrait-margin: 8px;
  --grid-tablet-maxwidth: 100%;
  --grid-tablet-gutter: 24px;
  --grid-tablet-columns: 8;
  --grid-tablet-margin: 40px;
  --grid-desktop-maxwidth: 1200px;
  --grid-desktop-gutter: 24px;
  --grid-desktop-columns: 12;
  --grid-desktop-margin: 40px;
  --grid-tv-maxwidth: 1520px;
  --grid-tv-gutter: 40px;
  --grid-tv-columns: 12;
  --grid-tv-margin: 40px;
  --spacing-vertical-top: top;
  --spacing-vertical-center: center;
  --spacing-vertical-bottom: bottom;
  --spacing-horizontal-left: left;
  --spacing-horizontal-center: center;
  --spacing-horizontal-right: right;
  --spacing-scale-default: 0;
  --spacing-scale-half: 4px;
  --spacing-scale-base: 8px;
  --spacing-scale-baseh: 12px;
  --spacing-scale-2x: 16px;
  --spacing-scale-2xh: 20px;
  --spacing-scale-3x: 24px;
  --spacing-scale-3xh: 28px;
  --spacing-scale-4x: 32px;
  --spacing-scale-4xh: 36px;
  --spacing-scale-5x: 40px;
  --spacing-scale-5xh: 44px;
  --spacing-scale-6x: 48px;
  --spacing-scale-6xh: 52px;
  --spacing-scale-7x: 56px;
  --spacing-scale-7xh: 60px;
  --spacing-scale-8x: 64px;
  --spacing-scale-8xh: 68px;
  --spacing-scale-9x: 72px;
  --spacing-scale-9xh: 76px;
  --spacing-scale-10x: 80px;
  --spacing-scale-10xh: 84px;
  --rgb-primary-pastel-01: 197,
  212,
  235;
  --rgb-primary-pastel-02: 219,
  232,
  251;
  --rgb-primary-lighten-01: 38,
  112,
  232;
  --rgb-primary-lighten-02: 89,
  146,
  237;
  --rgb-primary-default: 19,
  81,
  180;
  --rgb-primary-darken-01: 12,
  50,
  111;
  --rgb-primary-darken-02: 7,
  29,
  65;
  --rgb-secondary-01: 255,
  255,
  255;
  --rgb-secondary-02: 248,
  248,
  248;
  --rgb-secondary-03: 237,
  237,
  237;
  --rgb-secondary-04: 204,
  204,
  204;
  --rgb-secondary-05: 158,
  157,
  157;
  --rgb-secondary-06: 136,
  136,
  136;
  --rgb-secondary-07: 85,
  85,
  85;
  --rgb-secondary-08: 51,
  51,
  51;
  --rgb-secondary-09: 0,
  0,
  0;
  --rgb-highlight: 38,
  135,
  68;
  --rgb-support-01: 54,
  161,
  145;
  --rgb-support-02: 242,
  227,
  23;
  --rgb-support-03: 219,
  72,
  0;
  --rgb-support-04: 162,
  103,
  57;
  --rgb-support-05: 64,
  224,
  208;
  --rgb-support-06: 72,
  203,
  235;
  --rgb-support-07: 199,
  36,
  135;
  --rgb-support-08: 99,
  0,
  127;
  --rgb-support-09: 240,
  128,
  128;
  --rgb-support-10: 255,
  140,
  0;
  --rgb-support-11: 253,
  245,
  230;
}

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

html {
  line-height: var(--font-line-height-medium);
  text-size-adjust: 100%;
}

body {
  --bg-color: var(--background);
  --bg-color-rgb: var(--background-rgb);
  --bg-color-hsl: var(--background-hsl);
  --font-size: var(--font-size-scale-base);
  --font-weight: var(--font-weight-regular);
  --link-color: var(--interactive);
  --link-color-rgb: var(--interactive-rgb);
  --link-color-hsl: var(--interactive-hsl);
  --line-height: var(--font-line-height-medium);
  --text-color: var(--color);
  --text-color-rgb: var(--color-rgb);
  --text-color-hsl: var(--color-hsl);
  background: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

p {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
}

p a {
  text-decoration: underline;
}

@media (min-width: 576px) {
  p {
    font-size: var(--font-size-scale-up-01);
  }
}
a {
  --focus-offset: var(--spacing-scale-half);
}

a:focus {
  outline: none;
}

a.focus-visible,
a:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

a:not(:disabled):not(.unstyled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

a {
  color: var(--interactive);
  text-decoration: none;
}

.main-content a {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

h1,
.h1 {
  color: var(--color);
  font-size: var(--font-size-scale-up-04);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 0;
}

@media (min-width: 576px) {
  .h1,
  h1 {
    font-size: var(--font-size-scale-up-06);
    font-weight: var(--font-weight-light);
    margin-bottom: var(--spacing-scale-4x);
  }
}
h2,
.h2 {
  color: var(--color);
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
  padding-bottom: var(--spacing-scale-2xh);
}

@media (min-width: 576px) {
  .h2,
  h2 {
    font-size: var(--font-size-scale-up-05);
    font-weight: var(--font-weight-regular);
  }
}
h3,
.h3 {
  color: var(--color);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
}

@media (min-width: 576px) {
  .h3,
  h3 {
    font-size: var(--font-size-scale-up-04);
    font-weight: var(--font-weight-medium);
  }
}
h4,
.h4 {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-2x);
}

@media (min-width: 576px) {
  .h4,
  h4 {
    font-size: var(--font-size-scale-up-03);
    font-weight: var(--font-weight-semi-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
h5,
.h5 {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .h5,
  h5 {
    font-size: var(--font-size-scale-up-02);
    font-weight: var(--font-weight-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
h6,
.h6 {
  color: var(--color);
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .h6,
  h6 {
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-extra-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-thin,
.text-weight-thin {
  font-weight: 100 !important;
}

.text-extra-light,
.text-weight-extra-light {
  font-weight: 200 !important;
}

.text-light,
.text-weight-light {
  font-weight: 300 !important;
}

.text-regular,
.text-weight-regular {
  font-weight: 400 !important;
}

.text-medium,
.text-weight-medium {
  font-weight: 500 !important;
}

.text-semi-bold,
.text-weight-semi-bold {
  font-weight: 600 !important;
}

.text-bold,
.text-weight-bold {
  font-weight: 700 !important;
}

.text-extra-bold,
.text-weight-extra-bold {
  font-weight: 800 !important;
}

.text-black,
.text-weight-black {
  font-weight: 900 !important;
}

.text-base {
  font-size: var(--font-size-scale-base) !important;
}

.text-down-01 {
  font-size: var(--font-size-scale-down-01) !important;
}

.text-down-02 {
  font-size: var(--font-size-scale-down-02) !important;
}

.text-down-03 {
  font-size: var(--font-size-scale-down-03) !important;
}

.text-up-01 {
  font-size: var(--font-size-scale-up-01) !important;
}

.text-up-02 {
  font-size: var(--font-size-scale-up-02) !important;
}

.text-up-03 {
  font-size: var(--font-size-scale-up-03) !important;
}

.text-up-04 {
  font-size: var(--font-size-scale-up-04) !important;
}

.text-up-05 {
  font-size: var(--font-size-scale-up-05) !important;
}

.text-up-06 {
  font-size: var(--font-size-scale-up-06) !important;
}

.text-up-07 {
  font-size: var(--font-size-scale-up-07) !important;
}

.text-up-08 {
  font-size: var(--font-size-scale-up-08) !important;
}

.text-up-09 {
  font-size: var(--font-size-scale-up-09) !important;
}

.text-up-10 {
  font-size: var(--font-size-scale-up-10) !important;
}

.text-up-11 {
  font-size: var(--font-size-scale-up-11) !important;
}

.text-italic {
  font-style: italic !important;
}

@media (min-width: 576px) {
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-wrap {
    white-space: normal !important;
  }
  .text-sm-nowrap {
    white-space: nowrap !important;
  }
  .text-sm-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-sm-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .text-sm-capitalize {
    text-transform: capitalize !important;
  }
  .text-sm-thin,
  .text-sm-weight-thin {
    font-weight: 100 !important;
  }
  .text-sm-extra-light,
  .text-sm-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-sm-light,
  .text-sm-weight-light {
    font-weight: 300 !important;
  }
  .text-sm-regular,
  .text-sm-weight-regular {
    font-weight: 400 !important;
  }
  .text-sm-medium,
  .text-sm-weight-medium {
    font-weight: 500 !important;
  }
  .text-sm-semi-bold,
  .text-sm-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-sm-bold,
  .text-sm-weight-bold {
    font-weight: 700 !important;
  }
  .text-sm-extra-bold,
  .text-sm-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-sm-black,
  .text-sm-weight-black {
    font-weight: 900 !important;
  }
  .text-sm-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-sm-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-sm-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-sm-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-sm-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-sm-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-sm-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-sm-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-sm-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-sm-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-sm-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-sm-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-sm-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-sm-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-sm-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width: 992px) {
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-wrap {
    white-space: normal !important;
  }
  .text-md-nowrap {
    white-space: nowrap !important;
  }
  .text-md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-md-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-md-lowercase {
    text-transform: lowercase !important;
  }
  .text-md-uppercase {
    text-transform: uppercase !important;
  }
  .text-md-capitalize {
    text-transform: capitalize !important;
  }
  .text-md-thin,
  .text-md-weight-thin {
    font-weight: 100 !important;
  }
  .text-md-extra-light,
  .text-md-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-md-light,
  .text-md-weight-light {
    font-weight: 300 !important;
  }
  .text-md-regular,
  .text-md-weight-regular {
    font-weight: 400 !important;
  }
  .text-md-medium,
  .text-md-weight-medium {
    font-weight: 500 !important;
  }
  .text-md-semi-bold,
  .text-md-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-md-bold,
  .text-md-weight-bold {
    font-weight: 700 !important;
  }
  .text-md-extra-bold,
  .text-md-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-md-black,
  .text-md-weight-black {
    font-weight: 900 !important;
  }
  .text-md-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-md-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-md-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-md-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-md-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-md-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-md-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-md-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-md-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-md-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-md-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-md-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-md-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-md-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-md-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width: 1280px) {
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-wrap {
    white-space: normal !important;
  }
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
  .text-lg-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-lg-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .text-lg-capitalize {
    text-transform: capitalize !important;
  }
  .text-lg-thin,
  .text-lg-weight-thin {
    font-weight: 100 !important;
  }
  .text-lg-extra-light,
  .text-lg-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-lg-light,
  .text-lg-weight-light {
    font-weight: 300 !important;
  }
  .text-lg-regular,
  .text-lg-weight-regular {
    font-weight: 400 !important;
  }
  .text-lg-medium,
  .text-lg-weight-medium {
    font-weight: 500 !important;
  }
  .text-lg-semi-bold,
  .text-lg-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-lg-bold,
  .text-lg-weight-bold {
    font-weight: 700 !important;
  }
  .text-lg-extra-bold,
  .text-lg-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-lg-black,
  .text-lg-weight-black {
    font-weight: 900 !important;
  }
  .text-lg-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-lg-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-lg-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-lg-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-lg-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-lg-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-lg-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-lg-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-lg-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-lg-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-lg-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-lg-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-lg-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-lg-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-lg-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width: 1600px) {
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-wrap {
    white-space: normal !important;
  }
  .text-xl-nowrap {
    white-space: nowrap !important;
  }
  .text-xl-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-xl-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
  }
  .text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .text-xl-capitalize {
    text-transform: capitalize !important;
  }
  .text-xl-thin,
  .text-xl-weight-thin {
    font-weight: 100 !important;
  }
  .text-xl-extra-light,
  .text-xl-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-xl-light,
  .text-xl-weight-light {
    font-weight: 300 !important;
  }
  .text-xl-regular,
  .text-xl-weight-regular {
    font-weight: 400 !important;
  }
  .text-xl-medium,
  .text-xl-weight-medium {
    font-weight: 500 !important;
  }
  .text-xl-semi-bold,
  .text-xl-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-xl-bold,
  .text-xl-weight-bold {
    font-weight: 700 !important;
  }
  .text-xl-extra-bold,
  .text-xl-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-xl-black,
  .text-xl-weight-black {
    font-weight: 900 !important;
  }
  .text-xl-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-xl-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-xl-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-xl-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-xl-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-xl-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-xl-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-xl-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-xl-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-xl-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-xl-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-xl-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-xl-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-xl-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-xl-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
.br-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button.block {
  width: 100%;
}
.br-button.xsmall, .br-button[xsmall], .br-button.is-xsmall {
  --button-size: var(--button-xsmall);
}
.br-button.small, .br-button[small], .br-button.is-small {
  --button-size: var(--button-small);
}
.br-button.medium, .br-button[medium], .br-button.is-medium {
  --button-size: var(--button-medium);
}
.br-button.large, .br-button[large], .br-button.is-large {
  --button-size: var(--button-large);
}
.br-button.circle, .br-button[circle], .br-button.is-circle {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-button.primary, .br-button[primary], .br-button.is-primary {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}
.br-button.secondary, .br-button[secondary], .br-button.is-secondary {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}
.br-button.danger, .br-button[danger], .br-button.is-danger {
  background-color: var(--danger);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-button.success, .br-button[success], .br-button.is-success {
  background-color: var(--success);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-button.warning, .br-button[warning], .br-button.is-warning {
  background-color: var(--warning);
  --interactive-rgb: var(--color-light-rgb);
  color: var(--color-light);
}
.br-button.info, .br-button[info], .br-button.is-info {
  background-color: var(--info);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-button:disabled {
  cursor: not-allowed;
}
.br-button:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}
.br-button:not(:disabled):focus {
  outline: none;
}
.br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-button:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-button:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-button.active, .br-button.is-active, .br-button[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-button.loading {
  color: transparent !important;
  cursor: progress;
}
.br-button.loading:not(:disabled):hover {
  background-image: none;
}
.br-button.loading::before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-button.loading.primary::before, .br-button.loading.danger::before, .br-button.loading.success::before, .br-button.loading.info::before {
  border-color: var(--background) var(--background) transparent;
}
.br-button.inverted, .br-button.is-inverted, .br-button[inverted], .br-button.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  color: var(--interactive-dark);
}
.br-button.inverted.primary, .br-button.inverted[primary], .br-button.inverted.is-primary, .br-button.is-inverted.primary, .br-button.is-inverted[primary], .br-button.is-inverted.is-primary, .br-button[inverted].primary, .br-button[inverted][primary], .br-button[inverted].is-primary, .br-button.dark-mode.primary, .br-button.dark-mode[primary], .br-button.dark-mode.is-primary {
  --interactive-rgb: var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-button.inverted.secondary, .br-button.inverted[secondary], .br-button.inverted.is-secondary, .br-button.is-inverted.secondary, .br-button.is-inverted[secondary], .br-button.is-inverted.is-secondary, .br-button[inverted].secondary, .br-button[inverted][secondary], .br-button[inverted].is-secondary, .br-button.dark-mode.secondary, .br-button.dark-mode[secondary], .br-button.dark-mode.is-secondary {
  background-color: var(--background-dark);
}
.br-button.inverted.active, .br-button.is-inverted.active, .br-button[inverted].active, .br-button.dark-mode.active {
  --hover: var(--hover-light);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
@media (min-width: 576px) {
  .br-button.block-sm {
    width: 100%;
  }
  .br-button.auto-sm {
    width: auto;
  }
}
@media (min-width: 992px) {
  .br-button.block-md {
    width: 100%;
  }
  .br-button.auto-md {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .br-button.block-lg {
    width: 100%;
  }
  .br-button.auto-lg {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .br-button.block-xl {
    width: 100%;
  }
  .br-button.auto-xl {
    width: auto;
  }
}

a.br-button {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none !important;
}

.text-white {
  color: var(--white) !important;
}

.bg-white {
  --background: var(--white);
  background-color: var(--white) !important;
}

.border-white {
  border-color: var(--white) !important;
}

.text-blue-logo {
  color: var(--blue-logo) !important;
}

.bg-blue-logo {
  --background: var(--blue-logo);
  background-color: var(--blue-logo) !important;
}

.border-blue-logo {
  border-color: var(--blue-logo) !important;
}

.text-blue-90 {
  color: var(--blue-90) !important;
}

.bg-blue-90 {
  --background: var(--blue-90);
  background-color: var(--blue-90) !important;
}

.border-blue-90 {
  border-color: var(--blue-90) !important;
}

.text-blue-80 {
  color: var(--blue-80) !important;
}

.bg-blue-80 {
  --background: var(--blue-80);
  background-color: var(--blue-80) !important;
}

.border-blue-80 {
  border-color: var(--blue-80) !important;
}

.text-blue-70 {
  color: var(--blue-70) !important;
}

.bg-blue-70 {
  --background: var(--blue-70);
  background-color: var(--blue-70) !important;
}

.border-blue-70 {
  border-color: var(--blue-70) !important;
}

.text-blue-60 {
  color: var(--blue-60) !important;
}

.bg-blue-60 {
  --background: var(--blue-60);
  background-color: var(--blue-60) !important;
}

.border-blue-60 {
  border-color: var(--blue-60) !important;
}

.text-blue-50 {
  color: var(--blue-50) !important;
}

.bg-blue-50 {
  --background: var(--blue-50);
  background-color: var(--blue-50) !important;
}

.border-blue-50 {
  border-color: var(--blue-50) !important;
}

.text-blue-40 {
  color: var(--blue-40) !important;
}

.bg-blue-40 {
  --background: var(--blue-40);
  background-color: var(--blue-40) !important;
}

.border-blue-40 {
  border-color: var(--blue-40) !important;
}

.text-blue-30 {
  color: var(--blue-30) !important;
}

.bg-blue-30 {
  --background: var(--blue-30);
  background-color: var(--blue-30) !important;
}

.border-blue-30 {
  border-color: var(--blue-30) !important;
}

.text-blue-20 {
  color: var(--blue-20) !important;
}

.bg-blue-20 {
  --background: var(--blue-20);
  background-color: var(--blue-20) !important;
}

.border-blue-20 {
  border-color: var(--blue-20) !important;
}

.text-blue-10 {
  color: var(--blue-10) !important;
}

.bg-blue-10 {
  --background: var(--blue-10);
  background-color: var(--blue-10) !important;
}

.border-blue-10 {
  border-color: var(--blue-10) !important;
}

.text-blue-5 {
  color: var(--blue-5) !important;
}

.bg-blue-5 {
  --background: var(--blue-5);
  background-color: var(--blue-5) !important;
}

.border-blue-5 {
  border-color: var(--blue-5) !important;
}

.text-blue-cool-90 {
  color: var(--blue-cool-90) !important;
}

.bg-blue-cool-90 {
  --background: var(--blue-cool-90);
  background-color: var(--blue-cool-90) !important;
}

.border-blue-cool-90 {
  border-color: var(--blue-cool-90) !important;
}

.text-blue-cool-80 {
  color: var(--blue-cool-80) !important;
}

.bg-blue-cool-80 {
  --background: var(--blue-cool-80);
  background-color: var(--blue-cool-80) !important;
}

.border-blue-cool-80 {
  border-color: var(--blue-cool-80) !important;
}

.text-blue-cool-70 {
  color: var(--blue-cool-70) !important;
}

.bg-blue-cool-70 {
  --background: var(--blue-cool-70);
  background-color: var(--blue-cool-70) !important;
}

.border-blue-cool-70 {
  border-color: var(--blue-cool-70) !important;
}

.text-blue-cool-60 {
  color: var(--blue-cool-60) !important;
}

.bg-blue-cool-60 {
  --background: var(--blue-cool-60);
  background-color: var(--blue-cool-60) !important;
}

.border-blue-cool-60 {
  border-color: var(--blue-cool-60) !important;
}

.text-blue-cool-50 {
  color: var(--blue-cool-50) !important;
}

.bg-blue-cool-50 {
  --background: var(--blue-cool-50);
  background-color: var(--blue-cool-50) !important;
}

.border-blue-cool-50 {
  border-color: var(--blue-cool-50) !important;
}

.text-blue-cool-40 {
  color: var(--blue-cool-40) !important;
}

.bg-blue-cool-40 {
  --background: var(--blue-cool-40);
  background-color: var(--blue-cool-40) !important;
}

.border-blue-cool-40 {
  border-color: var(--blue-cool-40) !important;
}

.text-blue-cool-30 {
  color: var(--blue-cool-30) !important;
}

.bg-blue-cool-30 {
  --background: var(--blue-cool-30);
  background-color: var(--blue-cool-30) !important;
}

.border-blue-cool-30 {
  border-color: var(--blue-cool-30) !important;
}

.text-blue-cool-20 {
  color: var(--blue-cool-20) !important;
}

.bg-blue-cool-20 {
  --background: var(--blue-cool-20);
  background-color: var(--blue-cool-20) !important;
}

.border-blue-cool-20 {
  border-color: var(--blue-cool-20) !important;
}

.text-blue-cool-10 {
  color: var(--blue-cool-10) !important;
}

.bg-blue-cool-10 {
  --background: var(--blue-cool-10);
  background-color: var(--blue-cool-10) !important;
}

.border-blue-cool-10 {
  border-color: var(--blue-cool-10) !important;
}

.text-blue-cool-5 {
  color: var(--blue-cool-5) !important;
}

.bg-blue-cool-5 {
  --background: var(--blue-cool-5);
  background-color: var(--blue-cool-5) !important;
}

.border-blue-cool-5 {
  border-color: var(--blue-cool-5) !important;
}

.text-blue-warm-90 {
  color: var(--blue-warm-90) !important;
}

.bg-blue-warm-90 {
  --background: var(--blue-warm-90);
  background-color: var(--blue-warm-90) !important;
}

.border-blue-warm-90 {
  border-color: var(--blue-warm-90) !important;
}

.text-blue-warm-80 {
  color: var(--blue-warm-80) !important;
}

.bg-blue-warm-80 {
  --background: var(--blue-warm-80);
  background-color: var(--blue-warm-80) !important;
}

.border-blue-warm-80 {
  border-color: var(--blue-warm-80) !important;
}

.text-blue-warm-70 {
  color: var(--blue-warm-70) !important;
}

.bg-blue-warm-70 {
  --background: var(--blue-warm-70);
  background-color: var(--blue-warm-70) !important;
}

.border-blue-warm-70 {
  border-color: var(--blue-warm-70) !important;
}

.text-blue-warm-60 {
  color: var(--blue-warm-60) !important;
}

.bg-blue-warm-60 {
  --background: var(--blue-warm-60);
  background-color: var(--blue-warm-60) !important;
}

.border-blue-warm-60 {
  border-color: var(--blue-warm-60) !important;
}

.text-blue-warm-50 {
  color: var(--blue-warm-50) !important;
}

.bg-blue-warm-50 {
  --background: var(--blue-warm-50);
  background-color: var(--blue-warm-50) !important;
}

.border-blue-warm-50 {
  border-color: var(--blue-warm-50) !important;
}

.text-blue-warm-40 {
  color: var(--blue-warm-40) !important;
}

.bg-blue-warm-40 {
  --background: var(--blue-warm-40);
  background-color: var(--blue-warm-40) !important;
}

.border-blue-warm-40 {
  border-color: var(--blue-warm-40) !important;
}

.text-blue-warm-30 {
  color: var(--blue-warm-30) !important;
}

.bg-blue-warm-30 {
  --background: var(--blue-warm-30);
  background-color: var(--blue-warm-30) !important;
}

.border-blue-warm-30 {
  border-color: var(--blue-warm-30) !important;
}

.text-blue-warm-20 {
  color: var(--blue-warm-20) !important;
}

.bg-blue-warm-20 {
  --background: var(--blue-warm-20);
  background-color: var(--blue-warm-20) !important;
}

.border-blue-warm-20 {
  border-color: var(--blue-warm-20) !important;
}

.text-blue-warm-10 {
  color: var(--blue-warm-10) !important;
}

.bg-blue-warm-10 {
  --background: var(--blue-warm-10);
  background-color: var(--blue-warm-10) !important;
}

.border-blue-warm-10 {
  border-color: var(--blue-warm-10) !important;
}

.text-blue-warm-5 {
  color: var(--blue-warm-5) !important;
}

.bg-blue-warm-5 {
  --background: var(--blue-warm-5);
  background-color: var(--blue-warm-5) !important;
}

.border-blue-warm-5 {
  border-color: var(--blue-warm-5) !important;
}

.text-blue-vivid-80 {
  color: var(--blue-vivid-80) !important;
}

.bg-blue-vivid-80 {
  --background: var(--blue-vivid-80);
  background-color: var(--blue-vivid-80) !important;
}

.border-blue-vivid-80 {
  border-color: var(--blue-vivid-80) !important;
}

.text-blue-vivid-70 {
  color: var(--blue-vivid-70) !important;
}

.bg-blue-vivid-70 {
  --background: var(--blue-vivid-70);
  background-color: var(--blue-vivid-70) !important;
}

.border-blue-vivid-70 {
  border-color: var(--blue-vivid-70) !important;
}

.text-blue-vivid-60 {
  color: var(--blue-vivid-60) !important;
}

.bg-blue-vivid-60 {
  --background: var(--blue-vivid-60);
  background-color: var(--blue-vivid-60) !important;
}

.border-blue-vivid-60 {
  border-color: var(--blue-vivid-60) !important;
}

.text-blue-vivid-50 {
  color: var(--blue-vivid-50) !important;
}

.bg-blue-vivid-50 {
  --background: var(--blue-vivid-50);
  background-color: var(--blue-vivid-50) !important;
}

.border-blue-vivid-50 {
  border-color: var(--blue-vivid-50) !important;
}

.text-blue-vivid-40 {
  color: var(--blue-vivid-40) !important;
}

.bg-blue-vivid-40 {
  --background: var(--blue-vivid-40);
  background-color: var(--blue-vivid-40) !important;
}

.border-blue-vivid-40 {
  border-color: var(--blue-vivid-40) !important;
}

.text-blue-vivid-30 {
  color: var(--blue-vivid-30) !important;
}

.bg-blue-vivid-30 {
  --background: var(--blue-vivid-30);
  background-color: var(--blue-vivid-30) !important;
}

.border-blue-vivid-30 {
  border-color: var(--blue-vivid-30) !important;
}

.text-blue-vivid-20 {
  color: var(--blue-vivid-20) !important;
}

.bg-blue-vivid-20 {
  --background: var(--blue-vivid-20);
  background-color: var(--blue-vivid-20) !important;
}

.border-blue-vivid-20 {
  border-color: var(--blue-vivid-20) !important;
}

.text-blue-vivid-10 {
  color: var(--blue-vivid-10) !important;
}

.bg-blue-vivid-10 {
  --background: var(--blue-vivid-10);
  background-color: var(--blue-vivid-10) !important;
}

.border-blue-vivid-10 {
  border-color: var(--blue-vivid-10) !important;
}

.text-blue-vivid-5 {
  color: var(--blue-vivid-5) !important;
}

.bg-blue-vivid-5 {
  --background: var(--blue-vivid-5);
  background-color: var(--blue-vivid-5) !important;
}

.border-blue-vivid-5 {
  border-color: var(--blue-vivid-5) !important;
}

.text-blue-cool-vivid-80 {
  color: var(--blue-cool-vivid-80) !important;
}

.bg-blue-cool-vivid-80 {
  --background: var(--blue-cool-vivid-80);
  background-color: var(--blue-cool-vivid-80) !important;
}

.border-blue-cool-vivid-80 {
  border-color: var(--blue-cool-vivid-80) !important;
}

.text-blue-cool-vivid-70 {
  color: var(--blue-cool-vivid-70) !important;
}

.bg-blue-cool-vivid-70 {
  --background: var(--blue-cool-vivid-70);
  background-color: var(--blue-cool-vivid-70) !important;
}

.border-blue-cool-vivid-70 {
  border-color: var(--blue-cool-vivid-70) !important;
}

.text-blue-cool-vivid-60 {
  color: var(--blue-cool-vivid-60) !important;
}

.bg-blue-cool-vivid-60 {
  --background: var(--blue-cool-vivid-60);
  background-color: var(--blue-cool-vivid-60) !important;
}

.border-blue-cool-vivid-60 {
  border-color: var(--blue-cool-vivid-60) !important;
}

.text-blue-cool-vivid-50 {
  color: var(--blue-cool-vivid-50) !important;
}

.bg-blue-cool-vivid-50 {
  --background: var(--blue-cool-vivid-50);
  background-color: var(--blue-cool-vivid-50) !important;
}

.border-blue-cool-vivid-50 {
  border-color: var(--blue-cool-vivid-50) !important;
}

.text-blue-cool-vivid-40 {
  color: var(--blue-cool-vivid-40) !important;
}

.bg-blue-cool-vivid-40 {
  --background: var(--blue-cool-vivid-40);
  background-color: var(--blue-cool-vivid-40) !important;
}

.border-blue-cool-vivid-40 {
  border-color: var(--blue-cool-vivid-40) !important;
}

.text-blue-cool-vivid-30 {
  color: var(--blue-cool-vivid-30) !important;
}

.bg-blue-cool-vivid-30 {
  --background: var(--blue-cool-vivid-30);
  background-color: var(--blue-cool-vivid-30) !important;
}

.border-blue-cool-vivid-30 {
  border-color: var(--blue-cool-vivid-30) !important;
}

.text-blue-cool-vivid-20 {
  color: var(--blue-cool-vivid-20) !important;
}

.bg-blue-cool-vivid-20 {
  --background: var(--blue-cool-vivid-20);
  background-color: var(--blue-cool-vivid-20) !important;
}

.border-blue-cool-vivid-20 {
  border-color: var(--blue-cool-vivid-20) !important;
}

.text-blue-cool-vivid-10 {
  color: var(--blue-cool-vivid-10) !important;
}

.bg-blue-cool-vivid-10 {
  --background: var(--blue-cool-vivid-10);
  background-color: var(--blue-cool-vivid-10) !important;
}

.border-blue-cool-vivid-10 {
  border-color: var(--blue-cool-vivid-10) !important;
}

.text-blue-cool-vivid-5 {
  color: var(--blue-cool-vivid-5) !important;
}

.bg-blue-cool-vivid-5 {
  --background: var(--blue-cool-vivid-5);
  background-color: var(--blue-cool-vivid-5) !important;
}

.border-blue-cool-vivid-5 {
  border-color: var(--blue-cool-vivid-5) !important;
}

.text-blue-warm-vivid-90 {
  color: var(--blue-warm-vivid-90) !important;
}

.bg-blue-warm-vivid-90 {
  --background: var(--blue-warm-vivid-90);
  background-color: var(--blue-warm-vivid-90) !important;
}

.border-blue-warm-vivid-90 {
  border-color: var(--blue-warm-vivid-90) !important;
}

.text-blue-warm-vivid-80 {
  color: var(--blue-warm-vivid-80) !important;
}

.bg-blue-warm-vivid-80 {
  --background: var(--blue-warm-vivid-80);
  background-color: var(--blue-warm-vivid-80) !important;
}

.border-blue-warm-vivid-80 {
  border-color: var(--blue-warm-vivid-80) !important;
}

.text-blue-warm-vivid-70 {
  color: var(--blue-warm-vivid-70) !important;
}

.bg-blue-warm-vivid-70 {
  --background: var(--blue-warm-vivid-70);
  background-color: var(--blue-warm-vivid-70) !important;
}

.border-blue-warm-vivid-70 {
  border-color: var(--blue-warm-vivid-70) !important;
}

.text-blue-warm-vivid-60 {
  color: var(--blue-warm-vivid-60) !important;
}

.bg-blue-warm-vivid-60 {
  --background: var(--blue-warm-vivid-60);
  background-color: var(--blue-warm-vivid-60) !important;
}

.border-blue-warm-vivid-60 {
  border-color: var(--blue-warm-vivid-60) !important;
}

.text-blue-warm-vivid-50 {
  color: var(--blue-warm-vivid-50) !important;
}

.bg-blue-warm-vivid-50 {
  --background: var(--blue-warm-vivid-50);
  background-color: var(--blue-warm-vivid-50) !important;
}

.border-blue-warm-vivid-50 {
  border-color: var(--blue-warm-vivid-50) !important;
}

.text-blue-warm-vivid-40 {
  color: var(--blue-warm-vivid-40) !important;
}

.bg-blue-warm-vivid-40 {
  --background: var(--blue-warm-vivid-40);
  background-color: var(--blue-warm-vivid-40) !important;
}

.border-blue-warm-vivid-40 {
  border-color: var(--blue-warm-vivid-40) !important;
}

.text-blue-warm-vivid-30 {
  color: var(--blue-warm-vivid-30) !important;
}

.bg-blue-warm-vivid-30 {
  --background: var(--blue-warm-vivid-30);
  background-color: var(--blue-warm-vivid-30) !important;
}

.border-blue-warm-vivid-30 {
  border-color: var(--blue-warm-vivid-30) !important;
}

.text-blue-warm-vivid-20 {
  color: var(--blue-warm-vivid-20) !important;
}

.bg-blue-warm-vivid-20 {
  --background: var(--blue-warm-vivid-20);
  background-color: var(--blue-warm-vivid-20) !important;
}

.border-blue-warm-vivid-20 {
  border-color: var(--blue-warm-vivid-20) !important;
}

.text-blue-warm-vivid-10 {
  color: var(--blue-warm-vivid-10) !important;
}

.bg-blue-warm-vivid-10 {
  --background: var(--blue-warm-vivid-10);
  background-color: var(--blue-warm-vivid-10) !important;
}

.border-blue-warm-vivid-10 {
  border-color: var(--blue-warm-vivid-10) !important;
}

.text-blue-warm-vivid-5 {
  color: var(--blue-warm-vivid-5) !important;
}

.bg-blue-warm-vivid-5 {
  --background: var(--blue-warm-vivid-5);
  background-color: var(--blue-warm-vivid-5) !important;
}

.border-blue-warm-vivid-5 {
  border-color: var(--blue-warm-vivid-5) !important;
}

.text-cyan-90 {
  color: var(--cyan-90) !important;
}

.bg-cyan-90 {
  --background: var(--cyan-90);
  background-color: var(--cyan-90) !important;
}

.border-cyan-90 {
  border-color: var(--cyan-90) !important;
}

.text-cyan-80 {
  color: var(--cyan-80) !important;
}

.bg-cyan-80 {
  --background: var(--cyan-80);
  background-color: var(--cyan-80) !important;
}

.border-cyan-80 {
  border-color: var(--cyan-80) !important;
}

.text-cyan-70 {
  color: var(--cyan-70) !important;
}

.bg-cyan-70 {
  --background: var(--cyan-70);
  background-color: var(--cyan-70) !important;
}

.border-cyan-70 {
  border-color: var(--cyan-70) !important;
}

.text-cyan-60 {
  color: var(--cyan-60) !important;
}

.bg-cyan-60 {
  --background: var(--cyan-60);
  background-color: var(--cyan-60) !important;
}

.border-cyan-60 {
  border-color: var(--cyan-60) !important;
}

.text-cyan-50 {
  color: var(--cyan-50) !important;
}

.bg-cyan-50 {
  --background: var(--cyan-50);
  background-color: var(--cyan-50) !important;
}

.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}

.text-cyan-40 {
  color: var(--cyan-40) !important;
}

.bg-cyan-40 {
  --background: var(--cyan-40);
  background-color: var(--cyan-40) !important;
}

.border-cyan-40 {
  border-color: var(--cyan-40) !important;
}

.text-cyan-30 {
  color: var(--cyan-30) !important;
}

.bg-cyan-30 {
  --background: var(--cyan-30);
  background-color: var(--cyan-30) !important;
}

.border-cyan-30 {
  border-color: var(--cyan-30) !important;
}

.text-cyan-20 {
  color: var(--cyan-20) !important;
}

.bg-cyan-20 {
  --background: var(--cyan-20);
  background-color: var(--cyan-20) !important;
}

.border-cyan-20 {
  border-color: var(--cyan-20) !important;
}

.text-cyan-10 {
  color: var(--cyan-10) !important;
}

.bg-cyan-10 {
  --background: var(--cyan-10);
  background-color: var(--cyan-10) !important;
}

.border-cyan-10 {
  border-color: var(--cyan-10) !important;
}

.text-cyan-5 {
  color: var(--cyan-5) !important;
}

.bg-cyan-5 {
  --background: var(--cyan-5);
  background-color: var(--cyan-5) !important;
}

.border-cyan-5 {
  border-color: var(--cyan-5) !important;
}

.text-cyan-vivid-80 {
  color: var(--cyan-vivid-80) !important;
}

.bg-cyan-vivid-80 {
  --background: var(--cyan-vivid-80);
  background-color: var(--cyan-vivid-80) !important;
}

.border-cyan-vivid-80 {
  border-color: var(--cyan-vivid-80) !important;
}

.text-cyan-vivid-70 {
  color: var(--cyan-vivid-70) !important;
}

.bg-cyan-vivid-70 {
  --background: var(--cyan-vivid-70);
  background-color: var(--cyan-vivid-70) !important;
}

.border-cyan-vivid-70 {
  border-color: var(--cyan-vivid-70) !important;
}

.text-cyan-vivid-60 {
  color: var(--cyan-vivid-60) !important;
}

.bg-cyan-vivid-60 {
  --background: var(--cyan-vivid-60);
  background-color: var(--cyan-vivid-60) !important;
}

.border-cyan-vivid-60 {
  border-color: var(--cyan-vivid-60) !important;
}

.text-cyan-vivid-50 {
  color: var(--cyan-vivid-50) !important;
}

.bg-cyan-vivid-50 {
  --background: var(--cyan-vivid-50);
  background-color: var(--cyan-vivid-50) !important;
}

.border-cyan-vivid-50 {
  border-color: var(--cyan-vivid-50) !important;
}

.text-cyan-vivid-40 {
  color: var(--cyan-vivid-40) !important;
}

.bg-cyan-vivid-40 {
  --background: var(--cyan-vivid-40);
  background-color: var(--cyan-vivid-40) !important;
}

.border-cyan-vivid-40 {
  border-color: var(--cyan-vivid-40) !important;
}

.text-cyan-vivid-30 {
  color: var(--cyan-vivid-30) !important;
}

.bg-cyan-vivid-30 {
  --background: var(--cyan-vivid-30);
  background-color: var(--cyan-vivid-30) !important;
}

.border-cyan-vivid-30 {
  border-color: var(--cyan-vivid-30) !important;
}

.text-cyan-vivid-20 {
  color: var(--cyan-vivid-20) !important;
}

.bg-cyan-vivid-20 {
  --background: var(--cyan-vivid-20);
  background-color: var(--cyan-vivid-20) !important;
}

.border-cyan-vivid-20 {
  border-color: var(--cyan-vivid-20) !important;
}

.text-cyan-vivid-10 {
  color: var(--cyan-vivid-10) !important;
}

.bg-cyan-vivid-10 {
  --background: var(--cyan-vivid-10);
  background-color: var(--cyan-vivid-10) !important;
}

.border-cyan-vivid-10 {
  border-color: var(--cyan-vivid-10) !important;
}

.text-cyan-vivid-5 {
  color: var(--cyan-vivid-5) !important;
}

.bg-cyan-vivid-5 {
  --background: var(--cyan-vivid-5);
  background-color: var(--cyan-vivid-5) !important;
}

.border-cyan-vivid-5 {
  border-color: var(--cyan-vivid-5) !important;
}

.text-gold-90 {
  color: var(--gold-90) !important;
}

.bg-gold-90 {
  --background: var(--gold-90);
  background-color: var(--gold-90) !important;
}

.border-gold-90 {
  border-color: var(--gold-90) !important;
}

.text-gold-80 {
  color: var(--gold-80) !important;
}

.bg-gold-80 {
  --background: var(--gold-80);
  background-color: var(--gold-80) !important;
}

.border-gold-80 {
  border-color: var(--gold-80) !important;
}

.text-gold-70 {
  color: var(--gold-70) !important;
}

.bg-gold-70 {
  --background: var(--gold-70);
  background-color: var(--gold-70) !important;
}

.border-gold-70 {
  border-color: var(--gold-70) !important;
}

.text-gold-60 {
  color: var(--gold-60) !important;
}

.bg-gold-60 {
  --background: var(--gold-60);
  background-color: var(--gold-60) !important;
}

.border-gold-60 {
  border-color: var(--gold-60) !important;
}

.text-gold-50 {
  color: var(--gold-50) !important;
}

.bg-gold-50 {
  --background: var(--gold-50);
  background-color: var(--gold-50) !important;
}

.border-gold-50 {
  border-color: var(--gold-50) !important;
}

.text-gold-40 {
  color: var(--gold-40) !important;
}

.bg-gold-40 {
  --background: var(--gold-40);
  background-color: var(--gold-40) !important;
}

.border-gold-40 {
  border-color: var(--gold-40) !important;
}

.text-gold-30 {
  color: var(--gold-30) !important;
}

.bg-gold-30 {
  --background: var(--gold-30);
  background-color: var(--gold-30) !important;
}

.border-gold-30 {
  border-color: var(--gold-30) !important;
}

.text-gold-20 {
  color: var(--gold-20) !important;
}

.bg-gold-20 {
  --background: var(--gold-20);
  background-color: var(--gold-20) !important;
}

.border-gold-20 {
  border-color: var(--gold-20) !important;
}

.text-gold-10 {
  color: var(--gold-10) !important;
}

.bg-gold-10 {
  --background: var(--gold-10);
  background-color: var(--gold-10) !important;
}

.border-gold-10 {
  border-color: var(--gold-10) !important;
}

.text-gold-5 {
  color: var(--gold-5) !important;
}

.bg-gold-5 {
  --background: var(--gold-5);
  background-color: var(--gold-5) !important;
}

.border-gold-5 {
  border-color: var(--gold-5) !important;
}

.text-gold-vivid-80 {
  color: var(--gold-vivid-80) !important;
}

.bg-gold-vivid-80 {
  --background: var(--gold-vivid-80);
  background-color: var(--gold-vivid-80) !important;
}

.border-gold-vivid-80 {
  border-color: var(--gold-vivid-80) !important;
}

.text-gold-vivid-70 {
  color: var(--gold-vivid-70) !important;
}

.bg-gold-vivid-70 {
  --background: var(--gold-vivid-70);
  background-color: var(--gold-vivid-70) !important;
}

.border-gold-vivid-70 {
  border-color: var(--gold-vivid-70) !important;
}

.text-gold-vivid-60 {
  color: var(--gold-vivid-60) !important;
}

.bg-gold-vivid-60 {
  --background: var(--gold-vivid-60);
  background-color: var(--gold-vivid-60) !important;
}

.border-gold-vivid-60 {
  border-color: var(--gold-vivid-60) !important;
}

.text-gold-vivid-50 {
  color: var(--gold-vivid-50) !important;
}

.bg-gold-vivid-50 {
  --background: var(--gold-vivid-50);
  background-color: var(--gold-vivid-50) !important;
}

.border-gold-vivid-50 {
  border-color: var(--gold-vivid-50) !important;
}

.text-gold-vivid-40 {
  color: var(--gold-vivid-40) !important;
}

.bg-gold-vivid-40 {
  --background: var(--gold-vivid-40);
  background-color: var(--gold-vivid-40) !important;
}

.border-gold-vivid-40 {
  border-color: var(--gold-vivid-40) !important;
}

.text-gold-vivid-30 {
  color: var(--gold-vivid-30) !important;
}

.bg-gold-vivid-30 {
  --background: var(--gold-vivid-30);
  background-color: var(--gold-vivid-30) !important;
}

.border-gold-vivid-30 {
  border-color: var(--gold-vivid-30) !important;
}

.text-gold-vivid-20 {
  color: var(--gold-vivid-20) !important;
}

.bg-gold-vivid-20 {
  --background: var(--gold-vivid-20);
  background-color: var(--gold-vivid-20) !important;
}

.border-gold-vivid-20 {
  border-color: var(--gold-vivid-20) !important;
}

.text-gold-vivid-10 {
  color: var(--gold-vivid-10) !important;
}

.bg-gold-vivid-10 {
  --background: var(--gold-vivid-10);
  background-color: var(--gold-vivid-10) !important;
}

.border-gold-vivid-10 {
  border-color: var(--gold-vivid-10) !important;
}

.text-gold-vivid-5 {
  color: var(--gold-vivid-5) !important;
}

.bg-gold-vivid-5 {
  --background: var(--gold-vivid-5);
  background-color: var(--gold-vivid-5) !important;
}

.border-gold-vivid-5 {
  border-color: var(--gold-vivid-5) !important;
}

.text-gray-90 {
  color: var(--gray-90) !important;
}

.bg-gray-90 {
  --background: var(--gray-90);
  background-color: var(--gray-90) !important;
}

.border-gray-90 {
  border-color: var(--gray-90) !important;
}

.text-gray-80 {
  color: var(--gray-80) !important;
}

.bg-gray-80 {
  --background: var(--gray-80);
  background-color: var(--gray-80) !important;
}

.border-gray-80 {
  border-color: var(--gray-80) !important;
}

.text-gray-70 {
  color: var(--gray-70) !important;
}

.bg-gray-70 {
  --background: var(--gray-70);
  background-color: var(--gray-70) !important;
}

.border-gray-70 {
  border-color: var(--gray-70) !important;
}

.text-gray-60 {
  color: var(--gray-60) !important;
}

.bg-gray-60 {
  --background: var(--gray-60);
  background-color: var(--gray-60) !important;
}

.border-gray-60 {
  border-color: var(--gray-60) !important;
}

.text-gray-50 {
  color: var(--gray-50) !important;
}

.bg-gray-50 {
  --background: var(--gray-50);
  background-color: var(--gray-50) !important;
}

.border-gray-50 {
  border-color: var(--gray-50) !important;
}

.text-gray-40 {
  color: var(--gray-40) !important;
}

.bg-gray-40 {
  --background: var(--gray-40);
  background-color: var(--gray-40) !important;
}

.border-gray-40 {
  border-color: var(--gray-40) !important;
}

.text-gray-30 {
  color: var(--gray-30) !important;
}

.bg-gray-30 {
  --background: var(--gray-30);
  background-color: var(--gray-30) !important;
}

.border-gray-30 {
  border-color: var(--gray-30) !important;
}

.text-gray-20 {
  color: var(--gray-20) !important;
}

.bg-gray-20 {
  --background: var(--gray-20);
  background-color: var(--gray-20) !important;
}

.border-gray-20 {
  border-color: var(--gray-20) !important;
}

.text-gray-10 {
  color: var(--gray-10) !important;
}

.bg-gray-10 {
  --background: var(--gray-10);
  background-color: var(--gray-10) !important;
}

.border-gray-10 {
  border-color: var(--gray-10) !important;
}

.text-gray-5 {
  color: var(--gray-5) !important;
}

.bg-gray-5 {
  --background: var(--gray-5);
  background-color: var(--gray-5) !important;
}

.border-gray-5 {
  border-color: var(--gray-5) !important;
}

.text-gray-4 {
  color: var(--gray-4) !important;
}

.bg-gray-4 {
  --background: var(--gray-4);
  background-color: var(--gray-4) !important;
}

.border-gray-4 {
  border-color: var(--gray-4) !important;
}

.text-gray-3 {
  color: var(--gray-3) !important;
}

.bg-gray-3 {
  --background: var(--gray-3);
  background-color: var(--gray-3) !important;
}

.border-gray-3 {
  border-color: var(--gray-3) !important;
}

.text-gray-2 {
  color: var(--gray-2) !important;
}

.bg-gray-2 {
  --background: var(--gray-2);
  background-color: var(--gray-2) !important;
}

.border-gray-2 {
  border-color: var(--gray-2) !important;
}

.text-gray-1 {
  color: var(--gray-1) !important;
}

.bg-gray-1 {
  --background: var(--gray-1);
  background-color: var(--gray-1) !important;
}

.border-gray-1 {
  border-color: var(--gray-1) !important;
}

.text-gray-cool-90 {
  color: var(--gray-cool-90) !important;
}

.bg-gray-cool-90 {
  --background: var(--gray-cool-90);
  background-color: var(--gray-cool-90) !important;
}

.border-gray-cool-90 {
  border-color: var(--gray-cool-90) !important;
}

.text-gray-cool-80 {
  color: var(--gray-cool-80) !important;
}

.bg-gray-cool-80 {
  --background: var(--gray-cool-80);
  background-color: var(--gray-cool-80) !important;
}

.border-gray-cool-80 {
  border-color: var(--gray-cool-80) !important;
}

.text-gray-cool-70 {
  color: var(--gray-cool-70) !important;
}

.bg-gray-cool-70 {
  --background: var(--gray-cool-70);
  background-color: var(--gray-cool-70) !important;
}

.border-gray-cool-70 {
  border-color: var(--gray-cool-70) !important;
}

.text-gray-cool-60 {
  color: var(--gray-cool-60) !important;
}

.bg-gray-cool-60 {
  --background: var(--gray-cool-60);
  background-color: var(--gray-cool-60) !important;
}

.border-gray-cool-60 {
  border-color: var(--gray-cool-60) !important;
}

.text-gray-cool-50 {
  color: var(--gray-cool-50) !important;
}

.bg-gray-cool-50 {
  --background: var(--gray-cool-50);
  background-color: var(--gray-cool-50) !important;
}

.border-gray-cool-50 {
  border-color: var(--gray-cool-50) !important;
}

.text-gray-cool-40 {
  color: var(--gray-cool-40) !important;
}

.bg-gray-cool-40 {
  --background: var(--gray-cool-40);
  background-color: var(--gray-cool-40) !important;
}

.border-gray-cool-40 {
  border-color: var(--gray-cool-40) !important;
}

.text-gray-cool-30 {
  color: var(--gray-cool-30) !important;
}

.bg-gray-cool-30 {
  --background: var(--gray-cool-30);
  background-color: var(--gray-cool-30) !important;
}

.border-gray-cool-30 {
  border-color: var(--gray-cool-30) !important;
}

.text-gray-cool-20 {
  color: var(--gray-cool-20) !important;
}

.bg-gray-cool-20 {
  --background: var(--gray-cool-20);
  background-color: var(--gray-cool-20) !important;
}

.border-gray-cool-20 {
  border-color: var(--gray-cool-20) !important;
}

.text-gray-cool-10 {
  color: var(--gray-cool-10) !important;
}

.bg-gray-cool-10 {
  --background: var(--gray-cool-10);
  background-color: var(--gray-cool-10) !important;
}

.border-gray-cool-10 {
  border-color: var(--gray-cool-10) !important;
}

.text-gray-cool-5 {
  color: var(--gray-cool-5) !important;
}

.bg-gray-cool-5 {
  --background: var(--gray-cool-5);
  background-color: var(--gray-cool-5) !important;
}

.border-gray-cool-5 {
  border-color: var(--gray-cool-5) !important;
}

.text-gray-cool-4 {
  color: var(--gray-cool-4) !important;
}

.bg-gray-cool-4 {
  --background: var(--gray-cool-4);
  background-color: var(--gray-cool-4) !important;
}

.border-gray-cool-4 {
  border-color: var(--gray-cool-4) !important;
}

.text-gray-cool-3 {
  color: var(--gray-cool-3) !important;
}

.bg-gray-cool-3 {
  --background: var(--gray-cool-3);
  background-color: var(--gray-cool-3) !important;
}

.border-gray-cool-3 {
  border-color: var(--gray-cool-3) !important;
}

.text-gray-cool-2 {
  color: var(--gray-cool-2) !important;
}

.bg-gray-cool-2 {
  --background: var(--gray-cool-2);
  background-color: var(--gray-cool-2) !important;
}

.border-gray-cool-2 {
  border-color: var(--gray-cool-2) !important;
}

.text-gray-cool-1 {
  color: var(--gray-cool-1) !important;
}

.bg-gray-cool-1 {
  --background: var(--gray-cool-1);
  background-color: var(--gray-cool-1) !important;
}

.border-gray-cool-1 {
  border-color: var(--gray-cool-1) !important;
}

.text-gray-warm-90 {
  color: var(--gray-warm-90) !important;
}

.bg-gray-warm-90 {
  --background: var(--gray-warm-90);
  background-color: var(--gray-warm-90) !important;
}

.border-gray-warm-90 {
  border-color: var(--gray-warm-90) !important;
}

.text-gray-warm-80 {
  color: var(--gray-warm-80) !important;
}

.bg-gray-warm-80 {
  --background: var(--gray-warm-80);
  background-color: var(--gray-warm-80) !important;
}

.border-gray-warm-80 {
  border-color: var(--gray-warm-80) !important;
}

.text-gray-warm-70 {
  color: var(--gray-warm-70) !important;
}

.bg-gray-warm-70 {
  --background: var(--gray-warm-70);
  background-color: var(--gray-warm-70) !important;
}

.border-gray-warm-70 {
  border-color: var(--gray-warm-70) !important;
}

.text-gray-warm-60 {
  color: var(--gray-warm-60) !important;
}

.bg-gray-warm-60 {
  --background: var(--gray-warm-60);
  background-color: var(--gray-warm-60) !important;
}

.border-gray-warm-60 {
  border-color: var(--gray-warm-60) !important;
}

.text-gray-warm-50 {
  color: var(--gray-warm-50) !important;
}

.bg-gray-warm-50 {
  --background: var(--gray-warm-50);
  background-color: var(--gray-warm-50) !important;
}

.border-gray-warm-50 {
  border-color: var(--gray-warm-50) !important;
}

.text-gray-warm-40 {
  color: var(--gray-warm-40) !important;
}

.bg-gray-warm-40 {
  --background: var(--gray-warm-40);
  background-color: var(--gray-warm-40) !important;
}

.border-gray-warm-40 {
  border-color: var(--gray-warm-40) !important;
}

.text-gray-warm-30 {
  color: var(--gray-warm-30) !important;
}

.bg-gray-warm-30 {
  --background: var(--gray-warm-30);
  background-color: var(--gray-warm-30) !important;
}

.border-gray-warm-30 {
  border-color: var(--gray-warm-30) !important;
}

.text-gray-warm-20 {
  color: var(--gray-warm-20) !important;
}

.bg-gray-warm-20 {
  --background: var(--gray-warm-20);
  background-color: var(--gray-warm-20) !important;
}

.border-gray-warm-20 {
  border-color: var(--gray-warm-20) !important;
}

.text-gray-warm-10 {
  color: var(--gray-warm-10) !important;
}

.bg-gray-warm-10 {
  --background: var(--gray-warm-10);
  background-color: var(--gray-warm-10) !important;
}

.border-gray-warm-10 {
  border-color: var(--gray-warm-10) !important;
}

.text-gray-warm-5 {
  color: var(--gray-warm-5) !important;
}

.bg-gray-warm-5 {
  --background: var(--gray-warm-5);
  background-color: var(--gray-warm-5) !important;
}

.border-gray-warm-5 {
  border-color: var(--gray-warm-5) !important;
}

.text-gray-warm-4 {
  color: var(--gray-warm-4) !important;
}

.bg-gray-warm-4 {
  --background: var(--gray-warm-4);
  background-color: var(--gray-warm-4) !important;
}

.border-gray-warm-4 {
  border-color: var(--gray-warm-4) !important;
}

.text-gray-warm-3 {
  color: var(--gray-warm-3) !important;
}

.bg-gray-warm-3 {
  --background: var(--gray-warm-3);
  background-color: var(--gray-warm-3) !important;
}

.border-gray-warm-3 {
  border-color: var(--gray-warm-3) !important;
}

.text-gray-warm-2 {
  color: var(--gray-warm-2) !important;
}

.bg-gray-warm-2 {
  --background: var(--gray-warm-2);
  background-color: var(--gray-warm-2) !important;
}

.border-gray-warm-2 {
  border-color: var(--gray-warm-2) !important;
}

.text-gray-warm-1 {
  color: var(--gray-warm-1) !important;
}

.bg-gray-warm-1 {
  --background: var(--gray-warm-1);
  background-color: var(--gray-warm-1) !important;
}

.border-gray-warm-1 {
  border-color: var(--gray-warm-1) !important;
}

.text-green-90 {
  color: var(--green-90) !important;
}

.bg-green-90 {
  --background: var(--green-90);
  background-color: var(--green-90) !important;
}

.border-green-90 {
  border-color: var(--green-90) !important;
}

.text-green-80 {
  color: var(--green-80) !important;
}

.bg-green-80 {
  --background: var(--green-80);
  background-color: var(--green-80) !important;
}

.border-green-80 {
  border-color: var(--green-80) !important;
}

.text-green-70 {
  color: var(--green-70) !important;
}

.bg-green-70 {
  --background: var(--green-70);
  background-color: var(--green-70) !important;
}

.border-green-70 {
  border-color: var(--green-70) !important;
}

.text-green-60 {
  color: var(--green-60) !important;
}

.bg-green-60 {
  --background: var(--green-60);
  background-color: var(--green-60) !important;
}

.border-green-60 {
  border-color: var(--green-60) !important;
}

.text-green-50 {
  color: var(--green-50) !important;
}

.bg-green-50 {
  --background: var(--green-50);
  background-color: var(--green-50) !important;
}

.border-green-50 {
  border-color: var(--green-50) !important;
}

.text-green-40 {
  color: var(--green-40) !important;
}

.bg-green-40 {
  --background: var(--green-40);
  background-color: var(--green-40) !important;
}

.border-green-40 {
  border-color: var(--green-40) !important;
}

.text-green-30 {
  color: var(--green-30) !important;
}

.bg-green-30 {
  --background: var(--green-30);
  background-color: var(--green-30) !important;
}

.border-green-30 {
  border-color: var(--green-30) !important;
}

.text-green-20 {
  color: var(--green-20) !important;
}

.bg-green-20 {
  --background: var(--green-20);
  background-color: var(--green-20) !important;
}

.border-green-20 {
  border-color: var(--green-20) !important;
}

.text-green-10 {
  color: var(--green-10) !important;
}

.bg-green-10 {
  --background: var(--green-10);
  background-color: var(--green-10) !important;
}

.border-green-10 {
  border-color: var(--green-10) !important;
}

.text-green-5 {
  color: var(--green-5) !important;
}

.bg-green-5 {
  --background: var(--green-5);
  background-color: var(--green-5) !important;
}

.border-green-5 {
  border-color: var(--green-5) !important;
}

.text-green-cool-90 {
  color: var(--green-cool-90) !important;
}

.bg-green-cool-90 {
  --background: var(--green-cool-90);
  background-color: var(--green-cool-90) !important;
}

.border-green-cool-90 {
  border-color: var(--green-cool-90) !important;
}

.text-green-cool-80 {
  color: var(--green-cool-80) !important;
}

.bg-green-cool-80 {
  --background: var(--green-cool-80);
  background-color: var(--green-cool-80) !important;
}

.border-green-cool-80 {
  border-color: var(--green-cool-80) !important;
}

.text-green-cool-70 {
  color: var(--green-cool-70) !important;
}

.bg-green-cool-70 {
  --background: var(--green-cool-70);
  background-color: var(--green-cool-70) !important;
}

.border-green-cool-70 {
  border-color: var(--green-cool-70) !important;
}

.text-green-cool-60 {
  color: var(--green-cool-60) !important;
}

.bg-green-cool-60 {
  --background: var(--green-cool-60);
  background-color: var(--green-cool-60) !important;
}

.border-green-cool-60 {
  border-color: var(--green-cool-60) !important;
}

.text-green-cool-50 {
  color: var(--green-cool-50) !important;
}

.bg-green-cool-50 {
  --background: var(--green-cool-50);
  background-color: var(--green-cool-50) !important;
}

.border-green-cool-50 {
  border-color: var(--green-cool-50) !important;
}

.text-green-cool-40 {
  color: var(--green-cool-40) !important;
}

.bg-green-cool-40 {
  --background: var(--green-cool-40);
  background-color: var(--green-cool-40) !important;
}

.border-green-cool-40 {
  border-color: var(--green-cool-40) !important;
}

.text-green-cool-30 {
  color: var(--green-cool-30) !important;
}

.bg-green-cool-30 {
  --background: var(--green-cool-30);
  background-color: var(--green-cool-30) !important;
}

.border-green-cool-30 {
  border-color: var(--green-cool-30) !important;
}

.text-green-cool-20 {
  color: var(--green-cool-20) !important;
}

.bg-green-cool-20 {
  --background: var(--green-cool-20);
  background-color: var(--green-cool-20) !important;
}

.border-green-cool-20 {
  border-color: var(--green-cool-20) !important;
}

.text-green-cool-10 {
  color: var(--green-cool-10) !important;
}

.bg-green-cool-10 {
  --background: var(--green-cool-10);
  background-color: var(--green-cool-10) !important;
}

.border-green-cool-10 {
  border-color: var(--green-cool-10) !important;
}

.text-green-cool-5 {
  color: var(--green-cool-5) !important;
}

.bg-green-cool-5 {
  --background: var(--green-cool-5);
  background-color: var(--green-cool-5) !important;
}

.border-green-cool-5 {
  border-color: var(--green-cool-5) !important;
}

.text-green-warm-90 {
  color: var(--green-warm-90) !important;
}

.bg-green-warm-90 {
  --background: var(--green-warm-90);
  background-color: var(--green-warm-90) !important;
}

.border-green-warm-90 {
  border-color: var(--green-warm-90) !important;
}

.text-green-warm-80 {
  color: var(--green-warm-80) !important;
}

.bg-green-warm-80 {
  --background: var(--green-warm-80);
  background-color: var(--green-warm-80) !important;
}

.border-green-warm-80 {
  border-color: var(--green-warm-80) !important;
}

.text-green-warm-70 {
  color: var(--green-warm-70) !important;
}

.bg-green-warm-70 {
  --background: var(--green-warm-70);
  background-color: var(--green-warm-70) !important;
}

.border-green-warm-70 {
  border-color: var(--green-warm-70) !important;
}

.text-green-warm-60 {
  color: var(--green-warm-60) !important;
}

.bg-green-warm-60 {
  --background: var(--green-warm-60);
  background-color: var(--green-warm-60) !important;
}

.border-green-warm-60 {
  border-color: var(--green-warm-60) !important;
}

.text-green-warm-50 {
  color: var(--green-warm-50) !important;
}

.bg-green-warm-50 {
  --background: var(--green-warm-50);
  background-color: var(--green-warm-50) !important;
}

.border-green-warm-50 {
  border-color: var(--green-warm-50) !important;
}

.text-green-warm-40 {
  color: var(--green-warm-40) !important;
}

.bg-green-warm-40 {
  --background: var(--green-warm-40);
  background-color: var(--green-warm-40) !important;
}

.border-green-warm-40 {
  border-color: var(--green-warm-40) !important;
}

.text-green-warm-30 {
  color: var(--green-warm-30) !important;
}

.bg-green-warm-30 {
  --background: var(--green-warm-30);
  background-color: var(--green-warm-30) !important;
}

.border-green-warm-30 {
  border-color: var(--green-warm-30) !important;
}

.text-green-warm-20 {
  color: var(--green-warm-20) !important;
}

.bg-green-warm-20 {
  --background: var(--green-warm-20);
  background-color: var(--green-warm-20) !important;
}

.border-green-warm-20 {
  border-color: var(--green-warm-20) !important;
}

.text-green-warm-10 {
  color: var(--green-warm-10) !important;
}

.bg-green-warm-10 {
  --background: var(--green-warm-10);
  background-color: var(--green-warm-10) !important;
}

.border-green-warm-10 {
  border-color: var(--green-warm-10) !important;
}

.text-green-warm-5 {
  color: var(--green-warm-5) !important;
}

.bg-green-warm-5 {
  --background: var(--green-warm-5);
  background-color: var(--green-warm-5) !important;
}

.border-green-warm-5 {
  border-color: var(--green-warm-5) !important;
}

.text-green-vivid-80 {
  color: var(--green-vivid-80) !important;
}

.bg-green-vivid-80 {
  --background: var(--green-vivid-80);
  background-color: var(--green-vivid-80) !important;
}

.border-green-vivid-80 {
  border-color: var(--green-vivid-80) !important;
}

.text-green-vivid-70 {
  color: var(--green-vivid-70) !important;
}

.bg-green-vivid-70 {
  --background: var(--green-vivid-70);
  background-color: var(--green-vivid-70) !important;
}

.border-green-vivid-70 {
  border-color: var(--green-vivid-70) !important;
}

.text-green-vivid-60 {
  color: var(--green-vivid-60) !important;
}

.bg-green-vivid-60 {
  --background: var(--green-vivid-60);
  background-color: var(--green-vivid-60) !important;
}

.border-green-vivid-60 {
  border-color: var(--green-vivid-60) !important;
}

.text-green-vivid-50 {
  color: var(--green-vivid-50) !important;
}

.bg-green-vivid-50 {
  --background: var(--green-vivid-50);
  background-color: var(--green-vivid-50) !important;
}

.border-green-vivid-50 {
  border-color: var(--green-vivid-50) !important;
}

.text-green-vivid-40 {
  color: var(--green-vivid-40) !important;
}

.bg-green-vivid-40 {
  --background: var(--green-vivid-40);
  background-color: var(--green-vivid-40) !important;
}

.border-green-vivid-40 {
  border-color: var(--green-vivid-40) !important;
}

.text-green-vivid-30 {
  color: var(--green-vivid-30) !important;
}

.bg-green-vivid-30 {
  --background: var(--green-vivid-30);
  background-color: var(--green-vivid-30) !important;
}

.border-green-vivid-30 {
  border-color: var(--green-vivid-30) !important;
}

.text-green-vivid-20 {
  color: var(--green-vivid-20) !important;
}

.bg-green-vivid-20 {
  --background: var(--green-vivid-20);
  background-color: var(--green-vivid-20) !important;
}

.border-green-vivid-20 {
  border-color: var(--green-vivid-20) !important;
}

.text-green-vivid-10 {
  color: var(--green-vivid-10) !important;
}

.bg-green-vivid-10 {
  --background: var(--green-vivid-10);
  background-color: var(--green-vivid-10) !important;
}

.border-green-vivid-10 {
  border-color: var(--green-vivid-10) !important;
}

.text-green-vivid-5 {
  color: var(--green-vivid-5) !important;
}

.bg-green-vivid-5 {
  --background: var(--green-vivid-5);
  background-color: var(--green-vivid-5) !important;
}

.border-green-vivid-5 {
  border-color: var(--green-vivid-5) !important;
}

.text-green-cool-vivid-80 {
  color: var(--green-cool-vivid-80) !important;
}

.bg-green-cool-vivid-80 {
  --background: var(--green-cool-vivid-80);
  background-color: var(--green-cool-vivid-80) !important;
}

.border-green-cool-vivid-80 {
  border-color: var(--green-cool-vivid-80) !important;
}

.text-green-cool-vivid-70 {
  color: var(--green-cool-vivid-70) !important;
}

.bg-green-cool-vivid-70 {
  --background: var(--green-cool-vivid-70);
  background-color: var(--green-cool-vivid-70) !important;
}

.border-green-cool-vivid-70 {
  border-color: var(--green-cool-vivid-70) !important;
}

.text-green-cool-vivid-60 {
  color: var(--green-cool-vivid-60) !important;
}

.bg-green-cool-vivid-60 {
  --background: var(--green-cool-vivid-60);
  background-color: var(--green-cool-vivid-60) !important;
}

.border-green-cool-vivid-60 {
  border-color: var(--green-cool-vivid-60) !important;
}

.text-green-cool-vivid-50 {
  color: var(--green-cool-vivid-50) !important;
}

.bg-green-cool-vivid-50 {
  --background: var(--green-cool-vivid-50);
  background-color: var(--green-cool-vivid-50) !important;
}

.border-green-cool-vivid-50 {
  border-color: var(--green-cool-vivid-50) !important;
}

.text-green-cool-vivid-40 {
  color: var(--green-cool-vivid-40) !important;
}

.bg-green-cool-vivid-40 {
  --background: var(--green-cool-vivid-40);
  background-color: var(--green-cool-vivid-40) !important;
}

.border-green-cool-vivid-40 {
  border-color: var(--green-cool-vivid-40) !important;
}

.text-green-cool-vivid-30 {
  color: var(--green-cool-vivid-30) !important;
}

.bg-green-cool-vivid-30 {
  --background: var(--green-cool-vivid-30);
  background-color: var(--green-cool-vivid-30) !important;
}

.border-green-cool-vivid-30 {
  border-color: var(--green-cool-vivid-30) !important;
}

.text-green-cool-vivid-20 {
  color: var(--green-cool-vivid-20) !important;
}

.bg-green-cool-vivid-20 {
  --background: var(--green-cool-vivid-20);
  background-color: var(--green-cool-vivid-20) !important;
}

.border-green-cool-vivid-20 {
  border-color: var(--green-cool-vivid-20) !important;
}

.text-green-cool-vivid-10 {
  color: var(--green-cool-vivid-10) !important;
}

.bg-green-cool-vivid-10 {
  --background: var(--green-cool-vivid-10);
  background-color: var(--green-cool-vivid-10) !important;
}

.border-green-cool-vivid-10 {
  border-color: var(--green-cool-vivid-10) !important;
}

.text-green-cool-vivid-5 {
  color: var(--green-cool-vivid-5) !important;
}

.bg-green-cool-vivid-5 {
  --background: var(--green-cool-vivid-5);
  background-color: var(--green-cool-vivid-5) !important;
}

.border-green-cool-vivid-5 {
  border-color: var(--green-cool-vivid-5) !important;
}

.text-green-warm-vivid-80 {
  color: var(--green-warm-vivid-80) !important;
}

.bg-green-warm-vivid-80 {
  --background: var(--green-warm-vivid-80);
  background-color: var(--green-warm-vivid-80) !important;
}

.border-green-warm-vivid-80 {
  border-color: var(--green-warm-vivid-80) !important;
}

.text-green-warm-vivid-70 {
  color: var(--green-warm-vivid-70) !important;
}

.bg-green-warm-vivid-70 {
  --background: var(--green-warm-vivid-70);
  background-color: var(--green-warm-vivid-70) !important;
}

.border-green-warm-vivid-70 {
  border-color: var(--green-warm-vivid-70) !important;
}

.text-green-warm-vivid-60 {
  color: var(--green-warm-vivid-60) !important;
}

.bg-green-warm-vivid-60 {
  --background: var(--green-warm-vivid-60);
  background-color: var(--green-warm-vivid-60) !important;
}

.border-green-warm-vivid-60 {
  border-color: var(--green-warm-vivid-60) !important;
}

.text-green-warm-vivid-50 {
  color: var(--green-warm-vivid-50) !important;
}

.bg-green-warm-vivid-50 {
  --background: var(--green-warm-vivid-50);
  background-color: var(--green-warm-vivid-50) !important;
}

.border-green-warm-vivid-50 {
  border-color: var(--green-warm-vivid-50) !important;
}

.text-green-warm-vivid-40 {
  color: var(--green-warm-vivid-40) !important;
}

.bg-green-warm-vivid-40 {
  --background: var(--green-warm-vivid-40);
  background-color: var(--green-warm-vivid-40) !important;
}

.border-green-warm-vivid-40 {
  border-color: var(--green-warm-vivid-40) !important;
}

.text-green-warm-vivid-30 {
  color: var(--green-warm-vivid-30) !important;
}

.bg-green-warm-vivid-30 {
  --background: var(--green-warm-vivid-30);
  background-color: var(--green-warm-vivid-30) !important;
}

.border-green-warm-vivid-30 {
  border-color: var(--green-warm-vivid-30) !important;
}

.text-green-warm-vivid-20 {
  color: var(--green-warm-vivid-20) !important;
}

.bg-green-warm-vivid-20 {
  --background: var(--green-warm-vivid-20);
  background-color: var(--green-warm-vivid-20) !important;
}

.border-green-warm-vivid-20 {
  border-color: var(--green-warm-vivid-20) !important;
}

.text-green-warm-vivid-10 {
  color: var(--green-warm-vivid-10) !important;
}

.bg-green-warm-vivid-10 {
  --background: var(--green-warm-vivid-10);
  background-color: var(--green-warm-vivid-10) !important;
}

.border-green-warm-vivid-10 {
  border-color: var(--green-warm-vivid-10) !important;
}

.text-green-warm-vivid-5 {
  color: var(--green-warm-vivid-5) !important;
}

.bg-green-warm-vivid-5 {
  --background: var(--green-warm-vivid-5);
  background-color: var(--green-warm-vivid-5) !important;
}

.border-green-warm-vivid-5 {
  border-color: var(--green-warm-vivid-5) !important;
}

.text-indigo-90 {
  color: var(--indigo-90) !important;
}

.bg-indigo-90 {
  --background: var(--indigo-90);
  background-color: var(--indigo-90) !important;
}

.border-indigo-90 {
  border-color: var(--indigo-90) !important;
}

.text-indigo-80 {
  color: var(--indigo-80) !important;
}

.bg-indigo-80 {
  --background: var(--indigo-80);
  background-color: var(--indigo-80) !important;
}

.border-indigo-80 {
  border-color: var(--indigo-80) !important;
}

.text-indigo-70 {
  color: var(--indigo-70) !important;
}

.bg-indigo-70 {
  --background: var(--indigo-70);
  background-color: var(--indigo-70) !important;
}

.border-indigo-70 {
  border-color: var(--indigo-70) !important;
}

.text-indigo-60 {
  color: var(--indigo-60) !important;
}

.bg-indigo-60 {
  --background: var(--indigo-60);
  background-color: var(--indigo-60) !important;
}

.border-indigo-60 {
  border-color: var(--indigo-60) !important;
}

.text-indigo-50 {
  color: var(--indigo-50) !important;
}

.bg-indigo-50 {
  --background: var(--indigo-50);
  background-color: var(--indigo-50) !important;
}

.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}

.text-indigo-40 {
  color: var(--indigo-40) !important;
}

.bg-indigo-40 {
  --background: var(--indigo-40);
  background-color: var(--indigo-40) !important;
}

.border-indigo-40 {
  border-color: var(--indigo-40) !important;
}

.text-indigo-30 {
  color: var(--indigo-30) !important;
}

.bg-indigo-30 {
  --background: var(--indigo-30);
  background-color: var(--indigo-30) !important;
}

.border-indigo-30 {
  border-color: var(--indigo-30) !important;
}

.text-indigo-20 {
  color: var(--indigo-20) !important;
}

.bg-indigo-20 {
  --background: var(--indigo-20);
  background-color: var(--indigo-20) !important;
}

.border-indigo-20 {
  border-color: var(--indigo-20) !important;
}

.text-indigo-10 {
  color: var(--indigo-10) !important;
}

.bg-indigo-10 {
  --background: var(--indigo-10);
  background-color: var(--indigo-10) !important;
}

.border-indigo-10 {
  border-color: var(--indigo-10) !important;
}

.text-indigo-5 {
  color: var(--indigo-5) !important;
}

.bg-indigo-5 {
  --background: var(--indigo-5);
  background-color: var(--indigo-5) !important;
}

.border-indigo-5 {
  border-color: var(--indigo-5) !important;
}

.text-indigo-cool-90 {
  color: var(--indigo-cool-90) !important;
}

.bg-indigo-cool-90 {
  --background: var(--indigo-cool-90);
  background-color: var(--indigo-cool-90) !important;
}

.border-indigo-cool-90 {
  border-color: var(--indigo-cool-90) !important;
}

.text-indigo-cool-80 {
  color: var(--indigo-cool-80) !important;
}

.bg-indigo-cool-80 {
  --background: var(--indigo-cool-80);
  background-color: var(--indigo-cool-80) !important;
}

.border-indigo-cool-80 {
  border-color: var(--indigo-cool-80) !important;
}

.text-indigo-cool-70 {
  color: var(--indigo-cool-70) !important;
}

.bg-indigo-cool-70 {
  --background: var(--indigo-cool-70);
  background-color: var(--indigo-cool-70) !important;
}

.border-indigo-cool-70 {
  border-color: var(--indigo-cool-70) !important;
}

.text-indigo-cool-60 {
  color: var(--indigo-cool-60) !important;
}

.bg-indigo-cool-60 {
  --background: var(--indigo-cool-60);
  background-color: var(--indigo-cool-60) !important;
}

.border-indigo-cool-60 {
  border-color: var(--indigo-cool-60) !important;
}

.text-indigo-cool-50 {
  color: var(--indigo-cool-50) !important;
}

.bg-indigo-cool-50 {
  --background: var(--indigo-cool-50);
  background-color: var(--indigo-cool-50) !important;
}

.border-indigo-cool-50 {
  border-color: var(--indigo-cool-50) !important;
}

.text-indigo-cool-40 {
  color: var(--indigo-cool-40) !important;
}

.bg-indigo-cool-40 {
  --background: var(--indigo-cool-40);
  background-color: var(--indigo-cool-40) !important;
}

.border-indigo-cool-40 {
  border-color: var(--indigo-cool-40) !important;
}

.text-indigo-cool-30 {
  color: var(--indigo-cool-30) !important;
}

.bg-indigo-cool-30 {
  --background: var(--indigo-cool-30);
  background-color: var(--indigo-cool-30) !important;
}

.border-indigo-cool-30 {
  border-color: var(--indigo-cool-30) !important;
}

.text-indigo-cool-20 {
  color: var(--indigo-cool-20) !important;
}

.bg-indigo-cool-20 {
  --background: var(--indigo-cool-20);
  background-color: var(--indigo-cool-20) !important;
}

.border-indigo-cool-20 {
  border-color: var(--indigo-cool-20) !important;
}

.text-indigo-cool-10 {
  color: var(--indigo-cool-10) !important;
}

.bg-indigo-cool-10 {
  --background: var(--indigo-cool-10);
  background-color: var(--indigo-cool-10) !important;
}

.border-indigo-cool-10 {
  border-color: var(--indigo-cool-10) !important;
}

.text-indigo-cool-5 {
  color: var(--indigo-cool-5) !important;
}

.bg-indigo-cool-5 {
  --background: var(--indigo-cool-5);
  background-color: var(--indigo-cool-5) !important;
}

.border-indigo-cool-5 {
  border-color: var(--indigo-cool-5) !important;
}

.text-indigo-warm-90 {
  color: var(--indigo-warm-90) !important;
}

.bg-indigo-warm-90 {
  --background: var(--indigo-warm-90);
  background-color: var(--indigo-warm-90) !important;
}

.border-indigo-warm-90 {
  border-color: var(--indigo-warm-90) !important;
}

.text-indigo-warm-80 {
  color: var(--indigo-warm-80) !important;
}

.bg-indigo-warm-80 {
  --background: var(--indigo-warm-80);
  background-color: var(--indigo-warm-80) !important;
}

.border-indigo-warm-80 {
  border-color: var(--indigo-warm-80) !important;
}

.text-indigo-warm-70 {
  color: var(--indigo-warm-70) !important;
}

.bg-indigo-warm-70 {
  --background: var(--indigo-warm-70);
  background-color: var(--indigo-warm-70) !important;
}

.border-indigo-warm-70 {
  border-color: var(--indigo-warm-70) !important;
}

.text-indigo-warm-60 {
  color: var(--indigo-warm-60) !important;
}

.bg-indigo-warm-60 {
  --background: var(--indigo-warm-60);
  background-color: var(--indigo-warm-60) !important;
}

.border-indigo-warm-60 {
  border-color: var(--indigo-warm-60) !important;
}

.text-indigo-warm-50 {
  color: var(--indigo-warm-50) !important;
}

.bg-indigo-warm-50 {
  --background: var(--indigo-warm-50);
  background-color: var(--indigo-warm-50) !important;
}

.border-indigo-warm-50 {
  border-color: var(--indigo-warm-50) !important;
}

.text-indigo-warm-40 {
  color: var(--indigo-warm-40) !important;
}

.bg-indigo-warm-40 {
  --background: var(--indigo-warm-40);
  background-color: var(--indigo-warm-40) !important;
}

.border-indigo-warm-40 {
  border-color: var(--indigo-warm-40) !important;
}

.text-indigo-warm-30 {
  color: var(--indigo-warm-30) !important;
}

.bg-indigo-warm-30 {
  --background: var(--indigo-warm-30);
  background-color: var(--indigo-warm-30) !important;
}

.border-indigo-warm-30 {
  border-color: var(--indigo-warm-30) !important;
}

.text-indigo-warm-20 {
  color: var(--indigo-warm-20) !important;
}

.bg-indigo-warm-20 {
  --background: var(--indigo-warm-20);
  background-color: var(--indigo-warm-20) !important;
}

.border-indigo-warm-20 {
  border-color: var(--indigo-warm-20) !important;
}

.text-indigo-warm-10 {
  color: var(--indigo-warm-10) !important;
}

.bg-indigo-warm-10 {
  --background: var(--indigo-warm-10);
  background-color: var(--indigo-warm-10) !important;
}

.border-indigo-warm-10 {
  border-color: var(--indigo-warm-10) !important;
}

.text-indigo-warm-5 {
  color: var(--indigo-warm-5) !important;
}

.bg-indigo-warm-5 {
  --background: var(--indigo-warm-5);
  background-color: var(--indigo-warm-5) !important;
}

.border-indigo-warm-5 {
  border-color: var(--indigo-warm-5) !important;
}

.text-indigo-vivid-80 {
  color: var(--indigo-vivid-80) !important;
}

.bg-indigo-vivid-80 {
  --background: var(--indigo-vivid-80);
  background-color: var(--indigo-vivid-80) !important;
}

.border-indigo-vivid-80 {
  border-color: var(--indigo-vivid-80) !important;
}

.text-indigo-vivid-70 {
  color: var(--indigo-vivid-70) !important;
}

.bg-indigo-vivid-70 {
  --background: var(--indigo-vivid-70);
  background-color: var(--indigo-vivid-70) !important;
}

.border-indigo-vivid-70 {
  border-color: var(--indigo-vivid-70) !important;
}

.text-indigo-vivid-60 {
  color: var(--indigo-vivid-60) !important;
}

.bg-indigo-vivid-60 {
  --background: var(--indigo-vivid-60);
  background-color: var(--indigo-vivid-60) !important;
}

.border-indigo-vivid-60 {
  border-color: var(--indigo-vivid-60) !important;
}

.text-indigo-vivid-50 {
  color: var(--indigo-vivid-50) !important;
}

.bg-indigo-vivid-50 {
  --background: var(--indigo-vivid-50);
  background-color: var(--indigo-vivid-50) !important;
}

.border-indigo-vivid-50 {
  border-color: var(--indigo-vivid-50) !important;
}

.text-indigo-vivid-40 {
  color: var(--indigo-vivid-40) !important;
}

.bg-indigo-vivid-40 {
  --background: var(--indigo-vivid-40);
  background-color: var(--indigo-vivid-40) !important;
}

.border-indigo-vivid-40 {
  border-color: var(--indigo-vivid-40) !important;
}

.text-indigo-vivid-30 {
  color: var(--indigo-vivid-30) !important;
}

.bg-indigo-vivid-30 {
  --background: var(--indigo-vivid-30);
  background-color: var(--indigo-vivid-30) !important;
}

.border-indigo-vivid-30 {
  border-color: var(--indigo-vivid-30) !important;
}

.text-indigo-vivid-20 {
  color: var(--indigo-vivid-20) !important;
}

.bg-indigo-vivid-20 {
  --background: var(--indigo-vivid-20);
  background-color: var(--indigo-vivid-20) !important;
}

.border-indigo-vivid-20 {
  border-color: var(--indigo-vivid-20) !important;
}

.text-indigo-vivid-10 {
  color: var(--indigo-vivid-10) !important;
}

.bg-indigo-vivid-10 {
  --background: var(--indigo-vivid-10);
  background-color: var(--indigo-vivid-10) !important;
}

.border-indigo-vivid-10 {
  border-color: var(--indigo-vivid-10) !important;
}

.text-indigo-vivid-5 {
  color: var(--indigo-vivid-5) !important;
}

.bg-indigo-vivid-5 {
  --background: var(--indigo-vivid-5);
  background-color: var(--indigo-vivid-5) !important;
}

.border-indigo-vivid-5 {
  border-color: var(--indigo-vivid-5) !important;
}

.text-indigo-cool-vivid-80 {
  color: var(--indigo-cool-vivid-80) !important;
}

.bg-indigo-cool-vivid-80 {
  --background: var(--indigo-cool-vivid-80);
  background-color: var(--indigo-cool-vivid-80) !important;
}

.border-indigo-cool-vivid-80 {
  border-color: var(--indigo-cool-vivid-80) !important;
}

.text-indigo-cool-vivid-70 {
  color: var(--indigo-cool-vivid-70) !important;
}

.bg-indigo-cool-vivid-70 {
  --background: var(--indigo-cool-vivid-70);
  background-color: var(--indigo-cool-vivid-70) !important;
}

.border-indigo-cool-vivid-70 {
  border-color: var(--indigo-cool-vivid-70) !important;
}

.text-indigo-cool-vivid-60 {
  color: var(--indigo-cool-vivid-60) !important;
}

.bg-indigo-cool-vivid-60 {
  --background: var(--indigo-cool-vivid-60);
  background-color: var(--indigo-cool-vivid-60) !important;
}

.border-indigo-cool-vivid-60 {
  border-color: var(--indigo-cool-vivid-60) !important;
}

.text-indigo-cool-vivid-50 {
  color: var(--indigo-cool-vivid-50) !important;
}

.bg-indigo-cool-vivid-50 {
  --background: var(--indigo-cool-vivid-50);
  background-color: var(--indigo-cool-vivid-50) !important;
}

.border-indigo-cool-vivid-50 {
  border-color: var(--indigo-cool-vivid-50) !important;
}

.text-indigo-cool-vivid-40 {
  color: var(--indigo-cool-vivid-40) !important;
}

.bg-indigo-cool-vivid-40 {
  --background: var(--indigo-cool-vivid-40);
  background-color: var(--indigo-cool-vivid-40) !important;
}

.border-indigo-cool-vivid-40 {
  border-color: var(--indigo-cool-vivid-40) !important;
}

.text-indigo-cool-vivid-30 {
  color: var(--indigo-cool-vivid-30) !important;
}

.bg-indigo-cool-vivid-30 {
  --background: var(--indigo-cool-vivid-30);
  background-color: var(--indigo-cool-vivid-30) !important;
}

.border-indigo-cool-vivid-30 {
  border-color: var(--indigo-cool-vivid-30) !important;
}

.text-indigo-cool-vivid-20 {
  color: var(--indigo-cool-vivid-20) !important;
}

.bg-indigo-cool-vivid-20 {
  --background: var(--indigo-cool-vivid-20);
  background-color: var(--indigo-cool-vivid-20) !important;
}

.border-indigo-cool-vivid-20 {
  border-color: var(--indigo-cool-vivid-20) !important;
}

.text-indigo-cool-vivid-10 {
  color: var(--indigo-cool-vivid-10) !important;
}

.bg-indigo-cool-vivid-10 {
  --background: var(--indigo-cool-vivid-10);
  background-color: var(--indigo-cool-vivid-10) !important;
}

.border-indigo-cool-vivid-10 {
  border-color: var(--indigo-cool-vivid-10) !important;
}

.text-indigo-cool-vivid-5 {
  color: var(--indigo-cool-vivid-5) !important;
}

.bg-indigo-cool-vivid-5 {
  --background: var(--indigo-cool-vivid-5);
  background-color: var(--indigo-cool-vivid-5) !important;
}

.border-indigo-cool-vivid-5 {
  border-color: var(--indigo-cool-vivid-5) !important;
}

.text-indigo-warm-vivid-80 {
  color: var(--indigo-warm-vivid-80) !important;
}

.bg-indigo-warm-vivid-80 {
  --background: var(--indigo-warm-vivid-80);
  background-color: var(--indigo-warm-vivid-80) !important;
}

.border-indigo-warm-vivid-80 {
  border-color: var(--indigo-warm-vivid-80) !important;
}

.text-indigo-warm-vivid-70 {
  color: var(--indigo-warm-vivid-70) !important;
}

.bg-indigo-warm-vivid-70 {
  --background: var(--indigo-warm-vivid-70);
  background-color: var(--indigo-warm-vivid-70) !important;
}

.border-indigo-warm-vivid-70 {
  border-color: var(--indigo-warm-vivid-70) !important;
}

.text-indigo-warm-vivid-60 {
  color: var(--indigo-warm-vivid-60) !important;
}

.bg-indigo-warm-vivid-60 {
  --background: var(--indigo-warm-vivid-60);
  background-color: var(--indigo-warm-vivid-60) !important;
}

.border-indigo-warm-vivid-60 {
  border-color: var(--indigo-warm-vivid-60) !important;
}

.text-indigo-warm-vivid-50 {
  color: var(--indigo-warm-vivid-50) !important;
}

.bg-indigo-warm-vivid-50 {
  --background: var(--indigo-warm-vivid-50);
  background-color: var(--indigo-warm-vivid-50) !important;
}

.border-indigo-warm-vivid-50 {
  border-color: var(--indigo-warm-vivid-50) !important;
}

.text-indigo-warm-vivid-40 {
  color: var(--indigo-warm-vivid-40) !important;
}

.bg-indigo-warm-vivid-40 {
  --background: var(--indigo-warm-vivid-40);
  background-color: var(--indigo-warm-vivid-40) !important;
}

.border-indigo-warm-vivid-40 {
  border-color: var(--indigo-warm-vivid-40) !important;
}

.text-indigo-warm-vivid-30 {
  color: var(--indigo-warm-vivid-30) !important;
}

.bg-indigo-warm-vivid-30 {
  --background: var(--indigo-warm-vivid-30);
  background-color: var(--indigo-warm-vivid-30) !important;
}

.border-indigo-warm-vivid-30 {
  border-color: var(--indigo-warm-vivid-30) !important;
}

.text-indigo-warm-vivid-20 {
  color: var(--indigo-warm-vivid-20) !important;
}

.bg-indigo-warm-vivid-20 {
  --background: var(--indigo-warm-vivid-20);
  background-color: var(--indigo-warm-vivid-20) !important;
}

.border-indigo-warm-vivid-20 {
  border-color: var(--indigo-warm-vivid-20) !important;
}

.text-indigo-warm-vivid-10 {
  color: var(--indigo-warm-vivid-10) !important;
}

.bg-indigo-warm-vivid-10 {
  --background: var(--indigo-warm-vivid-10);
  background-color: var(--indigo-warm-vivid-10) !important;
}

.border-indigo-warm-vivid-10 {
  border-color: var(--indigo-warm-vivid-10) !important;
}

.text-indigo-warm-vivid-5 {
  color: var(--indigo-warm-vivid-5) !important;
}

.bg-indigo-warm-vivid-5 {
  --background: var(--indigo-warm-vivid-5);
  background-color: var(--indigo-warm-vivid-5) !important;
}

.border-indigo-warm-vivid-5 {
  border-color: var(--indigo-warm-vivid-5) !important;
}

.text-magenta-90 {
  color: var(--magenta-90) !important;
}

.bg-magenta-90 {
  --background: var(--magenta-90);
  background-color: var(--magenta-90) !important;
}

.border-magenta-90 {
  border-color: var(--magenta-90) !important;
}

.text-magenta-80 {
  color: var(--magenta-80) !important;
}

.bg-magenta-80 {
  --background: var(--magenta-80);
  background-color: var(--magenta-80) !important;
}

.border-magenta-80 {
  border-color: var(--magenta-80) !important;
}

.text-magenta-70 {
  color: var(--magenta-70) !important;
}

.bg-magenta-70 {
  --background: var(--magenta-70);
  background-color: var(--magenta-70) !important;
}

.border-magenta-70 {
  border-color: var(--magenta-70) !important;
}

.text-magenta-60 {
  color: var(--magenta-60) !important;
}

.bg-magenta-60 {
  --background: var(--magenta-60);
  background-color: var(--magenta-60) !important;
}

.border-magenta-60 {
  border-color: var(--magenta-60) !important;
}

.text-magenta-50 {
  color: var(--magenta-50) !important;
}

.bg-magenta-50 {
  --background: var(--magenta-50);
  background-color: var(--magenta-50) !important;
}

.border-magenta-50 {
  border-color: var(--magenta-50) !important;
}

.text-magenta-40 {
  color: var(--magenta-40) !important;
}

.bg-magenta-40 {
  --background: var(--magenta-40);
  background-color: var(--magenta-40) !important;
}

.border-magenta-40 {
  border-color: var(--magenta-40) !important;
}

.text-magenta-30 {
  color: var(--magenta-30) !important;
}

.bg-magenta-30 {
  --background: var(--magenta-30);
  background-color: var(--magenta-30) !important;
}

.border-magenta-30 {
  border-color: var(--magenta-30) !important;
}

.text-magenta-20 {
  color: var(--magenta-20) !important;
}

.bg-magenta-20 {
  --background: var(--magenta-20);
  background-color: var(--magenta-20) !important;
}

.border-magenta-20 {
  border-color: var(--magenta-20) !important;
}

.text-magenta-10 {
  color: var(--magenta-10) !important;
}

.bg-magenta-10 {
  --background: var(--magenta-10);
  background-color: var(--magenta-10) !important;
}

.border-magenta-10 {
  border-color: var(--magenta-10) !important;
}

.text-magenta-5 {
  color: var(--magenta-5) !important;
}

.bg-magenta-5 {
  --background: var(--magenta-5);
  background-color: var(--magenta-5) !important;
}

.border-magenta-5 {
  border-color: var(--magenta-5) !important;
}

.text-magenta-vivid-80 {
  color: var(--magenta-vivid-80) !important;
}

.bg-magenta-vivid-80 {
  --background: var(--magenta-vivid-80);
  background-color: var(--magenta-vivid-80) !important;
}

.border-magenta-vivid-80 {
  border-color: var(--magenta-vivid-80) !important;
}

.text-magenta-vivid-70 {
  color: var(--magenta-vivid-70) !important;
}

.bg-magenta-vivid-70 {
  --background: var(--magenta-vivid-70);
  background-color: var(--magenta-vivid-70) !important;
}

.border-magenta-vivid-70 {
  border-color: var(--magenta-vivid-70) !important;
}

.text-magenta-vivid-60 {
  color: var(--magenta-vivid-60) !important;
}

.bg-magenta-vivid-60 {
  --background: var(--magenta-vivid-60);
  background-color: var(--magenta-vivid-60) !important;
}

.border-magenta-vivid-60 {
  border-color: var(--magenta-vivid-60) !important;
}

.text-magenta-vivid-50 {
  color: var(--magenta-vivid-50) !important;
}

.bg-magenta-vivid-50 {
  --background: var(--magenta-vivid-50);
  background-color: var(--magenta-vivid-50) !important;
}

.border-magenta-vivid-50 {
  border-color: var(--magenta-vivid-50) !important;
}

.text-magenta-vivid-40 {
  color: var(--magenta-vivid-40) !important;
}

.bg-magenta-vivid-40 {
  --background: var(--magenta-vivid-40);
  background-color: var(--magenta-vivid-40) !important;
}

.border-magenta-vivid-40 {
  border-color: var(--magenta-vivid-40) !important;
}

.text-magenta-vivid-30 {
  color: var(--magenta-vivid-30) !important;
}

.bg-magenta-vivid-30 {
  --background: var(--magenta-vivid-30);
  background-color: var(--magenta-vivid-30) !important;
}

.border-magenta-vivid-30 {
  border-color: var(--magenta-vivid-30) !important;
}

.text-magenta-vivid-20 {
  color: var(--magenta-vivid-20) !important;
}

.bg-magenta-vivid-20 {
  --background: var(--magenta-vivid-20);
  background-color: var(--magenta-vivid-20) !important;
}

.border-magenta-vivid-20 {
  border-color: var(--magenta-vivid-20) !important;
}

.text-magenta-vivid-10 {
  color: var(--magenta-vivid-10) !important;
}

.bg-magenta-vivid-10 {
  --background: var(--magenta-vivid-10);
  background-color: var(--magenta-vivid-10) !important;
}

.border-magenta-vivid-10 {
  border-color: var(--magenta-vivid-10) !important;
}

.text-magenta-vivid-5 {
  color: var(--magenta-vivid-5) !important;
}

.bg-magenta-vivid-5 {
  --background: var(--magenta-vivid-5);
  background-color: var(--magenta-vivid-5) !important;
}

.border-magenta-vivid-5 {
  border-color: var(--magenta-vivid-5) !important;
}

.text-mint-90 {
  color: var(--mint-90) !important;
}

.bg-mint-90 {
  --background: var(--mint-90);
  background-color: var(--mint-90) !important;
}

.border-mint-90 {
  border-color: var(--mint-90) !important;
}

.text-mint-80 {
  color: var(--mint-80) !important;
}

.bg-mint-80 {
  --background: var(--mint-80);
  background-color: var(--mint-80) !important;
}

.border-mint-80 {
  border-color: var(--mint-80) !important;
}

.text-mint-70 {
  color: var(--mint-70) !important;
}

.bg-mint-70 {
  --background: var(--mint-70);
  background-color: var(--mint-70) !important;
}

.border-mint-70 {
  border-color: var(--mint-70) !important;
}

.text-mint-60 {
  color: var(--mint-60) !important;
}

.bg-mint-60 {
  --background: var(--mint-60);
  background-color: var(--mint-60) !important;
}

.border-mint-60 {
  border-color: var(--mint-60) !important;
}

.text-mint-50 {
  color: var(--mint-50) !important;
}

.bg-mint-50 {
  --background: var(--mint-50);
  background-color: var(--mint-50) !important;
}

.border-mint-50 {
  border-color: var(--mint-50) !important;
}

.text-mint-40 {
  color: var(--mint-40) !important;
}

.bg-mint-40 {
  --background: var(--mint-40);
  background-color: var(--mint-40) !important;
}

.border-mint-40 {
  border-color: var(--mint-40) !important;
}

.text-mint-30 {
  color: var(--mint-30) !important;
}

.bg-mint-30 {
  --background: var(--mint-30);
  background-color: var(--mint-30) !important;
}

.border-mint-30 {
  border-color: var(--mint-30) !important;
}

.text-mint-20 {
  color: var(--mint-20) !important;
}

.bg-mint-20 {
  --background: var(--mint-20);
  background-color: var(--mint-20) !important;
}

.border-mint-20 {
  border-color: var(--mint-20) !important;
}

.text-mint-10 {
  color: var(--mint-10) !important;
}

.bg-mint-10 {
  --background: var(--mint-10);
  background-color: var(--mint-10) !important;
}

.border-mint-10 {
  border-color: var(--mint-10) !important;
}

.text-mint-5 {
  color: var(--mint-5) !important;
}

.bg-mint-5 {
  --background: var(--mint-5);
  background-color: var(--mint-5) !important;
}

.border-mint-5 {
  border-color: var(--mint-5) !important;
}

.text-mint-cool-90 {
  color: var(--mint-cool-90) !important;
}

.bg-mint-cool-90 {
  --background: var(--mint-cool-90);
  background-color: var(--mint-cool-90) !important;
}

.border-mint-cool-90 {
  border-color: var(--mint-cool-90) !important;
}

.text-mint-cool-80 {
  color: var(--mint-cool-80) !important;
}

.bg-mint-cool-80 {
  --background: var(--mint-cool-80);
  background-color: var(--mint-cool-80) !important;
}

.border-mint-cool-80 {
  border-color: var(--mint-cool-80) !important;
}

.text-mint-cool-70 {
  color: var(--mint-cool-70) !important;
}

.bg-mint-cool-70 {
  --background: var(--mint-cool-70);
  background-color: var(--mint-cool-70) !important;
}

.border-mint-cool-70 {
  border-color: var(--mint-cool-70) !important;
}

.text-mint-cool-60 {
  color: var(--mint-cool-60) !important;
}

.bg-mint-cool-60 {
  --background: var(--mint-cool-60);
  background-color: var(--mint-cool-60) !important;
}

.border-mint-cool-60 {
  border-color: var(--mint-cool-60) !important;
}

.text-mint-cool-50 {
  color: var(--mint-cool-50) !important;
}

.bg-mint-cool-50 {
  --background: var(--mint-cool-50);
  background-color: var(--mint-cool-50) !important;
}

.border-mint-cool-50 {
  border-color: var(--mint-cool-50) !important;
}

.text-mint-cool-40 {
  color: var(--mint-cool-40) !important;
}

.bg-mint-cool-40 {
  --background: var(--mint-cool-40);
  background-color: var(--mint-cool-40) !important;
}

.border-mint-cool-40 {
  border-color: var(--mint-cool-40) !important;
}

.text-mint-cool-30 {
  color: var(--mint-cool-30) !important;
}

.bg-mint-cool-30 {
  --background: var(--mint-cool-30);
  background-color: var(--mint-cool-30) !important;
}

.border-mint-cool-30 {
  border-color: var(--mint-cool-30) !important;
}

.text-mint-cool-20 {
  color: var(--mint-cool-20) !important;
}

.bg-mint-cool-20 {
  --background: var(--mint-cool-20);
  background-color: var(--mint-cool-20) !important;
}

.border-mint-cool-20 {
  border-color: var(--mint-cool-20) !important;
}

.text-mint-cool-10 {
  color: var(--mint-cool-10) !important;
}

.bg-mint-cool-10 {
  --background: var(--mint-cool-10);
  background-color: var(--mint-cool-10) !important;
}

.border-mint-cool-10 {
  border-color: var(--mint-cool-10) !important;
}

.text-mint-cool-5 {
  color: var(--mint-cool-5) !important;
}

.bg-mint-cool-5 {
  --background: var(--mint-cool-5);
  background-color: var(--mint-cool-5) !important;
}

.border-mint-cool-5 {
  border-color: var(--mint-cool-5) !important;
}

.text-mint-vivid-80 {
  color: var(--mint-vivid-80) !important;
}

.bg-mint-vivid-80 {
  --background: var(--mint-vivid-80);
  background-color: var(--mint-vivid-80) !important;
}

.border-mint-vivid-80 {
  border-color: var(--mint-vivid-80) !important;
}

.text-mint-vivid-70 {
  color: var(--mint-vivid-70) !important;
}

.bg-mint-vivid-70 {
  --background: var(--mint-vivid-70);
  background-color: var(--mint-vivid-70) !important;
}

.border-mint-vivid-70 {
  border-color: var(--mint-vivid-70) !important;
}

.text-mint-vivid-60 {
  color: var(--mint-vivid-60) !important;
}

.bg-mint-vivid-60 {
  --background: var(--mint-vivid-60);
  background-color: var(--mint-vivid-60) !important;
}

.border-mint-vivid-60 {
  border-color: var(--mint-vivid-60) !important;
}

.text-mint-vivid-50 {
  color: var(--mint-vivid-50) !important;
}

.bg-mint-vivid-50 {
  --background: var(--mint-vivid-50);
  background-color: var(--mint-vivid-50) !important;
}

.border-mint-vivid-50 {
  border-color: var(--mint-vivid-50) !important;
}

.text-mint-vivid-40 {
  color: var(--mint-vivid-40) !important;
}

.bg-mint-vivid-40 {
  --background: var(--mint-vivid-40);
  background-color: var(--mint-vivid-40) !important;
}

.border-mint-vivid-40 {
  border-color: var(--mint-vivid-40) !important;
}

.text-mint-vivid-30 {
  color: var(--mint-vivid-30) !important;
}

.bg-mint-vivid-30 {
  --background: var(--mint-vivid-30);
  background-color: var(--mint-vivid-30) !important;
}

.border-mint-vivid-30 {
  border-color: var(--mint-vivid-30) !important;
}

.text-mint-vivid-20 {
  color: var(--mint-vivid-20) !important;
}

.bg-mint-vivid-20 {
  --background: var(--mint-vivid-20);
  background-color: var(--mint-vivid-20) !important;
}

.border-mint-vivid-20 {
  border-color: var(--mint-vivid-20) !important;
}

.text-mint-vivid-10 {
  color: var(--mint-vivid-10) !important;
}

.bg-mint-vivid-10 {
  --background: var(--mint-vivid-10);
  background-color: var(--mint-vivid-10) !important;
}

.border-mint-vivid-10 {
  border-color: var(--mint-vivid-10) !important;
}

.text-mint-vivid-5 {
  color: var(--mint-vivid-5) !important;
}

.bg-mint-vivid-5 {
  --background: var(--mint-vivid-5);
  background-color: var(--mint-vivid-5) !important;
}

.border-mint-vivid-5 {
  border-color: var(--mint-vivid-5) !important;
}

.text-mint-cool-vivid-80 {
  color: var(--mint-cool-vivid-80) !important;
}

.bg-mint-cool-vivid-80 {
  --background: var(--mint-cool-vivid-80);
  background-color: var(--mint-cool-vivid-80) !important;
}

.border-mint-cool-vivid-80 {
  border-color: var(--mint-cool-vivid-80) !important;
}

.text-mint-cool-vivid-70 {
  color: var(--mint-cool-vivid-70) !important;
}

.bg-mint-cool-vivid-70 {
  --background: var(--mint-cool-vivid-70);
  background-color: var(--mint-cool-vivid-70) !important;
}

.border-mint-cool-vivid-70 {
  border-color: var(--mint-cool-vivid-70) !important;
}

.text-mint-cool-vivid-60 {
  color: var(--mint-cool-vivid-60) !important;
}

.bg-mint-cool-vivid-60 {
  --background: var(--mint-cool-vivid-60);
  background-color: var(--mint-cool-vivid-60) !important;
}

.border-mint-cool-vivid-60 {
  border-color: var(--mint-cool-vivid-60) !important;
}

.text-mint-cool-vivid-50 {
  color: var(--mint-cool-vivid-50) !important;
}

.bg-mint-cool-vivid-50 {
  --background: var(--mint-cool-vivid-50);
  background-color: var(--mint-cool-vivid-50) !important;
}

.border-mint-cool-vivid-50 {
  border-color: var(--mint-cool-vivid-50) !important;
}

.text-mint-cool-vivid-40 {
  color: var(--mint-cool-vivid-40) !important;
}

.bg-mint-cool-vivid-40 {
  --background: var(--mint-cool-vivid-40);
  background-color: var(--mint-cool-vivid-40) !important;
}

.border-mint-cool-vivid-40 {
  border-color: var(--mint-cool-vivid-40) !important;
}

.text-mint-cool-vivid-30 {
  color: var(--mint-cool-vivid-30) !important;
}

.bg-mint-cool-vivid-30 {
  --background: var(--mint-cool-vivid-30);
  background-color: var(--mint-cool-vivid-30) !important;
}

.border-mint-cool-vivid-30 {
  border-color: var(--mint-cool-vivid-30) !important;
}

.text-mint-cool-vivid-20 {
  color: var(--mint-cool-vivid-20) !important;
}

.bg-mint-cool-vivid-20 {
  --background: var(--mint-cool-vivid-20);
  background-color: var(--mint-cool-vivid-20) !important;
}

.border-mint-cool-vivid-20 {
  border-color: var(--mint-cool-vivid-20) !important;
}

.text-mint-cool-vivid-10 {
  color: var(--mint-cool-vivid-10) !important;
}

.bg-mint-cool-vivid-10 {
  --background: var(--mint-cool-vivid-10);
  background-color: var(--mint-cool-vivid-10) !important;
}

.border-mint-cool-vivid-10 {
  border-color: var(--mint-cool-vivid-10) !important;
}

.text-mint-cool-vivid-5 {
  color: var(--mint-cool-vivid-5) !important;
}

.bg-mint-cool-vivid-5 {
  --background: var(--mint-cool-vivid-5);
  background-color: var(--mint-cool-vivid-5) !important;
}

.border-mint-cool-vivid-5 {
  border-color: var(--mint-cool-vivid-5) !important;
}

.text-orange-90 {
  color: var(--orange-90) !important;
}

.bg-orange-90 {
  --background: var(--orange-90);
  background-color: var(--orange-90) !important;
}

.border-orange-90 {
  border-color: var(--orange-90) !important;
}

.text-orange-80 {
  color: var(--orange-80) !important;
}

.bg-orange-80 {
  --background: var(--orange-80);
  background-color: var(--orange-80) !important;
}

.border-orange-80 {
  border-color: var(--orange-80) !important;
}

.text-orange-70 {
  color: var(--orange-70) !important;
}

.bg-orange-70 {
  --background: var(--orange-70);
  background-color: var(--orange-70) !important;
}

.border-orange-70 {
  border-color: var(--orange-70) !important;
}

.text-orange-60 {
  color: var(--orange-60) !important;
}

.bg-orange-60 {
  --background: var(--orange-60);
  background-color: var(--orange-60) !important;
}

.border-orange-60 {
  border-color: var(--orange-60) !important;
}

.text-orange-50 {
  color: var(--orange-50) !important;
}

.bg-orange-50 {
  --background: var(--orange-50);
  background-color: var(--orange-50) !important;
}

.border-orange-50 {
  border-color: var(--orange-50) !important;
}

.text-orange-40 {
  color: var(--orange-40) !important;
}

.bg-orange-40 {
  --background: var(--orange-40);
  background-color: var(--orange-40) !important;
}

.border-orange-40 {
  border-color: var(--orange-40) !important;
}

.text-orange-30 {
  color: var(--orange-30) !important;
}

.bg-orange-30 {
  --background: var(--orange-30);
  background-color: var(--orange-30) !important;
}

.border-orange-30 {
  border-color: var(--orange-30) !important;
}

.text-orange-20 {
  color: var(--orange-20) !important;
}

.bg-orange-20 {
  --background: var(--orange-20);
  background-color: var(--orange-20) !important;
}

.border-orange-20 {
  border-color: var(--orange-20) !important;
}

.text-orange-10 {
  color: var(--orange-10) !important;
}

.bg-orange-10 {
  --background: var(--orange-10);
  background-color: var(--orange-10) !important;
}

.border-orange-10 {
  border-color: var(--orange-10) !important;
}

.text-orange-5 {
  color: var(--orange-5) !important;
}

.bg-orange-5 {
  --background: var(--orange-5);
  background-color: var(--orange-5) !important;
}

.border-orange-5 {
  border-color: var(--orange-5) !important;
}

.text-orange-warm-90 {
  color: var(--orange-warm-90) !important;
}

.bg-orange-warm-90 {
  --background: var(--orange-warm-90);
  background-color: var(--orange-warm-90) !important;
}

.border-orange-warm-90 {
  border-color: var(--orange-warm-90) !important;
}

.text-orange-warm-80 {
  color: var(--orange-warm-80) !important;
}

.bg-orange-warm-80 {
  --background: var(--orange-warm-80);
  background-color: var(--orange-warm-80) !important;
}

.border-orange-warm-80 {
  border-color: var(--orange-warm-80) !important;
}

.text-orange-warm-70 {
  color: var(--orange-warm-70) !important;
}

.bg-orange-warm-70 {
  --background: var(--orange-warm-70);
  background-color: var(--orange-warm-70) !important;
}

.border-orange-warm-70 {
  border-color: var(--orange-warm-70) !important;
}

.text-orange-warm-60 {
  color: var(--orange-warm-60) !important;
}

.bg-orange-warm-60 {
  --background: var(--orange-warm-60);
  background-color: var(--orange-warm-60) !important;
}

.border-orange-warm-60 {
  border-color: var(--orange-warm-60) !important;
}

.text-orange-warm-50 {
  color: var(--orange-warm-50) !important;
}

.bg-orange-warm-50 {
  --background: var(--orange-warm-50);
  background-color: var(--orange-warm-50) !important;
}

.border-orange-warm-50 {
  border-color: var(--orange-warm-50) !important;
}

.text-orange-warm-40 {
  color: var(--orange-warm-40) !important;
}

.bg-orange-warm-40 {
  --background: var(--orange-warm-40);
  background-color: var(--orange-warm-40) !important;
}

.border-orange-warm-40 {
  border-color: var(--orange-warm-40) !important;
}

.text-orange-warm-30 {
  color: var(--orange-warm-30) !important;
}

.bg-orange-warm-30 {
  --background: var(--orange-warm-30);
  background-color: var(--orange-warm-30) !important;
}

.border-orange-warm-30 {
  border-color: var(--orange-warm-30) !important;
}

.text-orange-warm-20 {
  color: var(--orange-warm-20) !important;
}

.bg-orange-warm-20 {
  --background: var(--orange-warm-20);
  background-color: var(--orange-warm-20) !important;
}

.border-orange-warm-20 {
  border-color: var(--orange-warm-20) !important;
}

.text-orange-warm-10 {
  color: var(--orange-warm-10) !important;
}

.bg-orange-warm-10 {
  --background: var(--orange-warm-10);
  background-color: var(--orange-warm-10) !important;
}

.border-orange-warm-10 {
  border-color: var(--orange-warm-10) !important;
}

.text-orange-warm-5 {
  color: var(--orange-warm-5) !important;
}

.bg-orange-warm-5 {
  --background: var(--orange-warm-5);
  background-color: var(--orange-warm-5) !important;
}

.border-orange-warm-5 {
  border-color: var(--orange-warm-5) !important;
}

.text-orange-vivid-80 {
  color: var(--orange-vivid-80) !important;
}

.bg-orange-vivid-80 {
  --background: var(--orange-vivid-80);
  background-color: var(--orange-vivid-80) !important;
}

.border-orange-vivid-80 {
  border-color: var(--orange-vivid-80) !important;
}

.text-orange-vivid-70 {
  color: var(--orange-vivid-70) !important;
}

.bg-orange-vivid-70 {
  --background: var(--orange-vivid-70);
  background-color: var(--orange-vivid-70) !important;
}

.border-orange-vivid-70 {
  border-color: var(--orange-vivid-70) !important;
}

.text-orange-vivid-60 {
  color: var(--orange-vivid-60) !important;
}

.bg-orange-vivid-60 {
  --background: var(--orange-vivid-60);
  background-color: var(--orange-vivid-60) !important;
}

.border-orange-vivid-60 {
  border-color: var(--orange-vivid-60) !important;
}

.text-orange-vivid-50 {
  color: var(--orange-vivid-50) !important;
}

.bg-orange-vivid-50 {
  --background: var(--orange-vivid-50);
  background-color: var(--orange-vivid-50) !important;
}

.border-orange-vivid-50 {
  border-color: var(--orange-vivid-50) !important;
}

.text-orange-vivid-40 {
  color: var(--orange-vivid-40) !important;
}

.bg-orange-vivid-40 {
  --background: var(--orange-vivid-40);
  background-color: var(--orange-vivid-40) !important;
}

.border-orange-vivid-40 {
  border-color: var(--orange-vivid-40) !important;
}

.text-orange-vivid-30 {
  color: var(--orange-vivid-30) !important;
}

.bg-orange-vivid-30 {
  --background: var(--orange-vivid-30);
  background-color: var(--orange-vivid-30) !important;
}

.border-orange-vivid-30 {
  border-color: var(--orange-vivid-30) !important;
}

.text-orange-vivid-20 {
  color: var(--orange-vivid-20) !important;
}

.bg-orange-vivid-20 {
  --background: var(--orange-vivid-20);
  background-color: var(--orange-vivid-20) !important;
}

.border-orange-vivid-20 {
  border-color: var(--orange-vivid-20) !important;
}

.text-orange-vivid-10 {
  color: var(--orange-vivid-10) !important;
}

.bg-orange-vivid-10 {
  --background: var(--orange-vivid-10);
  background-color: var(--orange-vivid-10) !important;
}

.border-orange-vivid-10 {
  border-color: var(--orange-vivid-10) !important;
}

.text-orange-vivid-5 {
  color: var(--orange-vivid-5) !important;
}

.bg-orange-vivid-5 {
  --background: var(--orange-vivid-5);
  background-color: var(--orange-vivid-5) !important;
}

.border-orange-vivid-5 {
  border-color: var(--orange-vivid-5) !important;
}

.text-orange-warm-vivid-80 {
  color: var(--orange-warm-vivid-80) !important;
}

.bg-orange-warm-vivid-80 {
  --background: var(--orange-warm-vivid-80);
  background-color: var(--orange-warm-vivid-80) !important;
}

.border-orange-warm-vivid-80 {
  border-color: var(--orange-warm-vivid-80) !important;
}

.text-orange-warm-vivid-70 {
  color: var(--orange-warm-vivid-70) !important;
}

.bg-orange-warm-vivid-70 {
  --background: var(--orange-warm-vivid-70);
  background-color: var(--orange-warm-vivid-70) !important;
}

.border-orange-warm-vivid-70 {
  border-color: var(--orange-warm-vivid-70) !important;
}

.text-orange-warm-vivid-60 {
  color: var(--orange-warm-vivid-60) !important;
}

.bg-orange-warm-vivid-60 {
  --background: var(--orange-warm-vivid-60);
  background-color: var(--orange-warm-vivid-60) !important;
}

.border-orange-warm-vivid-60 {
  border-color: var(--orange-warm-vivid-60) !important;
}

.text-orange-warm-vivid-50 {
  color: var(--orange-warm-vivid-50) !important;
}

.bg-orange-warm-vivid-50 {
  --background: var(--orange-warm-vivid-50);
  background-color: var(--orange-warm-vivid-50) !important;
}

.border-orange-warm-vivid-50 {
  border-color: var(--orange-warm-vivid-50) !important;
}

.text-orange-warm-vivid-40 {
  color: var(--orange-warm-vivid-40) !important;
}

.bg-orange-warm-vivid-40 {
  --background: var(--orange-warm-vivid-40);
  background-color: var(--orange-warm-vivid-40) !important;
}

.border-orange-warm-vivid-40 {
  border-color: var(--orange-warm-vivid-40) !important;
}

.text-orange-warm-vivid-30 {
  color: var(--orange-warm-vivid-30) !important;
}

.bg-orange-warm-vivid-30 {
  --background: var(--orange-warm-vivid-30);
  background-color: var(--orange-warm-vivid-30) !important;
}

.border-orange-warm-vivid-30 {
  border-color: var(--orange-warm-vivid-30) !important;
}

.text-orange-warm-vivid-20 {
  color: var(--orange-warm-vivid-20) !important;
}

.bg-orange-warm-vivid-20 {
  --background: var(--orange-warm-vivid-20);
  background-color: var(--orange-warm-vivid-20) !important;
}

.border-orange-warm-vivid-20 {
  border-color: var(--orange-warm-vivid-20) !important;
}

.text-orange-warm-vivid-10 {
  color: var(--orange-warm-vivid-10) !important;
}

.bg-orange-warm-vivid-10 {
  --background: var(--orange-warm-vivid-10);
  background-color: var(--orange-warm-vivid-10) !important;
}

.border-orange-warm-vivid-10 {
  border-color: var(--orange-warm-vivid-10) !important;
}

.text-orange-warm-vivid-5 {
  color: var(--orange-warm-vivid-5) !important;
}

.bg-orange-warm-vivid-5 {
  --background: var(--orange-warm-vivid-5);
  background-color: var(--orange-warm-vivid-5) !important;
}

.border-orange-warm-vivid-5 {
  border-color: var(--orange-warm-vivid-5) !important;
}

.text-pure-100 {
  color: var(--pure-100) !important;
}

.bg-pure-100 {
  --background: var(--pure-100);
  background-color: var(--pure-100) !important;
}

.border-pure-100 {
  border-color: var(--pure-100) !important;
}

.text-pure-0 {
  color: var(--pure-0) !important;
}

.bg-pure-0 {
  --background: var(--pure-0);
  background-color: var(--pure-0) !important;
}

.border-pure-0 {
  border-color: var(--pure-0) !important;
}

.text-red-90 {
  color: var(--red-90) !important;
}

.bg-red-90 {
  --background: var(--red-90);
  background-color: var(--red-90) !important;
}

.border-red-90 {
  border-color: var(--red-90) !important;
}

.text-red-80 {
  color: var(--red-80) !important;
}

.bg-red-80 {
  --background: var(--red-80);
  background-color: var(--red-80) !important;
}

.border-red-80 {
  border-color: var(--red-80) !important;
}

.text-red-70 {
  color: var(--red-70) !important;
}

.bg-red-70 {
  --background: var(--red-70);
  background-color: var(--red-70) !important;
}

.border-red-70 {
  border-color: var(--red-70) !important;
}

.text-red-60 {
  color: var(--red-60) !important;
}

.bg-red-60 {
  --background: var(--red-60);
  background-color: var(--red-60) !important;
}

.border-red-60 {
  border-color: var(--red-60) !important;
}

.text-red-50 {
  color: var(--red-50) !important;
}

.bg-red-50 {
  --background: var(--red-50);
  background-color: var(--red-50) !important;
}

.border-red-50 {
  border-color: var(--red-50) !important;
}

.text-red-40 {
  color: var(--red-40) !important;
}

.bg-red-40 {
  --background: var(--red-40);
  background-color: var(--red-40) !important;
}

.border-red-40 {
  border-color: var(--red-40) !important;
}

.text-red-30 {
  color: var(--red-30) !important;
}

.bg-red-30 {
  --background: var(--red-30);
  background-color: var(--red-30) !important;
}

.border-red-30 {
  border-color: var(--red-30) !important;
}

.text-red-20 {
  color: var(--red-20) !important;
}

.bg-red-20 {
  --background: var(--red-20);
  background-color: var(--red-20) !important;
}

.border-red-20 {
  border-color: var(--red-20) !important;
}

.text-red-10 {
  color: var(--red-10) !important;
}

.bg-red-10 {
  --background: var(--red-10);
  background-color: var(--red-10) !important;
}

.border-red-10 {
  border-color: var(--red-10) !important;
}

.text-red-5 {
  color: var(--red-5) !important;
}

.bg-red-5 {
  --background: var(--red-5);
  background-color: var(--red-5) !important;
}

.border-red-5 {
  border-color: var(--red-5) !important;
}

.text-red-cool-90 {
  color: var(--red-cool-90) !important;
}

.bg-red-cool-90 {
  --background: var(--red-cool-90);
  background-color: var(--red-cool-90) !important;
}

.border-red-cool-90 {
  border-color: var(--red-cool-90) !important;
}

.text-red-cool-80 {
  color: var(--red-cool-80) !important;
}

.bg-red-cool-80 {
  --background: var(--red-cool-80);
  background-color: var(--red-cool-80) !important;
}

.border-red-cool-80 {
  border-color: var(--red-cool-80) !important;
}

.text-red-cool-70 {
  color: var(--red-cool-70) !important;
}

.bg-red-cool-70 {
  --background: var(--red-cool-70);
  background-color: var(--red-cool-70) !important;
}

.border-red-cool-70 {
  border-color: var(--red-cool-70) !important;
}

.text-red-cool-60 {
  color: var(--red-cool-60) !important;
}

.bg-red-cool-60 {
  --background: var(--red-cool-60);
  background-color: var(--red-cool-60) !important;
}

.border-red-cool-60 {
  border-color: var(--red-cool-60) !important;
}

.text-red-cool-50 {
  color: var(--red-cool-50) !important;
}

.bg-red-cool-50 {
  --background: var(--red-cool-50);
  background-color: var(--red-cool-50) !important;
}

.border-red-cool-50 {
  border-color: var(--red-cool-50) !important;
}

.text-red-cool-40 {
  color: var(--red-cool-40) !important;
}

.bg-red-cool-40 {
  --background: var(--red-cool-40);
  background-color: var(--red-cool-40) !important;
}

.border-red-cool-40 {
  border-color: var(--red-cool-40) !important;
}

.text-red-cool-30 {
  color: var(--red-cool-30) !important;
}

.bg-red-cool-30 {
  --background: var(--red-cool-30);
  background-color: var(--red-cool-30) !important;
}

.border-red-cool-30 {
  border-color: var(--red-cool-30) !important;
}

.text-red-cool-20 {
  color: var(--red-cool-20) !important;
}

.bg-red-cool-20 {
  --background: var(--red-cool-20);
  background-color: var(--red-cool-20) !important;
}

.border-red-cool-20 {
  border-color: var(--red-cool-20) !important;
}

.text-red-cool-10 {
  color: var(--red-cool-10) !important;
}

.bg-red-cool-10 {
  --background: var(--red-cool-10);
  background-color: var(--red-cool-10) !important;
}

.border-red-cool-10 {
  border-color: var(--red-cool-10) !important;
}

.text-red-cool-5 {
  color: var(--red-cool-5) !important;
}

.bg-red-cool-5 {
  --background: var(--red-cool-5);
  background-color: var(--red-cool-5) !important;
}

.border-red-cool-5 {
  border-color: var(--red-cool-5) !important;
}

.text-red-warm-90 {
  color: var(--red-warm-90) !important;
}

.bg-red-warm-90 {
  --background: var(--red-warm-90);
  background-color: var(--red-warm-90) !important;
}

.border-red-warm-90 {
  border-color: var(--red-warm-90) !important;
}

.text-red-warm-80 {
  color: var(--red-warm-80) !important;
}

.bg-red-warm-80 {
  --background: var(--red-warm-80);
  background-color: var(--red-warm-80) !important;
}

.border-red-warm-80 {
  border-color: var(--red-warm-80) !important;
}

.text-red-warm-70 {
  color: var(--red-warm-70) !important;
}

.bg-red-warm-70 {
  --background: var(--red-warm-70);
  background-color: var(--red-warm-70) !important;
}

.border-red-warm-70 {
  border-color: var(--red-warm-70) !important;
}

.text-red-warm-60 {
  color: var(--red-warm-60) !important;
}

.bg-red-warm-60 {
  --background: var(--red-warm-60);
  background-color: var(--red-warm-60) !important;
}

.border-red-warm-60 {
  border-color: var(--red-warm-60) !important;
}

.text-red-warm-50 {
  color: var(--red-warm-50) !important;
}

.bg-red-warm-50 {
  --background: var(--red-warm-50);
  background-color: var(--red-warm-50) !important;
}

.border-red-warm-50 {
  border-color: var(--red-warm-50) !important;
}

.text-red-warm-40 {
  color: var(--red-warm-40) !important;
}

.bg-red-warm-40 {
  --background: var(--red-warm-40);
  background-color: var(--red-warm-40) !important;
}

.border-red-warm-40 {
  border-color: var(--red-warm-40) !important;
}

.text-red-warm-30 {
  color: var(--red-warm-30) !important;
}

.bg-red-warm-30 {
  --background: var(--red-warm-30);
  background-color: var(--red-warm-30) !important;
}

.border-red-warm-30 {
  border-color: var(--red-warm-30) !important;
}

.text-red-warm-20 {
  color: var(--red-warm-20) !important;
}

.bg-red-warm-20 {
  --background: var(--red-warm-20);
  background-color: var(--red-warm-20) !important;
}

.border-red-warm-20 {
  border-color: var(--red-warm-20) !important;
}

.text-red-warm-10 {
  color: var(--red-warm-10) !important;
}

.bg-red-warm-10 {
  --background: var(--red-warm-10);
  background-color: var(--red-warm-10) !important;
}

.border-red-warm-10 {
  border-color: var(--red-warm-10) !important;
}

.text-red-warm-5 {
  color: var(--red-warm-5) !important;
}

.bg-red-warm-5 {
  --background: var(--red-warm-5);
  background-color: var(--red-warm-5) !important;
}

.border-red-warm-5 {
  border-color: var(--red-warm-5) !important;
}

.text-red-vivid-80 {
  color: var(--red-vivid-80) !important;
}

.bg-red-vivid-80 {
  --background: var(--red-vivid-80);
  background-color: var(--red-vivid-80) !important;
}

.border-red-vivid-80 {
  border-color: var(--red-vivid-80) !important;
}

.text-red-vivid-70 {
  color: var(--red-vivid-70) !important;
}

.bg-red-vivid-70 {
  --background: var(--red-vivid-70);
  background-color: var(--red-vivid-70) !important;
}

.border-red-vivid-70 {
  border-color: var(--red-vivid-70) !important;
}

.text-red-vivid-60 {
  color: var(--red-vivid-60) !important;
}

.bg-red-vivid-60 {
  --background: var(--red-vivid-60);
  background-color: var(--red-vivid-60) !important;
}

.border-red-vivid-60 {
  border-color: var(--red-vivid-60) !important;
}

.text-red-vivid-50 {
  color: var(--red-vivid-50) !important;
}

.bg-red-vivid-50 {
  --background: var(--red-vivid-50);
  background-color: var(--red-vivid-50) !important;
}

.border-red-vivid-50 {
  border-color: var(--red-vivid-50) !important;
}

.text-red-vivid-40 {
  color: var(--red-vivid-40) !important;
}

.bg-red-vivid-40 {
  --background: var(--red-vivid-40);
  background-color: var(--red-vivid-40) !important;
}

.border-red-vivid-40 {
  border-color: var(--red-vivid-40) !important;
}

.text-red-vivid-30 {
  color: var(--red-vivid-30) !important;
}

.bg-red-vivid-30 {
  --background: var(--red-vivid-30);
  background-color: var(--red-vivid-30) !important;
}

.border-red-vivid-30 {
  border-color: var(--red-vivid-30) !important;
}

.text-red-vivid-20 {
  color: var(--red-vivid-20) !important;
}

.bg-red-vivid-20 {
  --background: var(--red-vivid-20);
  background-color: var(--red-vivid-20) !important;
}

.border-red-vivid-20 {
  border-color: var(--red-vivid-20) !important;
}

.text-red-vivid-10 {
  color: var(--red-vivid-10) !important;
}

.bg-red-vivid-10 {
  --background: var(--red-vivid-10);
  background-color: var(--red-vivid-10) !important;
}

.border-red-vivid-10 {
  border-color: var(--red-vivid-10) !important;
}

.text-red-vivid-5 {
  color: var(--red-vivid-5) !important;
}

.bg-red-vivid-5 {
  --background: var(--red-vivid-5);
  background-color: var(--red-vivid-5) !important;
}

.border-red-vivid-5 {
  border-color: var(--red-vivid-5) !important;
}

.text-red-cool-vivid-80 {
  color: var(--red-cool-vivid-80) !important;
}

.bg-red-cool-vivid-80 {
  --background: var(--red-cool-vivid-80);
  background-color: var(--red-cool-vivid-80) !important;
}

.border-red-cool-vivid-80 {
  border-color: var(--red-cool-vivid-80) !important;
}

.text-red-cool-vivid-70 {
  color: var(--red-cool-vivid-70) !important;
}

.bg-red-cool-vivid-70 {
  --background: var(--red-cool-vivid-70);
  background-color: var(--red-cool-vivid-70) !important;
}

.border-red-cool-vivid-70 {
  border-color: var(--red-cool-vivid-70) !important;
}

.text-red-cool-vivid-60 {
  color: var(--red-cool-vivid-60) !important;
}

.bg-red-cool-vivid-60 {
  --background: var(--red-cool-vivid-60);
  background-color: var(--red-cool-vivid-60) !important;
}

.border-red-cool-vivid-60 {
  border-color: var(--red-cool-vivid-60) !important;
}

.text-red-cool-vivid-50 {
  color: var(--red-cool-vivid-50) !important;
}

.bg-red-cool-vivid-50 {
  --background: var(--red-cool-vivid-50);
  background-color: var(--red-cool-vivid-50) !important;
}

.border-red-cool-vivid-50 {
  border-color: var(--red-cool-vivid-50) !important;
}

.text-red-cool-vivid-40 {
  color: var(--red-cool-vivid-40) !important;
}

.bg-red-cool-vivid-40 {
  --background: var(--red-cool-vivid-40);
  background-color: var(--red-cool-vivid-40) !important;
}

.border-red-cool-vivid-40 {
  border-color: var(--red-cool-vivid-40) !important;
}

.text-red-cool-vivid-30 {
  color: var(--red-cool-vivid-30) !important;
}

.bg-red-cool-vivid-30 {
  --background: var(--red-cool-vivid-30);
  background-color: var(--red-cool-vivid-30) !important;
}

.border-red-cool-vivid-30 {
  border-color: var(--red-cool-vivid-30) !important;
}

.text-red-cool-vivid-20 {
  color: var(--red-cool-vivid-20) !important;
}

.bg-red-cool-vivid-20 {
  --background: var(--red-cool-vivid-20);
  background-color: var(--red-cool-vivid-20) !important;
}

.border-red-cool-vivid-20 {
  border-color: var(--red-cool-vivid-20) !important;
}

.text-red-cool-vivid-10 {
  color: var(--red-cool-vivid-10) !important;
}

.bg-red-cool-vivid-10 {
  --background: var(--red-cool-vivid-10);
  background-color: var(--red-cool-vivid-10) !important;
}

.border-red-cool-vivid-10 {
  border-color: var(--red-cool-vivid-10) !important;
}

.text-red-cool-vivid-5 {
  color: var(--red-cool-vivid-5) !important;
}

.bg-red-cool-vivid-5 {
  --background: var(--red-cool-vivid-5);
  background-color: var(--red-cool-vivid-5) !important;
}

.border-red-cool-vivid-5 {
  border-color: var(--red-cool-vivid-5) !important;
}

.text-red-warm-vivid-80 {
  color: var(--red-warm-vivid-80) !important;
}

.bg-red-warm-vivid-80 {
  --background: var(--red-warm-vivid-80);
  background-color: var(--red-warm-vivid-80) !important;
}

.border-red-warm-vivid-80 {
  border-color: var(--red-warm-vivid-80) !important;
}

.text-red-warm-vivid-70 {
  color: var(--red-warm-vivid-70) !important;
}

.bg-red-warm-vivid-70 {
  --background: var(--red-warm-vivid-70);
  background-color: var(--red-warm-vivid-70) !important;
}

.border-red-warm-vivid-70 {
  border-color: var(--red-warm-vivid-70) !important;
}

.text-red-warm-vivid-60 {
  color: var(--red-warm-vivid-60) !important;
}

.bg-red-warm-vivid-60 {
  --background: var(--red-warm-vivid-60);
  background-color: var(--red-warm-vivid-60) !important;
}

.border-red-warm-vivid-60 {
  border-color: var(--red-warm-vivid-60) !important;
}

.text-red-warm-vivid-50 {
  color: var(--red-warm-vivid-50) !important;
}

.bg-red-warm-vivid-50 {
  --background: var(--red-warm-vivid-50);
  background-color: var(--red-warm-vivid-50) !important;
}

.border-red-warm-vivid-50 {
  border-color: var(--red-warm-vivid-50) !important;
}

.text-red-warm-vivid-40 {
  color: var(--red-warm-vivid-40) !important;
}

.bg-red-warm-vivid-40 {
  --background: var(--red-warm-vivid-40);
  background-color: var(--red-warm-vivid-40) !important;
}

.border-red-warm-vivid-40 {
  border-color: var(--red-warm-vivid-40) !important;
}

.text-red-warm-vivid-30 {
  color: var(--red-warm-vivid-30) !important;
}

.bg-red-warm-vivid-30 {
  --background: var(--red-warm-vivid-30);
  background-color: var(--red-warm-vivid-30) !important;
}

.border-red-warm-vivid-30 {
  border-color: var(--red-warm-vivid-30) !important;
}

.text-red-warm-vivid-20 {
  color: var(--red-warm-vivid-20) !important;
}

.bg-red-warm-vivid-20 {
  --background: var(--red-warm-vivid-20);
  background-color: var(--red-warm-vivid-20) !important;
}

.border-red-warm-vivid-20 {
  border-color: var(--red-warm-vivid-20) !important;
}

.text-red-warm-vivid-10 {
  color: var(--red-warm-vivid-10) !important;
}

.bg-red-warm-vivid-10 {
  --background: var(--red-warm-vivid-10);
  background-color: var(--red-warm-vivid-10) !important;
}

.border-red-warm-vivid-10 {
  border-color: var(--red-warm-vivid-10) !important;
}

.text-red-warm-vivid-5 {
  color: var(--red-warm-vivid-5) !important;
}

.bg-red-warm-vivid-5 {
  --background: var(--red-warm-vivid-5);
  background-color: var(--red-warm-vivid-5) !important;
}

.border-red-warm-vivid-5 {
  border-color: var(--red-warm-vivid-5) !important;
}

.text-violet-90 {
  color: var(--violet-90) !important;
}

.bg-violet-90 {
  --background: var(--violet-90);
  background-color: var(--violet-90) !important;
}

.border-violet-90 {
  border-color: var(--violet-90) !important;
}

.text-violet-80 {
  color: var(--violet-80) !important;
}

.bg-violet-80 {
  --background: var(--violet-80);
  background-color: var(--violet-80) !important;
}

.border-violet-80 {
  border-color: var(--violet-80) !important;
}

.text-violet-70 {
  color: var(--violet-70) !important;
}

.bg-violet-70 {
  --background: var(--violet-70);
  background-color: var(--violet-70) !important;
}

.border-violet-70 {
  border-color: var(--violet-70) !important;
}

.text-violet-60 {
  color: var(--violet-60) !important;
}

.bg-violet-60 {
  --background: var(--violet-60);
  background-color: var(--violet-60) !important;
}

.border-violet-60 {
  border-color: var(--violet-60) !important;
}

.text-violet-50 {
  color: var(--violet-50) !important;
}

.bg-violet-50 {
  --background: var(--violet-50);
  background-color: var(--violet-50) !important;
}

.border-violet-50 {
  border-color: var(--violet-50) !important;
}

.text-violet-40 {
  color: var(--violet-40) !important;
}

.bg-violet-40 {
  --background: var(--violet-40);
  background-color: var(--violet-40) !important;
}

.border-violet-40 {
  border-color: var(--violet-40) !important;
}

.text-violet-30 {
  color: var(--violet-30) !important;
}

.bg-violet-30 {
  --background: var(--violet-30);
  background-color: var(--violet-30) !important;
}

.border-violet-30 {
  border-color: var(--violet-30) !important;
}

.text-violet-20 {
  color: var(--violet-20) !important;
}

.bg-violet-20 {
  --background: var(--violet-20);
  background-color: var(--violet-20) !important;
}

.border-violet-20 {
  border-color: var(--violet-20) !important;
}

.text-violet-10 {
  color: var(--violet-10) !important;
}

.bg-violet-10 {
  --background: var(--violet-10);
  background-color: var(--violet-10) !important;
}

.border-violet-10 {
  border-color: var(--violet-10) !important;
}

.text-violet-5 {
  color: var(--violet-5) !important;
}

.bg-violet-5 {
  --background: var(--violet-5);
  background-color: var(--violet-5) !important;
}

.border-violet-5 {
  border-color: var(--violet-5) !important;
}

.text-violet-warm-90 {
  color: var(--violet-warm-90) !important;
}

.bg-violet-warm-90 {
  --background: var(--violet-warm-90);
  background-color: var(--violet-warm-90) !important;
}

.border-violet-warm-90 {
  border-color: var(--violet-warm-90) !important;
}

.text-violet-warm-80 {
  color: var(--violet-warm-80) !important;
}

.bg-violet-warm-80 {
  --background: var(--violet-warm-80);
  background-color: var(--violet-warm-80) !important;
}

.border-violet-warm-80 {
  border-color: var(--violet-warm-80) !important;
}

.text-violet-warm-70 {
  color: var(--violet-warm-70) !important;
}

.bg-violet-warm-70 {
  --background: var(--violet-warm-70);
  background-color: var(--violet-warm-70) !important;
}

.border-violet-warm-70 {
  border-color: var(--violet-warm-70) !important;
}

.text-violet-warm-60 {
  color: var(--violet-warm-60) !important;
}

.bg-violet-warm-60 {
  --background: var(--violet-warm-60);
  background-color: var(--violet-warm-60) !important;
}

.border-violet-warm-60 {
  border-color: var(--violet-warm-60) !important;
}

.text-violet-warm-50 {
  color: var(--violet-warm-50) !important;
}

.bg-violet-warm-50 {
  --background: var(--violet-warm-50);
  background-color: var(--violet-warm-50) !important;
}

.border-violet-warm-50 {
  border-color: var(--violet-warm-50) !important;
}

.text-violet-warm-40 {
  color: var(--violet-warm-40) !important;
}

.bg-violet-warm-40 {
  --background: var(--violet-warm-40);
  background-color: var(--violet-warm-40) !important;
}

.border-violet-warm-40 {
  border-color: var(--violet-warm-40) !important;
}

.text-violet-warm-30 {
  color: var(--violet-warm-30) !important;
}

.bg-violet-warm-30 {
  --background: var(--violet-warm-30);
  background-color: var(--violet-warm-30) !important;
}

.border-violet-warm-30 {
  border-color: var(--violet-warm-30) !important;
}

.text-violet-warm-20 {
  color: var(--violet-warm-20) !important;
}

.bg-violet-warm-20 {
  --background: var(--violet-warm-20);
  background-color: var(--violet-warm-20) !important;
}

.border-violet-warm-20 {
  border-color: var(--violet-warm-20) !important;
}

.text-violet-warm-10 {
  color: var(--violet-warm-10) !important;
}

.bg-violet-warm-10 {
  --background: var(--violet-warm-10);
  background-color: var(--violet-warm-10) !important;
}

.border-violet-warm-10 {
  border-color: var(--violet-warm-10) !important;
}

.text-violet-warm-5 {
  color: var(--violet-warm-5) !important;
}

.bg-violet-warm-5 {
  --background: var(--violet-warm-5);
  background-color: var(--violet-warm-5) !important;
}

.border-violet-warm-5 {
  border-color: var(--violet-warm-5) !important;
}

.text-violet-vivid-80 {
  color: var(--violet-vivid-80) !important;
}

.bg-violet-vivid-80 {
  --background: var(--violet-vivid-80);
  background-color: var(--violet-vivid-80) !important;
}

.border-violet-vivid-80 {
  border-color: var(--violet-vivid-80) !important;
}

.text-violet-vivid-70 {
  color: var(--violet-vivid-70) !important;
}

.bg-violet-vivid-70 {
  --background: var(--violet-vivid-70);
  background-color: var(--violet-vivid-70) !important;
}

.border-violet-vivid-70 {
  border-color: var(--violet-vivid-70) !important;
}

.text-violet-vivid-60 {
  color: var(--violet-vivid-60) !important;
}

.bg-violet-vivid-60 {
  --background: var(--violet-vivid-60);
  background-color: var(--violet-vivid-60) !important;
}

.border-violet-vivid-60 {
  border-color: var(--violet-vivid-60) !important;
}

.text-violet-vivid-50 {
  color: var(--violet-vivid-50) !important;
}

.bg-violet-vivid-50 {
  --background: var(--violet-vivid-50);
  background-color: var(--violet-vivid-50) !important;
}

.border-violet-vivid-50 {
  border-color: var(--violet-vivid-50) !important;
}

.text-violet-vivid-40 {
  color: var(--violet-vivid-40) !important;
}

.bg-violet-vivid-40 {
  --background: var(--violet-vivid-40);
  background-color: var(--violet-vivid-40) !important;
}

.border-violet-vivid-40 {
  border-color: var(--violet-vivid-40) !important;
}

.text-violet-vivid-30 {
  color: var(--violet-vivid-30) !important;
}

.bg-violet-vivid-30 {
  --background: var(--violet-vivid-30);
  background-color: var(--violet-vivid-30) !important;
}

.border-violet-vivid-30 {
  border-color: var(--violet-vivid-30) !important;
}

.text-violet-vivid-20 {
  color: var(--violet-vivid-20) !important;
}

.bg-violet-vivid-20 {
  --background: var(--violet-vivid-20);
  background-color: var(--violet-vivid-20) !important;
}

.border-violet-vivid-20 {
  border-color: var(--violet-vivid-20) !important;
}

.text-violet-vivid-10 {
  color: var(--violet-vivid-10) !important;
}

.bg-violet-vivid-10 {
  --background: var(--violet-vivid-10);
  background-color: var(--violet-vivid-10) !important;
}

.border-violet-vivid-10 {
  border-color: var(--violet-vivid-10) !important;
}

.text-violet-vivid-5 {
  color: var(--violet-vivid-5) !important;
}

.bg-violet-vivid-5 {
  --background: var(--violet-vivid-5);
  background-color: var(--violet-vivid-5) !important;
}

.border-violet-vivid-5 {
  border-color: var(--violet-vivid-5) !important;
}

.text-violet-warm-vivid-80 {
  color: var(--violet-warm-vivid-80) !important;
}

.bg-violet-warm-vivid-80 {
  --background: var(--violet-warm-vivid-80);
  background-color: var(--violet-warm-vivid-80) !important;
}

.border-violet-warm-vivid-80 {
  border-color: var(--violet-warm-vivid-80) !important;
}

.text-violet-warm-vivid-70 {
  color: var(--violet-warm-vivid-70) !important;
}

.bg-violet-warm-vivid-70 {
  --background: var(--violet-warm-vivid-70);
  background-color: var(--violet-warm-vivid-70) !important;
}

.border-violet-warm-vivid-70 {
  border-color: var(--violet-warm-vivid-70) !important;
}

.text-violet-warm-vivid-60 {
  color: var(--violet-warm-vivid-60) !important;
}

.bg-violet-warm-vivid-60 {
  --background: var(--violet-warm-vivid-60);
  background-color: var(--violet-warm-vivid-60) !important;
}

.border-violet-warm-vivid-60 {
  border-color: var(--violet-warm-vivid-60) !important;
}

.text-violet-warm-vivid-50 {
  color: var(--violet-warm-vivid-50) !important;
}

.bg-violet-warm-vivid-50 {
  --background: var(--violet-warm-vivid-50);
  background-color: var(--violet-warm-vivid-50) !important;
}

.border-violet-warm-vivid-50 {
  border-color: var(--violet-warm-vivid-50) !important;
}

.text-violet-warm-vivid-40 {
  color: var(--violet-warm-vivid-40) !important;
}

.bg-violet-warm-vivid-40 {
  --background: var(--violet-warm-vivid-40);
  background-color: var(--violet-warm-vivid-40) !important;
}

.border-violet-warm-vivid-40 {
  border-color: var(--violet-warm-vivid-40) !important;
}

.text-violet-warm-vivid-30 {
  color: var(--violet-warm-vivid-30) !important;
}

.bg-violet-warm-vivid-30 {
  --background: var(--violet-warm-vivid-30);
  background-color: var(--violet-warm-vivid-30) !important;
}

.border-violet-warm-vivid-30 {
  border-color: var(--violet-warm-vivid-30) !important;
}

.text-violet-warm-vivid-20 {
  color: var(--violet-warm-vivid-20) !important;
}

.bg-violet-warm-vivid-20 {
  --background: var(--violet-warm-vivid-20);
  background-color: var(--violet-warm-vivid-20) !important;
}

.border-violet-warm-vivid-20 {
  border-color: var(--violet-warm-vivid-20) !important;
}

.text-violet-warm-vivid-10 {
  color: var(--violet-warm-vivid-10) !important;
}

.bg-violet-warm-vivid-10 {
  --background: var(--violet-warm-vivid-10);
  background-color: var(--violet-warm-vivid-10) !important;
}

.border-violet-warm-vivid-10 {
  border-color: var(--violet-warm-vivid-10) !important;
}

.text-violet-warm-vivid-5 {
  color: var(--violet-warm-vivid-5) !important;
}

.bg-violet-warm-vivid-5 {
  --background: var(--violet-warm-vivid-5);
  background-color: var(--violet-warm-vivid-5) !important;
}

.border-violet-warm-vivid-5 {
  border-color: var(--violet-warm-vivid-5) !important;
}

.text-yellow-90 {
  color: var(--yellow-90) !important;
}

.bg-yellow-90 {
  --background: var(--yellow-90);
  background-color: var(--yellow-90) !important;
}

.border-yellow-90 {
  border-color: var(--yellow-90) !important;
}

.text-yellow-80 {
  color: var(--yellow-80) !important;
}

.bg-yellow-80 {
  --background: var(--yellow-80);
  background-color: var(--yellow-80) !important;
}

.border-yellow-80 {
  border-color: var(--yellow-80) !important;
}

.text-yellow-70 {
  color: var(--yellow-70) !important;
}

.bg-yellow-70 {
  --background: var(--yellow-70);
  background-color: var(--yellow-70) !important;
}

.border-yellow-70 {
  border-color: var(--yellow-70) !important;
}

.text-yellow-60 {
  color: var(--yellow-60) !important;
}

.bg-yellow-60 {
  --background: var(--yellow-60);
  background-color: var(--yellow-60) !important;
}

.border-yellow-60 {
  border-color: var(--yellow-60) !important;
}

.text-yellow-50 {
  color: var(--yellow-50) !important;
}

.bg-yellow-50 {
  --background: var(--yellow-50);
  background-color: var(--yellow-50) !important;
}

.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}

.text-yellow-40 {
  color: var(--yellow-40) !important;
}

.bg-yellow-40 {
  --background: var(--yellow-40);
  background-color: var(--yellow-40) !important;
}

.border-yellow-40 {
  border-color: var(--yellow-40) !important;
}

.text-yellow-30 {
  color: var(--yellow-30) !important;
}

.bg-yellow-30 {
  --background: var(--yellow-30);
  background-color: var(--yellow-30) !important;
}

.border-yellow-30 {
  border-color: var(--yellow-30) !important;
}

.text-yellow-20 {
  color: var(--yellow-20) !important;
}

.bg-yellow-20 {
  --background: var(--yellow-20);
  background-color: var(--yellow-20) !important;
}

.border-yellow-20 {
  border-color: var(--yellow-20) !important;
}

.text-yellow-10 {
  color: var(--yellow-10) !important;
}

.bg-yellow-10 {
  --background: var(--yellow-10);
  background-color: var(--yellow-10) !important;
}

.border-yellow-10 {
  border-color: var(--yellow-10) !important;
}

.text-yellow-5 {
  color: var(--yellow-5) !important;
}

.bg-yellow-5 {
  --background: var(--yellow-5);
  background-color: var(--yellow-5) !important;
}

.border-yellow-5 {
  border-color: var(--yellow-5) !important;
}

.text-yellow-vivid-80 {
  color: var(--yellow-vivid-80) !important;
}

.bg-yellow-vivid-80 {
  --background: var(--yellow-vivid-80);
  background-color: var(--yellow-vivid-80) !important;
}

.border-yellow-vivid-80 {
  border-color: var(--yellow-vivid-80) !important;
}

.text-yellow-vivid-70 {
  color: var(--yellow-vivid-70) !important;
}

.bg-yellow-vivid-70 {
  --background: var(--yellow-vivid-70);
  background-color: var(--yellow-vivid-70) !important;
}

.border-yellow-vivid-70 {
  border-color: var(--yellow-vivid-70) !important;
}

.text-yellow-vivid-60 {
  color: var(--yellow-vivid-60) !important;
}

.bg-yellow-vivid-60 {
  --background: var(--yellow-vivid-60);
  background-color: var(--yellow-vivid-60) !important;
}

.border-yellow-vivid-60 {
  border-color: var(--yellow-vivid-60) !important;
}

.text-yellow-vivid-50 {
  color: var(--yellow-vivid-50) !important;
}

.bg-yellow-vivid-50 {
  --background: var(--yellow-vivid-50);
  background-color: var(--yellow-vivid-50) !important;
}

.border-yellow-vivid-50 {
  border-color: var(--yellow-vivid-50) !important;
}

.text-yellow-vivid-40 {
  color: var(--yellow-vivid-40) !important;
}

.bg-yellow-vivid-40 {
  --background: var(--yellow-vivid-40);
  background-color: var(--yellow-vivid-40) !important;
}

.border-yellow-vivid-40 {
  border-color: var(--yellow-vivid-40) !important;
}

.text-yellow-vivid-30 {
  color: var(--yellow-vivid-30) !important;
}

.bg-yellow-vivid-30 {
  --background: var(--yellow-vivid-30);
  background-color: var(--yellow-vivid-30) !important;
}

.border-yellow-vivid-30 {
  border-color: var(--yellow-vivid-30) !important;
}

.text-yellow-vivid-20 {
  color: var(--yellow-vivid-20) !important;
}

.bg-yellow-vivid-20 {
  --background: var(--yellow-vivid-20);
  background-color: var(--yellow-vivid-20) !important;
}

.border-yellow-vivid-20 {
  border-color: var(--yellow-vivid-20) !important;
}

.text-yellow-vivid-10 {
  color: var(--yellow-vivid-10) !important;
}

.bg-yellow-vivid-10 {
  --background: var(--yellow-vivid-10);
  background-color: var(--yellow-vivid-10) !important;
}

.border-yellow-vivid-10 {
  border-color: var(--yellow-vivid-10) !important;
}

.text-yellow-vivid-5 {
  color: var(--yellow-vivid-5) !important;
}

.bg-yellow-vivid-5 {
  --background: var(--yellow-vivid-5);
  background-color: var(--yellow-vivid-5) !important;
}

.border-yellow-vivid-5 {
  border-color: var(--yellow-vivid-5) !important;
}

.text-color-primary-pastel-01 {
  color: var(--color-primary-pastel-01) !important;
}

.bg-color-primary-pastel-01 {
  --background: var(--color-primary-pastel-01);
  background-color: var(--color-primary-pastel-01) !important;
}

.border-color-primary-pastel-01 {
  border-color: var(--color-primary-pastel-01) !important;
}

.text-color-primary-pastel-02 {
  color: var(--color-primary-pastel-02) !important;
}

.bg-color-primary-pastel-02 {
  --background: var(--color-primary-pastel-02);
  background-color: var(--color-primary-pastel-02) !important;
}

.border-color-primary-pastel-02 {
  border-color: var(--color-primary-pastel-02) !important;
}

.text-color-primary-lighten-01 {
  color: var(--color-primary-lighten-01) !important;
}

.bg-color-primary-lighten-01 {
  --background: var(--color-primary-lighten-01);
  background-color: var(--color-primary-lighten-01) !important;
}

.border-color-primary-lighten-01 {
  border-color: var(--color-primary-lighten-01) !important;
}

.text-color-primary-lighten-02 {
  color: var(--color-primary-lighten-02) !important;
}

.bg-color-primary-lighten-02 {
  --background: var(--color-primary-lighten-02);
  background-color: var(--color-primary-lighten-02) !important;
}

.border-color-primary-lighten-02 {
  border-color: var(--color-primary-lighten-02) !important;
}

.text-color-primary-default {
  color: var(--color-primary-default) !important;
}

.bg-color-primary-default {
  --background: var(--color-primary-default);
  background-color: var(--color-primary-default) !important;
}

.border-color-primary-default {
  border-color: var(--color-primary-default) !important;
}

.text-color-primary-darken-01 {
  color: var(--color-primary-darken-01) !important;
}

.bg-color-primary-darken-01 {
  --background: var(--color-primary-darken-01);
  background-color: var(--color-primary-darken-01) !important;
}

.border-color-primary-darken-01 {
  border-color: var(--color-primary-darken-01) !important;
}

.text-color-primary-darken-02 {
  color: var(--color-primary-darken-02) !important;
}

.bg-color-primary-darken-02 {
  --background: var(--color-primary-darken-02);
  background-color: var(--color-primary-darken-02) !important;
}

.border-color-primary-darken-02 {
  border-color: var(--color-primary-darken-02) !important;
}

.text-color-secondary-01 {
  color: var(--color-secondary-01) !important;
}

.bg-color-secondary-01 {
  --background: var(--color-secondary-01);
  background-color: var(--color-secondary-01) !important;
}

.border-color-secondary-01 {
  border-color: var(--color-secondary-01) !important;
}

.text-color-secondary-02 {
  color: var(--color-secondary-02) !important;
}

.bg-color-secondary-02 {
  --background: var(--color-secondary-02);
  background-color: var(--color-secondary-02) !important;
}

.border-color-secondary-02 {
  border-color: var(--color-secondary-02) !important;
}

.text-color-secondary-03 {
  color: var(--color-secondary-03) !important;
}

.bg-color-secondary-03 {
  --background: var(--color-secondary-03);
  background-color: var(--color-secondary-03) !important;
}

.border-color-secondary-03 {
  border-color: var(--color-secondary-03) !important;
}

.text-color-secondary-04 {
  color: var(--color-secondary-04) !important;
}

.bg-color-secondary-04 {
  --background: var(--color-secondary-04);
  background-color: var(--color-secondary-04) !important;
}

.border-color-secondary-04 {
  border-color: var(--color-secondary-04) !important;
}

.text-color-secondary-05 {
  color: var(--color-secondary-05) !important;
}

.bg-color-secondary-05 {
  --background: var(--color-secondary-05);
  background-color: var(--color-secondary-05) !important;
}

.border-color-secondary-05 {
  border-color: var(--color-secondary-05) !important;
}

.text-color-secondary-06 {
  color: var(--color-secondary-06) !important;
}

.bg-color-secondary-06 {
  --background: var(--color-secondary-06);
  background-color: var(--color-secondary-06) !important;
}

.border-color-secondary-06 {
  border-color: var(--color-secondary-06) !important;
}

.text-color-secondary-07 {
  color: var(--color-secondary-07) !important;
}

.bg-color-secondary-07 {
  --background: var(--color-secondary-07);
  background-color: var(--color-secondary-07) !important;
}

.border-color-secondary-07 {
  border-color: var(--color-secondary-07) !important;
}

.text-color-secondary-08 {
  color: var(--color-secondary-08) !important;
}

.bg-color-secondary-08 {
  --background: var(--color-secondary-08);
  background-color: var(--color-secondary-08) !important;
}

.border-color-secondary-08 {
  border-color: var(--color-secondary-08) !important;
}

.text-color-secondary-09 {
  color: var(--color-secondary-09) !important;
}

.bg-color-secondary-09 {
  --background: var(--color-secondary-09);
  background-color: var(--color-secondary-09) !important;
}

.border-color-secondary-09 {
  border-color: var(--color-secondary-09) !important;
}

.text-color-highlight {
  color: var(--color-highlight) !important;
}

.bg-color-highlight {
  --background: var(--color-highlight);
  background-color: var(--color-highlight) !important;
}

.border-color-highlight {
  border-color: var(--color-highlight) !important;
}

.text-color-support-01 {
  color: var(--color-support-01) !important;
}

.bg-color-support-01 {
  --background: var(--color-support-01);
  background-color: var(--color-support-01) !important;
}

.border-color-support-01 {
  border-color: var(--color-support-01) !important;
}

.text-color-support-02 {
  color: var(--color-support-02) !important;
}

.bg-color-support-02 {
  --background: var(--color-support-02);
  background-color: var(--color-support-02) !important;
}

.border-color-support-02 {
  border-color: var(--color-support-02) !important;
}

.text-color-support-03 {
  color: var(--color-support-03) !important;
}

.bg-color-support-03 {
  --background: var(--color-support-03);
  background-color: var(--color-support-03) !important;
}

.border-color-support-03 {
  border-color: var(--color-support-03) !important;
}

.text-color-support-04 {
  color: var(--color-support-04) !important;
}

.bg-color-support-04 {
  --background: var(--color-support-04);
  background-color: var(--color-support-04) !important;
}

.border-color-support-04 {
  border-color: var(--color-support-04) !important;
}

.text-color-support-05 {
  color: var(--color-support-05) !important;
}

.bg-color-support-05 {
  --background: var(--color-support-05);
  background-color: var(--color-support-05) !important;
}

.border-color-support-05 {
  border-color: var(--color-support-05) !important;
}

.text-color-support-06 {
  color: var(--color-support-06) !important;
}

.bg-color-support-06 {
  --background: var(--color-support-06);
  background-color: var(--color-support-06) !important;
}

.border-color-support-06 {
  border-color: var(--color-support-06) !important;
}

.text-color-support-07 {
  color: var(--color-support-07) !important;
}

.bg-color-support-07 {
  --background: var(--color-support-07);
  background-color: var(--color-support-07) !important;
}

.border-color-support-07 {
  border-color: var(--color-support-07) !important;
}

.text-color-support-08 {
  color: var(--color-support-08) !important;
}

.bg-color-support-08 {
  --background: var(--color-support-08);
  background-color: var(--color-support-08) !important;
}

.border-color-support-08 {
  border-color: var(--color-support-08) !important;
}

.text-color-support-09 {
  color: var(--color-support-09) !important;
}

.bg-color-support-09 {
  --background: var(--color-support-09);
  background-color: var(--color-support-09) !important;
}

.border-color-support-09 {
  border-color: var(--color-support-09) !important;
}

.text-color-support-10 {
  color: var(--color-support-10) !important;
}

.bg-color-support-10 {
  --background: var(--color-support-10);
  background-color: var(--color-support-10) !important;
}

.border-color-support-10 {
  border-color: var(--color-support-10) !important;
}

.text-color-support-11 {
  color: var(--color-support-11) !important;
}

.bg-color-support-11 {
  --background: var(--color-support-11);
  background-color: var(--color-support-11) !important;
}

.border-color-support-11 {
  border-color: var(--color-support-11) !important;
}

/* LAYOUT */
html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: var(--primary);
  border-color: var(--primary);
  border-radius: 1rem 1rem 0 1rem;
  color: var(--white);
  right: auto !important;
  align-items: center;
  z-index: 999;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: var(--white);
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-weight: 400;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  margin-right: 1rem;
}

/* BORDA DO PORTLET */
.portlet-borderless > .portlet > .portlet-content > .portlet-header,
.portlet-boundary.no-max-width > .portlet > .portlet-content > .portlet-header {
  margin-bottom: 0;
  height: 0;
}
.portlet-borderless > .portlet > .portlet-content > .portlet-header .autofit-col-expand,
.portlet-boundary.no-max-width > .portlet > .portlet-content > .portlet-header .autofit-col-expand {
  display: none;
}
.portlet-borderless .portlet-content,
.portlet-boundary.no-max-width .portlet-content {
  padding: 0;
}

[id^=portlet_pesqbrasildominiosweb_INSTANCE_] {
  margin-bottom: 0;
}

.br-header {
  --header-padding: var(--header-padding-medium);
  --header-padding-small: var(--spacing-scale-base);
  --header-padding-medium: var(--spacing-scale-2x);
  --header-padding-large: var(--spacing-scale-3x);
  --header-logo-size: var(--header-logo-medium);
  --header-logo-small: 16px;
  --header-logo-medium: 24px;
  --header-logo-large: 40px;
  --header-title-size: var(--font-size-scale-base);
  --header-subtitle-size: var(--font-size-scale-down-01);
  --header-logo-desktop-width: 120px;
  --header-logo-desktop-height: 48px;
  --header-logo-compact: 60px;
  --header-logo-compact-height: 32px;
  --header-logo-mobile-width: 80px;
  --header-logo-mobile-height: 40px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  display: flex;
  padding: var(--header-padding) 0;
  position: relative;
  margin-inline: -15px;
}
.br-header.small {
  --header-padding: var(--header-padding-small);
}
.br-header.medium {
  --header-padding: var(--header-padding-medium);
}
.br-header.large {
  --header-padding: var(--header-padding-large);
}
.br-header.compact {
  --header-logo-size: var(--header-logo-small);
  --header-padding: var(--header-padding-small);
}
.br-header.compact .header-actions .header-search-trigger {
  display: block;
}
.br-header.compact .header-search {
  align-items: center;
  background: var(--background);
  bottom: 0;
  display: none;
  left: 0;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-header.compact .header-search .br-input {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header.compact .header-search .br-input label {
  display: none;
}
.br-header.compact .header-search .br-input input {
  border-color: transparent;
}
.br-header.compact .header-search .br-input input:not(:focus) {
  background: var(--gray-2);
}
.br-header.compact .header-search .br-input .icon,
.br-header.compact .header-search .br-input .br-button {
  --focus-offset: 0;
  bottom: auto;
  right: 4px;
  top: auto;
}
.br-header.compact .header-search .search-close {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  display: none;
}
.br-header.compact .header-search.active {
  display: flex;
}
.br-header.compact .header-search.active .search-close {
  display: inline-flex;
}
.br-header[data-no-logo] .header-logo img {
  display: none;
}
.br-header[data-no-sign] .header-logo .header-sign {
  display: none;
}
.br-header[data-no-links] .header-actions .header-links {
  display: none;
}
.br-header[data-no-functions] .header-actions .header-functions {
  display: none;
}
.br-header[data-no-login] .header-actions .header-login {
  display: none;
}
.br-header[data-no-search] .header-search {
  display: none;
}
.br-header[data-no-subtitle] .header-menu .header-subtitle {
  display: none;
}
.br-header[data-sticky] {
  position: sticky;
  top: 0;
  transition: all 150ms ease;
  z-index: var(--z-index-layer-2);
}
.br-header[data-sticky] .header-logo img,
.br-header[data-sticky] .header-actions,
.br-header[data-sticky] .header-menu-trigger,
.br-header[data-sticky] .header-title {
  transition: all 150ms ease;
}
.br-header[data-sticky] .header-logo img {
  margin-right: var(--spacing-scale-base);
}
.br-header .header-top,
.br-header .header-bottom {
  display: flex;
}
.br-header .header-top {
  justify-content: flex-end;
}
.br-header .header-bottom {
  justify-content: space-between;
  margin-top: var(--header-padding-small);
}
.br-header .header-logo {
  align-items: center;
  display: flex;
  flex: 1;
  float: left;
  gap: var(--spacing-scale-2x);
}
.br-header .header-logo img,
.br-header .header-logo svg {
  max-height: var(--header-logo-size);
}
.br-header .header-logo .br-divider {
  display: none;
}
.br-header .header-logo .header-sign {
  color: var(--color);
  display: none;
  font-weight: 500;
  overflow: hidden;
}
.br-header .header-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.br-header .header-actions .dropdown.show .br-list {
  display: block;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa,
.br-header .header-actions .dropdown.show .br-button.active .fa,
.br-header .header-actions .dropdown.show .br-button.active .fab,
.br-header .header-actions .dropdown.show .br-button.active .fad,
.br-header .header-actions .dropdown.show .br-button.active .fal,
.br-header .header-actions .dropdown.show .br-button.active .far,
.br-header .header-actions .dropdown.show .br-button.active .fas {
  transform: rotate(180deg);
}
.br-header .header-actions .dropdown.show .br-notification {
  display: block;
  right: -16px;
  width: 100vw;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-notification div.close {
  display: none;
}
.br-header .header-actions .dropdown:not(.show) .br-notification {
  display: none;
}
.br-header .header-actions .header-links .br-list,
.br-header .header-actions .header-functions .br-list {
  background: var(--background);
  left: -4em;
}
.br-header .header-actions .header-links .br-item,
.br-header .header-actions .header-functions .br-item {
  white-space: nowrap;
}
.br-header .header-actions .header-links ul,
.br-header .header-actions .header-functions ul {
  display: none;
}
.br-header .header-actions .header-functions .br-list .br-button {
  --button-size: auto;
  --button-font-size: var(--font-size-scale-base);
  --button-font-weight: var(--item-font-weight);
  border-radius: 0;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--item-font-weight);
  justify-content: flex-start;
  padding: var(--item-padding);
  width: 100%;
}
.br-header .header-actions .header-functions .br-list .br-button .text {
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-actions .header-functions .br-item {
  padding: 0;
}
.br-header .header-actions .header-functions ul {
  display: none;
}
.br-header .header-actions .header-login {
  margin-left: var(--spacing-scale-base);
}
.br-header .header-actions .sign-in {
  --button-padding: 0 var(--spacing-scale-2x);
}
.br-header .header-actions .avatar {
  align-items: center;
  display: flex;
}
.br-header .header-actions .avatar .br-list {
  min-width: 200px;
  right: 0;
  top: 100%;
}
.br-header .header-menu {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header .header-menu .header-menu-trigger + .header-info {
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-menu .header-title {
  color: var(--pure-100);
  font-size: var(--header-title-size);
}
.br-header .header-menu .header-subtitle {
  color: var(--color);
  display: none;
  font-size: var(--header-subtitle-size);
  font-weight: 500;
  margin-top: var(--spacing-scale-half);
}
.br-header .header-search {
  align-items: center;
  background: var(--background);
  bottom: 0;
  display: none;
  left: 0;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-header .header-search .br-input {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header .header-search .br-input label {
  display: none;
}
.br-header .header-search .br-input input {
  border-color: transparent;
}
.br-header .header-search .br-input input:not(:focus) {
  background: var(--gray-2);
}
.br-header .header-search .br-input .icon,
.br-header .header-search .br-input .br-button {
  --focus-offset: 0;
  bottom: auto;
  right: 4px;
  top: auto;
}
.br-header .header-search .search-close {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  display: none;
}
.br-header .header-search.active {
  display: flex;
}
.br-header .header-search.active .search-close {
  display: inline-flex;
}
.br-header .br-input.has-icon .br-button.circle {
  margin-top: 0;
  position: absolute;
  right: 4px;
}
@media (min-width: 576px) {
  .br-header {
    --header-padding: var(--header-padding-medium);
  }
  .br-header.compact .container-lg {
    position: relative;
  }
  .br-header.compact .header-top {
    display: block;
  }
  .br-header.compact .header-logo {
    --header-logo-size: var(--header-logo-small);
    float: left;
  }
  .br-header.compact .header-logo .br-divider {
    display: none;
  }
  .br-header.compact .header-sign {
    display: none;
  }
  .br-header.compact .header-actions {
    float: right;
    margin-top: var(--spacing-scale-2x);
    position: relative;
  }
  .br-header.compact .header-bottom {
    clear: left;
  }
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-01);
  }
  .br-header.compact .header-menu .header-menu-trigger {
    margin-top: 0;
  }
  .br-header .header-logo {
    --header-logo-size: var(--header-logo-large);
    margin: 0;
  }
  .br-header .header-logo .br-divider {
    display: block;
  }
  .br-header .header-logo .header-sign {
    display: block;
  }
  .br-header .header-actions .header-links .br-list,
  .br-header .header-actions .header-functions .br-list {
    background: var(--background);
    left: auto;
    right: 0;
  }
  .br-header .header-actions .header-links .br-notification,
  .br-header .header-actions .header-functions .br-notification {
    width: 100vw;
  }
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
  }
  .br-header .header-menu .header-menu-trigger {
    margin-top: 3px;
  }
  .br-header .header-menu .header-info {
    padding-top: var(--spacing-scale-half);
  }
  .br-header .header-menu .header-subtitle {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .br-header .header-actions .dropdown:not(.show) .br-list {
    display: none;
  }
}
@media (min-width: 1200px) {
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
  }
  .br-header .header-actions .header-links [data-toggle=dropdown],
  .br-header .header-actions .header-functions [data-toggle=dropdown] {
    display: none;
  }
  .br-header .header-actions .header-links .br-list,
  .br-header .header-actions .header-functions .br-list {
    box-shadow: none;
    display: flex;
    margin-right: var(--spacing-scale-2x);
    position: static;
  }
  .br-header .header-actions .header-links .br-list .header,
  .br-header .header-actions .header-functions .br-list .header {
    display: none;
  }
  .br-header .header-actions .header-links .br-item,
  .br-header .header-actions .header-functions .br-item {
    --focus-offset: var(--spacing-scale-half);
    --interactive-rgb: var(--interactive-light-rgb);
    color: var(--interactive-light);
    padding: 0;
  }
  .br-header .header-actions .header-links .br-item:not(:last-child),
  .br-header .header-actions .header-functions .br-item:not(:last-child) {
    border-bottom: 0;
    margin-right: var(--spacing-scale-3x);
  }
  .br-header .header-actions .header-links .br-notification,
  .br-header .header-actions .header-functions .br-notification {
    width: 50vw;
  }
  .br-header .header-actions .header-functions .br-list {
    margin-right: 0;
  }
  .br-header .header-actions .header-functions .br-list .br-button {
    --button-size: var(--button-small);
    border-radius: 50%;
    color: var(--interactive);
    justify-content: center;
    padding: 0;
    width: var(--button-size);
  }
  .br-header .header-actions .header-functions .br-list .br-button .text {
    display: none;
  }
  .br-header .header-actions .header-functions .br-item {
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-functions .br-item:not(:last-child) {
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-search-trigger {
    display: none;
  }
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-03);
    --header-subtitle-size: var(--font-size-scale-base);
  }
  .br-header .header-menu .header-info {
    padding-top: 0;
  }
  .br-header .header-search {
    display: flex;
    padding: 0;
    position: static;
  }
  .br-header .header-search.active .search-close {
    display: none;
  }
  .br-header .br-input {
    min-width: 385px;
  }
}

label,
.label {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
}

fieldset,
.fieldset {
  border: var(--surface-width-none);
  margin-bottom: var(--spacing-scale-5x);
  margin-top: 0;
  padding: 0;
}

legend,
.legend {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
}

::placeholder,
.placeholder {
  color: var(--color-light);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
  margin-top: var(--spacing-scale-half);
  opacity: 1;
}

input,
textarea,
.input {
  color: var(--color-light);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-half);
}

.form-create-container {
  border-radius: 8px;
  border: 1px solid var(--gray-5);
  background: var(--gray-1);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
}

.form-title {
  color: var(--pure-100);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.19;
}

.form-subtitle {
  color: var(--gray-80);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  line-height: 142.857%;
}

.form .br-select {
  max-width: 100%;
}

.form-edit .br-select .br-list {
  position: static;
}

.br-menu {
  --menu-zindex: var(--z-index-layer-3);
  --menu-background-submenu: var(--gray-2);
  --menu-logo: 40px;
  --menu-item-ng: var(--menu-item-medium);
  --menu-item-padding: var(--menu-item-medium);
  --menu-item-small: var(--spacing-scale-base);
  --menu-item-medium: var(--spacing-scale-2x);
  --menu-item-large: var(--spacing-scale-3x);
}
.br-menu.active .menu-container {
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--menu-zindex);
}
.br-menu.active .menu-panel {
  flex: 1;
  overflow: auto;
  position: relative;
  max-width: 447px;
  z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.active .menu-scrim {
  position: absolute;
}
.br-menu .menu-container {
  display: none;
}
.br-menu .menu-scrim {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.br-menu .menu-panel {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: var(--background);
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-left: 24px;
}
.br-menu .menu-header {
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  padding: var(--spacing-scale-base) var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title {
  align-items: center;
  display: flex;
  flex: 1;
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title img {
  max-height: var(--menu-logo);
}
.br-menu .menu-header .menu-title img + * {
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-body ul,
.br-menu .menu-body li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.br-menu .menu-body ul {
  list-style: none;
}
.br-menu .menu-body > li .divider {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .menu-folder > .menu-item + ul {
  background: var(--menu-background-submenu);
}
.br-menu .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-5x);
}
.br-menu .menu-body .drop-menu > .menu-item {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .drop-menu.active > .menu-item {
  border-bottom: 0;
}
.br-menu .menu-body .drop-menu.active > .menu-item:not(:hover) {
  background-color: var(--background);
}
.br-menu .menu-body .drop-menu.active > .menu-item .support .svg-inline--fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fab,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fad,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fal,
.br-menu .menu-body .drop-menu.active > .menu-item .support .far,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fas {
  transform: rotate(180deg);
}
.br-menu .menu-body .drop-menu.active > .menu-item > ul {
  display: block;
}
.br-menu .menu-body .drop-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}
.br-menu .menu-footer > *:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-footer .menu-logos {
  column-gap: var(--spacing-scale-2x);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
  row-gap: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links {
  --focus-offset: var(--spacing-scale-half);
  padding: var(--spacing-scale-2x) var(--spacing-scale-5x);
}
.br-menu .menu-footer .menu-links a {
  display: block;
}
.br-menu .menu-footer .menu-links a:not(:last-child) {
  margin-bottom: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-menu .menu-footer .social-network,
.br-menu .menu-footer .menu-social {
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
}
.br-menu .menu-footer .social-network .social-network-title,
.br-menu .menu-footer .social-network .social-network-title,
.br-menu .menu-footer .menu-social .social-network-title,
.br-menu .menu-footer .menu-social .social-network-title {
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: var(--spacing-scale-half);
}
.br-menu .menu-footer .social-network .sharegroup,
.br-menu .menu-footer .social-network .sharegroup,
.br-menu .menu-footer .menu-social .sharegroup,
.br-menu .menu-footer .menu-social .sharegroup {
  display: flex;
}
.br-menu .menu-footer .menu-info {
  padding: var(--spacing-scale-2x);
}
.br-menu .menu-item {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: transparent;
  display: flex;
  padding: var(--menu-item-padding) var(--spacing-scale-2x);
}
.br-menu .menu-item .icon {
  margin-right: var(--spacing-scale-2x);
}
.br-menu .menu-item .content {
  flex: 1;
}
.br-menu .menu-item[hidden] {
  display: none;
}
.br-menu .menu-item:disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.br-menu .menu-item:disabled * {
  pointer-events: none;
}
.br-menu a.menu-item {
  color: var(--interactive);
}
.br-menu a.menu-item:not(:disabled).active {
  --interactive: var(--color-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--active);
}
.br-menu a.menu-item:not(:disabled).active:focus {
  outline-color: var(--focus-color-dark);
}
.br-menu a.menu-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-menu .side-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}
.br-menu .side-menu.active > .menu-item {
  --interactive: var(--active);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background);
  flex-direction: row-reverse;
  font-weight: var(--font-weight-semi-bold);
}
.br-menu .side-menu.active > .menu-item .icon {
  margin-right: 0;
}
.br-menu .side-menu.active > .menu-item .support .svg-inline--fa,
.br-menu .side-menu.active > .menu-item .support .fa,
.br-menu .side-menu.active > .menu-item .support .fab,
.br-menu .side-menu.active > .menu-item .support .fad,
.br-menu .side-menu.active > .menu-item .support .fal,
.br-menu .side-menu.active > .menu-item .support .far,
.br-menu .side-menu.active > .menu-item .support .fas {
  transform: rotate(180deg);
}
.br-menu .side-menu.active > ul {
  display: block;
}
.br-menu .side-menu.active .menu-item {
  padding-left: var(--spacing-scale-2x) !important;
}
.br-menu.small .menu-item {
  --menu-item-padding: var(--menu-item-small);
}
.br-menu.medium .menu-item {
  --menu-item-padding: var(--menu-item-medium);
}
.br-menu.large .menu-item {
  --menu-item-padding: var(--menu-item-large);
}
.br-menu.push .menu-trigger,
.br-menu.push .menu-scrim {
  display: none;
}
.br-menu.contextual {
  --menu-zindex: calc(var(--z-index-layer-3) - 10);
  overflow: auto;
}
.br-menu.contextual .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-2x);
}
.br-menu.contextual .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 0;
}
.br-menu.contextual .menu-trigger {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: calc(var(--menu-zindex) - 1);
}
.br-menu.contextual .menu-trigger .br-button {
  --button-radius: 0;
}
.br-menu.contextual .menu-container {
  display: none;
  flex-direction: column-reverse;
  position: static;
}
.br-menu.contextual .menu-panel {
  height: auto;
}
.br-menu.contextual.active {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  right: 0;
  z-index: var(--menu-zindex);
}
.br-menu.contextual.active .menu-trigger {
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.contextual.active .menu-trigger .svg-inline--fa,
.br-menu.contextual.active .menu-trigger .fa,
.br-menu.contextual.active .menu-trigger .fab,
.br-menu.contextual.active .menu-trigger .fad,
.br-menu.contextual.active .menu-trigger .fal,
.br-menu.contextual.active .menu-trigger .far,
.br-menu.contextual.active .menu-trigger .fas {
  transform: rotate(180deg);
}
.br-menu.contextual.active .menu-container {
  display: flex;
  overflow: auto;
}
@media (min-width: 576px) {
  .br-menu.push {
    --menu-zindex: var(--z-index-layer-0);
  }
  .br-menu.push .menu-header,
  .br-menu.push .menu-footer {
    display: none;
  }
  .br-menu.push .menu-header[data-visible=true] {
    display: flex;
  }
  .br-menu.push .menu-footer[data-visible=true] {
    display: block;
  }
  .br-menu.push .menu-panel {
    height: auto;
  }
  .br-menu.push .menu-scrim {
    display: none;
  }
  .br-menu.push.active .menu-container {
    position: static;
  }
}
@media (min-width: 992px) {
  .br-menu.contextual .menu-trigger {
    display: none;
    position: absolute;
  }
  .br-menu.contextual .menu-container {
    display: block;
  }
  .br-menu.contextual.active {
    height: 100%;
    position: absolute;
  }
}


.br-avatar {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
  --avatar-small: 40px;
  --avatar-medium: 100px;
  --avatar-large: 160px;
  --avatar-icon-small: var(--icon-size-2x);
  --avatar-icon-medium: var(--icon-size-5x);
  --avatar-icon-large: var(--icon-size-8x);
  --avatar-text-small: var(--font-size-scale-up-03);
  --avatar-text-medium: var(--font-size-scale-up-07);
  --avatar-text-large: var(--font-size-scale-up-11);
  align-items: center;
  background-color: transparent;
  border: 0;
  display: inline-flex;
  font-size: var(--avatar-text-size);
  font-weight: var(--font-weight-bold);
  justify-content: center;
  line-height: var(--avatar-size);
  vertical-align: middle;
}
.br-avatar.is-small, .br-avatar.small, .br-avatar[small] {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
}
.br-avatar.is-medium, .br-avatar.medium, .br-avatar[medium] {
  --avatar-size: var(--avatar-medium);
  --avatar-icon-size: var(--avatar-icon-medium);
  --avatar-text-size: var(--avatar-text-medium);
}
.br-avatar.is-large, .br-avatar.large, .br-avatar[large] {
  --avatar-size: var(--avatar-large);
  --avatar-icon-size: var(--avatar-icon-large);
  --avatar-text-size: var(--avatar-text-large);
}
.br-avatar[data-toggle=dropdown]:focus {
  outline: none;
}
.br-avatar[data-toggle=dropdown].focus-visible, .br-avatar[data-toggle=dropdown]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-avatar .content {
  align-items: center;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: var(--blue-warm-20);
  display: inline-flex;
  font-size: var(--avatar-text-size);
  height: var(--avatar-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .content img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .content .svg-inline--fa,
.br-avatar .content .fa,
.br-avatar .content .fab,
.br-avatar .content .fad,
.br-avatar .content .fal,
.br-avatar .content .far,
.br-avatar .content .fas {
  --icon-size: var(--avatar-icon-size);
  margin-top: 0.25em;
}
.br-avatar .image,
.br-avatar .letter {
  align-items: center;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: var(--blue-warm-20);
  display: inline-flex;
  font-size: var(--avatar-text-size);
  height: var(--avatar-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .image img,
.br-avatar .letter img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .image .svg-inline--fa,
.br-avatar .image .fa,
.br-avatar .image .fab,
.br-avatar .image .fad,
.br-avatar .image .fal,
.br-avatar .image .far,
.br-avatar .image .fas,
.br-avatar .letter .svg-inline--fa,
.br-avatar .letter .fa,
.br-avatar .letter .fab,
.br-avatar .letter .fad,
.br-avatar .letter .fal,
.br-avatar .letter .far,
.br-avatar .letter .fas {
  --icon-size: var(--avatar-icon-size);
  margin-top: 0.25em;
}

.br-avatar-action {
  background: transparent;
  border: 0;
}
.br-avatar-action:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-avatar-action:focus {
  outline: none;
}
.br-avatar-action.focus-visible, .br-avatar-action:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-sign-in,
.br-button.sign-in {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  --background: var(--gray-2);
  --sign-in-img: 20px;
  background-color: var(--background);
  padding: 0 var(--spacing-scale-2x);
}
.br-sign-in.circle, .br-sign-in[circle], .br-sign-in.is-circle,
.br-button.sign-in.circle,
.br-button.sign-in[circle],
.br-button.sign-in.is-circle {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-sign-in.xsmall, .br-sign-in[xsmall], .br-sign-in.is-xsmall,
.br-button.sign-in.xsmall,
.br-button.sign-in[xsmall],
.br-button.sign-in.is-xsmall {
  --button-size: var(--button-xsmall);
}
.br-sign-in .small,
.br-sign-in [small],
.br-sign-in .is-small,
.br-button.sign-in .small,
.br-button.sign-in [small],
.br-button.sign-in .is-small {
  --button-size: var(--button-small);
}
.br-sign-in.medium, .br-sign-in[medium], .br-sign-in.is-medium,
.br-button.sign-in.medium,
.br-button.sign-in[medium],
.br-button.sign-in.is-medium {
  --button-size: var(--button-medium);
}
.br-sign-in.large, .br-sign-in[large], .br-sign-in.is-large,
.br-button.sign-in.large,
.br-button.sign-in[large],
.br-button.sign-in.is-large {
  --button-size: var(--button-large);
}
.br-sign-in.primary, .br-sign-in[primary], .br-sign-in.is-primary,
.br-button.sign-in.primary,
.br-button.sign-in[primary],
.br-button.sign-in.is-primary {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}
.br-sign-in.secondary, .br-sign-in[secondary], .br-sign-in.is-secondary,
.br-button.sign-in.secondary,
.br-button.sign-in[secondary],
.br-button.sign-in.is-secondary {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}
.br-sign-in.danger, .br-sign-in[danger], .br-sign-in.is-danger,
.br-button.sign-in.danger,
.br-button.sign-in[danger],
.br-button.sign-in.is-danger {
  background-color: var(--danger);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-sign-in.success, .br-sign-in[success], .br-sign-in.is-success,
.br-button.sign-in.success,
.br-button.sign-in[success],
.br-button.sign-in.is-success {
  background-color: var(--success);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-sign-in.warning, .br-sign-in[warning], .br-sign-in.is-warning,
.br-button.sign-in.warning,
.br-button.sign-in[warning],
.br-button.sign-in.is-warning {
  background-color: var(--warning);
  --interactive-rgb: var(--color-light-rgb);
  color: var(--color-light);
}
.br-sign-in.info, .br-sign-in[info], .br-sign-in.is-info,
.br-button.sign-in.info,
.br-button.sign-in[info],
.br-button.sign-in.is-info {
  background-color: var(--info);
  --interactive-rgb: var(--color-dark-rgb);
  color: var(--color-dark);
}
.br-sign-in:disabled,
.br-button.sign-in:disabled {
  cursor: not-allowed;
}
.br-sign-in:not(:disabled),
.br-button.sign-in:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}
.br-sign-in:not(:disabled):focus,
.br-button.sign-in:not(:disabled):focus {
  outline: none;
}
.br-sign-in:not(:disabled).focus-visible, .br-sign-in:not(:disabled):focus-visible,
.br-button.sign-in:not(:disabled).focus-visible,
.br-button.sign-in:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-sign-in:not(:disabled):not(:disabled):hover,
.br-button.sign-in:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-sign-in:not(:disabled):not(:disabled):active,
.br-button.sign-in:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-sign-in.active, .br-sign-in.is-active, .br-sign-in[active],
.br-button.sign-in.active,
.br-button.sign-in.is-active,
.br-button.sign-in[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-sign-in.loading,
.br-button.sign-in.loading {
  color: transparent !important;
  cursor: progress;
}
.br-sign-in.loading:not(:disabled):hover,
.br-button.sign-in.loading:not(:disabled):hover {
  background-image: none;
}
.br-sign-in.loading::before,
.br-button.sign-in.loading::before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-sign-in.loading.primary::before, .br-sign-in.loading.danger::before, .br-sign-in.loading.success::before, .br-sign-in.loading.info::before,
.br-button.sign-in.loading.primary::before,
.br-button.sign-in.loading.danger::before,
.br-button.sign-in.loading.success::before,
.br-button.sign-in.loading.info::before {
  border-color: var(--background) var(--background) transparent;
}
.br-sign-in img,
.br-button.sign-in img {
  max-height: var(--sign-in-img);
}
.br-sign-in .block,
.br-button.sign-in .block {
  width: 100%;
}
@media (min-width: 576px) {
  .br-sign-in.block-sm,
  .br-button.sign-in.block-sm {
    width: 100%;
  }
  .br-sign-in.auto-sm,
  .br-button.sign-in.auto-sm {
    width: auto;
  }
}
@media (min-width: 992px) {
  .br-sign-in.block-md,
  .br-button.sign-in.block-md {
    width: 100%;
  }
  .br-sign-in.auto-md,
  .br-button.sign-in.auto-md {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .br-sign-in.block-lg,
  .br-button.sign-in.block-lg {
    width: 100%;
  }
  .br-sign-in.auto-lg,
  .br-button.sign-in.auto-lg {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .br-sign-in.block-xl,
  .br-button.sign-in.block-xl {
    width: 100%;
  }
  .br-sign-in.auto-xl,
  .br-button.sign-in.auto-xl {
    width: auto;
  }
}

.br-list {
  background-color: var(--background);
}
.br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}
.br-list.horizontal > .header + .br-divider {
  border-top: 1px solid var(--border-color);
  width: 100%;
}
.br-list.horizontal > .br-item + .br-divider,
.br-list.horizontal > .group + .br-divider {
  border-width: 0 1px 0 0;
  width: 1px;
}
.br-list.horizontal > .br-item,
.br-list.horizontal > .group {
  flex: 1;
  height: auto;
  min-height: 56px;
  width: auto;
}
.br-list.horizontal > .br-item.one-line > .content,
.br-list.horizontal > .group.one-line > .content {
  height: 56px;
}
.br-list.horizontal > .br-item.two-lines > .content,
.br-list.horizontal > .group.two-lines > .content {
  height: 72px;
}
.br-list.horizontal > .br-item.three-lines > .content,
.br-list.horizontal > .group.three-lines > .content {
  height: 6em;
}
.br-list.horizontal[data-toggle] > .br-item, .br-list.horizontal.toggle > .br-item {
  display: block;
}
.br-list .br-item {
  text-align: left;
  width: 100%;
}
.br-list .br-item .svg-inline--fa,
.br-list .br-item .fa,
.br-list .br-item .fab,
.br-list .br-item .fad,
.br-list .br-item .fal,
.br-list .br-item .far,
.br-list .br-item .fas {
  text-align: center;
}
.br-list .br-item > .content {
  align-items: var(--spacing-vertical-top);
  display: flex;
}
.br-list .br-item > .content > .content {
  flex: 1;
}
.br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-item[data-toggle] {
  cursor: pointer;
}
.br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.br-list .header {
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-list[data-one-line] .br-item,
.br-list[data-one-line] .br-list .br-item {
  height: 2em;
}
.br-list[data-one-line] .br-item .content,
.br-list[data-one-line] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: initial;
}
.br-list[data-two-lines] .br-item,
.br-list[data-two-lines] .br-list .br-item {
  height: 4em;
}
.br-list[data-two-lines] .br-item .content,
.br-list[data-two-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: initial;
}
.br-list[data-three-lines] .br-item,
.br-list[data-three-lines] .br-list .br-item {
  height: 6em;
}
.br-list[data-three-lines] .br-item .content,
.br-list[data-three-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: initial;
}
.br-list .br-list {
  overflow: hidden;
  transition: all 400ms ease-in-out;
}


#avatar-dropdown-trigger {
  height: auto;
  padding: var(--spacing-scale-base);
  background-color: transparent;
}

[data-toggle=dropdown] + * {
  position: absolute;
}

.dropdown {
  position: relative;
}
.dropdown [data-toggle=dropdown] + *,
.dropdown [data-toggle=dropdown-legacy] + * {
  min-width: 310px;
  box-shadow: var(--surface-shadow-sm);
  left: 0;
  position: absolute;
  top: 100%;
  z-index: 1;
}
.dropdown [data-toggle=dropdown].right + *,
.dropdown [data-toggle=dropdown-legacy].right + * {
  right: 0;
  left: auto;
}
.dropdown > .br-notification {
  left: auto;
  right: 0;
}
.dropdown .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--color-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
  background-color: var(--background-light);
  color: var(--color);
}
.dropdown .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.dropdown .br-item.selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.c-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  width: 250px;
  z-index: 1;
}

.br-item {
  background: var(--background);
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-base);
  --item-padding: var(--item-padding-y) var(--item-padding-x);
  --focus-offset: calc(var(--focus-width) * -1);
  border: 0;
  color: var(--color);
  display: block;
  font-weight: var(--font-weight);
  padding: var(--item-padding);
  text-align: left;
  width: 100%;
}
.br-item .row {
  margin-left: calc(-1 * var(--spacing-scale-base));
  margin-right: calc(-1 * var(--spacing-scale-base));
}
.br-item .row .col, .br-item .row[class*=col-] {
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
}
.br-item::after {
  clear: both;
  content: "";
  display: block;
}
.br-item[data-toggle] {
  cursor: pointer;
}
.br-item[data-toggle]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item[data-toggle] .content i {
  color: var(--interactive);
}
.br-item > .br-checkbox:not(.hidden-label),
.br-item > .br-radio:not(.hidden-label) {
  margin-bottom: calc(var(--item-padding-y) * -1);
  margin-left: calc(var(--item-padding-x) * -1);
  margin-right: calc(var(--item-padding-x) * -1);
  margin-top: calc(var(--item-padding-y) * -1);
}
.br-item > .br-checkbox:not(.hidden-label) input + label,
.br-item > .br-radio:not(.hidden-label) input + label {
  padding-bottom: var(--item-padding-y);
  padding-top: var(--item-padding-y);
  top: 1px;
  width: 100%;
}
.br-item > .br-checkbox:not(.hidden-label) input + label::before,
.br-item > .br-radio:not(.hidden-label) input + label::before {
  left: var(--item-padding-x);
  top: calc(var(--item-padding-y) - 1px);
}
.br-item > .br-checkbox:not(.hidden-label) input + label:empty,
.br-item > .br-radio:not(.hidden-label) input + label:empty {
  left: 0;
  top: 1px;
}
.br-item > .br-checkbox:not(.hidden-label) input:hover:not(:disabled) + label::before,
.br-item > .br-radio:not(.hidden-label) input:hover:not(:disabled) + label::before {
  background-image: none;
}
.br-item > .br-checkbox input:not(:indeterminate) + label {
  min-height: calc(var(--checkbox-size) + var(--item-padding-y) * 2);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:not(:empty) {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-item > .br-checkbox input:not(:indeterminate) + label::after {
  left: calc(var(--item-padding-x) + 8px);
  top: calc(var(--item-padding-y) + 4px);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:empty {
  min-height: var(--checkbox-size);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:empty::after {
  left: 8px;
  top: 4px;
}
.br-item > .br-radio input + label {
  min-height: calc(var(--radio-size) + var(--item-padding-y) * 2);
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x));
}
.br-item > .br-radio input + label::after {
  left: calc(var(--item-padding-x) + var(--radio-bullet-position));
  top: calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px);
}
.br-item > .br-radio input + label:empty {
  min-height: var(--radio-size);
}
.br-item > .br-radio input + label:empty::after {
  left: var(--radio-bullet-position);
  top: var(--radio-bullet-position);
}
.br-item.primary-lighten-01, .br-item.primary-lighten-02, .br-item.primary-default, .br-item.primary-darken-01, .br-item.primary-darken-02, .br-item.secondary-06, .br-item.secondary-07, .br-item.secondary-08, .br-item.secondary-09, .br-item.highlight, .br-item.support-01, .br-item.support-03, .br-item.support-04, .br-item.support-07, .br-item.support-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background-color: var(--selected);
}
.br-item.active {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background-color: var(--active);
  color: var(--color);
}
.br-item.inverted, .br-item.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-item.inverted.active, .br-item.dark-mode.active {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--active-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--background-light);
  color: var(--active);
}
.br-item .content {
  align-items: center;
  display: flex;
}
.br-item[class*=fa-] {
  height: 16px;
  width: 14px !important;
}
.br-item .toogle-icon-interactive {
  color: var(--interactive);
}
.br-item.br-itema {
  color: var(--interactive);
}
.br-item.br-itema:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-item.br-itema:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-item.br-itembutton {
  background-color: transparent;
  color: var(--color);
}
.br-item.br-itembutton:focus {
  outline: none;
}
.br-item.br-itembutton.focus-visible, .br-item.br-itembutton:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-item.br-itembutton:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item.br-itembutton:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)));
}


.c-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  justify-items: center;
}
.c-grid .domain-card-link:nth-child(11n+1) .domain-card .shape {
  background-color: var(--green-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+1) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+1) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+1) .domain-card:hover .shape i {
  color: var(--green-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+2) .domain-card .shape {
  background-color: var(--red-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+2) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+2) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+2) .domain-card:hover .shape i {
  color: var(--red-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+3) .domain-card .shape {
  background-color: var(--blue-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+3) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+3) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+3) .domain-card:hover .shape i {
  color: var(--blue-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+4) .domain-card .shape {
  background-color: var(--gold-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+4) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+4) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+4) .domain-card:hover .shape i {
  color: var(--gold-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+5) .domain-card .shape {
  background-color: var(--green-cool-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+5) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+5) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+5) .domain-card:hover .shape i {
  color: var(--green-cool-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+6) .domain-card .shape {
  background-color: var(--indigo-cool-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+6) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+6) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+6) .domain-card:hover .shape i {
  color: var(--indigo-cool-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+7) .domain-card .shape {
  background-color: var(--blue-cool-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+7) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+7) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+7) .domain-card:hover .shape i {
  color: var(--blue-cool-vivid-60);
}
.c-grid .domain-card-link:nth-child(11n+8) .domain-card .shape {
  background-color: var(--indigo-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+8) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+8) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+8) .domain-card:hover .shape i {
  color: var(--indigo-warm-vivid-50);
}
.c-grid .domain-card-link:nth-child(11n+9) .domain-card .shape {
  background-color: var(--indigo-60);
}
.c-grid .domain-card-link:nth-child(11n+9) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+9) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+9) .domain-card:hover .shape i {
  color: var(--indigo-60);
}
.c-grid .domain-card-link:nth-child(11n+10) .domain-card .shape {
  background-color: var(--mint-50);
}
.c-grid .domain-card-link:nth-child(11n+10) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+10) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+10) .domain-card:hover .shape i {
  color: var(--mint-50);
}
.c-grid .domain-card-link:nth-child(11n+11) .domain-card .shape {
  background-color: var(--gold-50);
}
.c-grid .domain-card-link:nth-child(11n+11) .domain-card:hover {
  border: 4px solid var(--blue-warm-vivid-5);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--blue-warm-vivid-10) 0%, var(--blue-warm-vivid-5) 100%);
}
.c-grid .domain-card-link:nth-child(11n+11) .domain-card:hover .shape {
  background-color: rgba(252, 252, 252, 0.7);
}
.c-grid .domain-card-link:nth-child(11n+11) .domain-card:hover .shape i {
  color: var(--gold-50);
}
@media (min-width: 768px) {
  .c-grid {
    grid-template-columns: repeat(2, minmax(360px, 1fr));
  }
}
@media (min-width: 1200px) {
  .c-grid {
    grid-template-columns: repeat(3, minmax(386.66px, 1fr));
  }
}

.domain-card-link {
  border-radius: 16px;
}
.domain-card-link:not(:disabled):hover {
  background-image: linear-gradient(transparent);
}

.domain-card {
  display: flex;
  padding: 32px 28px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  aspect-ratio: 1/1;
  width: 100%;
  border-radius: 16px;
  border: 4px solid var(--pure-0);
  background-image: url("../images/mascara-card.png"), linear-gradient(180deg, var(--gray-3) 0%, var(--pure-0) 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: 91px -6px, 0 0;
  background-size: cover, auto;
  /* Custom-DropShadow */
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
}
.domain-card .domain-card-icon-wrapper {
  width: 84px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.domain-card .domain-card-icon-wrapper i {
  font-size: 32px;
  color: var(--gray-1);
}
.domain-card .shape {
  clip-path: path("M38.6166 1.45811C40.2167 -0.486188 43.1937 -0.486191 44.7938 1.4581L52.4745 10.7911C53.3209 11.8196 54.6239 12.3593 55.9497 12.2306L67.9801 11.0622C70.4864 10.8188 72.5915 12.9239 72.3481 15.4301L71.1797 27.4606C71.0509 28.7864 71.5906 30.0894 72.6192 30.9358L81.9522 38.6165C83.8965 40.2166 83.8965 43.1936 81.9522 44.7937L72.6192 52.4743C71.5906 53.3208 71.0509 54.6237 71.1797 55.9496L72.3481 67.98C72.5915 70.4863 70.4864 72.5913 67.9802 72.3479L55.9497 71.1796C54.6239 71.0508 53.3209 71.5905 52.4745 72.6191L44.7938 81.9521C43.1937 83.8964 40.2167 83.8964 38.6166 81.9521L30.936 72.6191C30.0895 71.5905 28.7866 71.0508 27.4607 71.1796L15.4303 72.3479C12.924 72.5913 10.8189 70.4863 11.0623 67.98L12.2307 55.9496C12.3595 54.6237 11.8198 53.3208 10.7912 52.4743L1.45823 44.7937C-0.486066 43.1936 -0.486069 40.2166 1.45823 38.6165L10.7912 30.9358C11.8198 30.0894 12.3595 28.7864 12.2307 27.4606L11.0623 15.4301C10.8189 12.9239 12.924 10.8188 15.4303 11.0622L27.4607 12.2306C28.7866 12.3593 30.0895 11.8196 30.936 10.7911L38.6166 1.45811Z");
}

.br-message {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  background: var(--message-background);
  display: flex;
  margin-bottom: var(--spacing-scale-2x);
}
.br-message .content {
  color: var(--message-text);
  flex: 1;
  font-size: var(--font-size-scale-up-01);
  padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
}
.br-message .content .message-title {
  font-weight: var(--font-weight-semi-bold);
}
.br-message .content .message-body {
  font-weight: var(--font-weigth-regular);
}
.br-message .content a {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.br-message .content *:last-child {
  margin-bottom: 0;
}
.br-message .icon {
  align-items: center;
  color: var(--message-color-icon);
  display: flex;
  justify-content: center;
  margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
}
.br-message .icon + .content {
  padding-left: 0;
}
.br-message .close {
  margin-right: var(--spacing-scale-base);
  margin-top: var(--spacing-scale-base);
}
.br-message.is-success, .br-message.success, .br-message[success] {
  --message-background: var(--success-alternative);
  --feedback-background: var(--success);
  --message-color-icon: var(--success);
}
.br-message.is-success .close .br-button, .br-message.success .close .br-button, .br-message[success] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--success-rgb);
}
.br-message.is-danger, .br-message.danger, .br-message[danger] {
  --message-background: var(--danger-alternative);
  --feedback-background: var(--danger);
  --message-color-icon: var(--danger);
}
.br-message.is-danger .close .br-button, .br-message.danger .close .br-button, .br-message[danger] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--danger-rgb);
}
.br-message.is-info, .br-message.info, .br-message[info] {
  --message-background: var(--info-alternative);
  --feedback-background: var(--info);
  --message-color-icon: var(--info);
}
.br-message.is-info .close .br-button, .br-message.info .close .br-button, .br-message[info] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--info-rgb);
}
.br-message.is-warning, .br-message.warning, .br-message[warning] {
  --message-background: var(--warning-alternative);
  --feedback-background: var(--warning);
}
.br-message.is-warning .close .br-button, .br-message.warning .close .br-button, .br-message[warning] .close .br-button {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
}

.feedback {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  align-items: center;
  background: var(--feedback-background);
  color: var(--message-text);
  display: inline-flex;
  font-style: italic;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0;
  padding: var(--spacing-scale-half);
}
.feedback .svg-inline--fa,
.feedback .fa,
.feedback .fab,
.feedback .fad,
.feedback .fal,
.feedback .far,
.feedback .fas {
  margin-right: var(--spacing-scale-half);
}
.feedback:not(.is-warning):not(.warning):not([warning]) {
  --message-text: var(--pure-0);
}
.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
}
.feedback.is-success, .feedback.success, .feedback[success] {
  --message-background: var(--success-alternative);
  --feedback-background: var(--success);
  --message-color-icon: var(--success);
}
.feedback.is-success .close .br-button, .feedback.success .close .br-button, .feedback[success] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--success-rgb);
}
.feedback.is-danger, .feedback.danger, .feedback[danger] {
  --message-background: var(--danger-alternative);
  --feedback-background: var(--danger);
  --message-color-icon: var(--danger);
}
.feedback.is-danger .close .br-button, .feedback.danger .close .br-button, .feedback[danger] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--danger-rgb);
}
.feedback.is-info, .feedback.info, .feedback[info] {
  --message-background: var(--info-alternative);
  --feedback-background: var(--info);
  --message-color-icon: var(--info);
}
.feedback.is-info .close .br-button, .feedback.info .close .br-button, .feedback[info] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--info-rgb);
}
.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --message-background: var(--warning-alternative);
  --feedback-background: var(--warning);
}
.feedback.is-warning .close .br-button, .feedback.warning .close .br-button, .feedback[warning] .close .br-button {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
}

.loading,
.br-loading {
  --loading-size: var(--loading-indetermined-diameter-sm);
  --loading-diameter: 84px;
  --loading-stroke: 5px;
  --loading-indetermined-color: var(--interactive);
  --loading-indetermined-diameter-md: 44px;
  --loading-indetermined-diameter-sm: 24px;
  position: relative;
  z-index: var(--z-index-layer-4);
}

.loading[data-progress]:not(:empty),
.br-loading[data-progress]:not(:empty) {
  background-color: var(--border-color);
  border-radius: 50%;
}

.loading[data-progress]:not(:empty)::before,
.br-loading[data-progress]:not(:empty)::before {
  content: none;
}

.loading[data-progress]::after,
.br-loading[data-progress]::after {
  --loading-size: calc(var(--loading-diameter) - var(--loading-stroke) * 2);
  background: var(--background);
  border-radius: 50%;
  color: var(--interactive);
  content: attr(data-progress) "%";
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  height: var(--loading-size);
  line-height: var(--loading-size);
  margin: var(--loading-stroke);
  position: absolute;
  text-align: center;
  width: var(--loading-size);
}

.loading[data-progress].loading-mask,
.loading[data-progress].loading-fill,
.loading[data-progress] .br-loading-mask,
.loading[data-progress] .br-loading-fill,
.br-loading[data-progress].loading-mask,
.br-loading[data-progress].loading-fill,
.br-loading[data-progress] .br-loading-mask,
.br-loading[data-progress] .br-loading-fill {
  backface-visibility: hidden;
  border-radius: 50%;
  clip: rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));
  height: var(--loading-diameter);
  overflow: hidden;
  position: absolute;
  width: var(--loading-diameter);
}

.loading[data-progress].loading-fill,
.loading[data-progress] .br-loading-fill,
.br-loading[data-progress].loading-fill,
.br-loading[data-progress] .br-loading-fill {
  background: var(--interactive);
  clip: rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0);
}

.loading::before,
.br-loading::before {
  animation: spinAround 1.3s infinite linear;
  border: 2px solid var(--loading-indetermined-color);
  border-radius: 50%;
  border-right-color: transparent;
  content: "";
  display: block;
  height: var(--loading-size);
  left: calc(50% - var(--loading-size) * 0.5);
  position: absolute;
  top: calc(50% - var(--loading-size) * 0.5);
  width: var(--loading-size);
}

.loading:not(.br-button),
.br-loading:not(.br-button) {
  height: var(--loading-size);
  width: var(--loading-size);
}

.loading:not(.br-button).medium,
.br-loading:not(.br-button).medium {
  --loading-size: var(--loading-indetermined-diameter-md);
}

.loading:not(.br-button).medium::before,
.br-loading:not(.br-button).medium::before {
  border-width: 4px;
}

.loading:not(.br-button)[data-progress],
.br-loading:not(.br-button)[data-progress] {
  --loading-size: var(--loading-diameter);
}

.loading:not(.br-button)[data-progress]::before,
.br-loading:not(.br-button)[data-progress]::before {
  border-width: var(--loading-stroke);
}

.loading[data-progress="1"] .br-loading-mask.full,
.loading[data-progress="1"] .br-loading-fill,
.br-loading[data-progress="1"] .br-loading-mask.full,
.br-loading[data-progress="1"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(1.8deg);
}

.loading[data-progress="2"] .br-loading-mask.full,
.loading[data-progress="2"] .br-loading-fill,
.br-loading[data-progress="2"] .br-loading-mask.full,
.br-loading[data-progress="2"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(3.6deg);
}

.loading[data-progress="3"] .br-loading-mask.full,
.loading[data-progress="3"] .br-loading-fill,
.br-loading[data-progress="3"] .br-loading-mask.full,
.br-loading[data-progress="3"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(5.4deg);
}

.loading[data-progress="4"] .br-loading-mask.full,
.loading[data-progress="4"] .br-loading-fill,
.br-loading[data-progress="4"] .br-loading-mask.full,
.br-loading[data-progress="4"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(7.2deg);
}

.loading[data-progress="5"] .br-loading-mask.full,
.loading[data-progress="5"] .br-loading-fill,
.br-loading[data-progress="5"] .br-loading-mask.full,
.br-loading[data-progress="5"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(9deg);
}

.loading[data-progress="6"] .br-loading-mask.full,
.loading[data-progress="6"] .br-loading-fill,
.br-loading[data-progress="6"] .br-loading-mask.full,
.br-loading[data-progress="6"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(10.8deg);
}

.loading[data-progress="7"] .br-loading-mask.full,
.loading[data-progress="7"] .br-loading-fill,
.br-loading[data-progress="7"] .br-loading-mask.full,
.br-loading[data-progress="7"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(12.6deg);
}

.loading[data-progress="8"] .br-loading-mask.full,
.loading[data-progress="8"] .br-loading-fill,
.br-loading[data-progress="8"] .br-loading-mask.full,
.br-loading[data-progress="8"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(14.4deg);
}

.loading[data-progress="9"] .br-loading-mask.full,
.loading[data-progress="9"] .br-loading-fill,
.br-loading[data-progress="9"] .br-loading-mask.full,
.br-loading[data-progress="9"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(16.2deg);
}

.loading[data-progress="10"] .br-loading-mask.full,
.loading[data-progress="10"] .br-loading-fill,
.br-loading[data-progress="10"] .br-loading-mask.full,
.br-loading[data-progress="10"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(18deg);
}

.loading[data-progress="11"] .br-loading-mask.full,
.loading[data-progress="11"] .br-loading-fill,
.br-loading[data-progress="11"] .br-loading-mask.full,
.br-loading[data-progress="11"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(19.8deg);
}

.loading[data-progress="12"] .br-loading-mask.full,
.loading[data-progress="12"] .br-loading-fill,
.br-loading[data-progress="12"] .br-loading-mask.full,
.br-loading[data-progress="12"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(21.6deg);
}

.loading[data-progress="13"] .br-loading-mask.full,
.loading[data-progress="13"] .br-loading-fill,
.br-loading[data-progress="13"] .br-loading-mask.full,
.br-loading[data-progress="13"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(23.4deg);
}

.loading[data-progress="14"] .br-loading-mask.full,
.loading[data-progress="14"] .br-loading-fill,
.br-loading[data-progress="14"] .br-loading-mask.full,
.br-loading[data-progress="14"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(25.2deg);
}

.loading[data-progress="15"] .br-loading-mask.full,
.loading[data-progress="15"] .br-loading-fill,
.br-loading[data-progress="15"] .br-loading-mask.full,
.br-loading[data-progress="15"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(27deg);
}

.loading[data-progress="16"] .br-loading-mask.full,
.loading[data-progress="16"] .br-loading-fill,
.br-loading[data-progress="16"] .br-loading-mask.full,
.br-loading[data-progress="16"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(28.8deg);
}

.loading[data-progress="17"] .br-loading-mask.full,
.loading[data-progress="17"] .br-loading-fill,
.br-loading[data-progress="17"] .br-loading-mask.full,
.br-loading[data-progress="17"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(30.6deg);
}

.loading[data-progress="18"] .br-loading-mask.full,
.loading[data-progress="18"] .br-loading-fill,
.br-loading[data-progress="18"] .br-loading-mask.full,
.br-loading[data-progress="18"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(32.4deg);
}

.loading[data-progress="19"] .br-loading-mask.full,
.loading[data-progress="19"] .br-loading-fill,
.br-loading[data-progress="19"] .br-loading-mask.full,
.br-loading[data-progress="19"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(34.2deg);
}

.loading[data-progress="20"] .br-loading-mask.full,
.loading[data-progress="20"] .br-loading-fill,
.br-loading[data-progress="20"] .br-loading-mask.full,
.br-loading[data-progress="20"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(36deg);
}

.loading[data-progress="21"] .br-loading-mask.full,
.loading[data-progress="21"] .br-loading-fill,
.br-loading[data-progress="21"] .br-loading-mask.full,
.br-loading[data-progress="21"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(37.8deg);
}

.loading[data-progress="22"] .br-loading-mask.full,
.loading[data-progress="22"] .br-loading-fill,
.br-loading[data-progress="22"] .br-loading-mask.full,
.br-loading[data-progress="22"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(39.6deg);
}

.loading[data-progress="23"] .br-loading-mask.full,
.loading[data-progress="23"] .br-loading-fill,
.br-loading[data-progress="23"] .br-loading-mask.full,
.br-loading[data-progress="23"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(41.4deg);
}

.loading[data-progress="24"] .br-loading-mask.full,
.loading[data-progress="24"] .br-loading-fill,
.br-loading[data-progress="24"] .br-loading-mask.full,
.br-loading[data-progress="24"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(43.2deg);
}

.loading[data-progress="25"] .br-loading-mask.full,
.loading[data-progress="25"] .br-loading-fill,
.br-loading[data-progress="25"] .br-loading-mask.full,
.br-loading[data-progress="25"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(45deg);
}

.loading[data-progress="26"] .br-loading-mask.full,
.loading[data-progress="26"] .br-loading-fill,
.br-loading[data-progress="26"] .br-loading-mask.full,
.br-loading[data-progress="26"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(46.8deg);
}

.loading[data-progress="27"] .br-loading-mask.full,
.loading[data-progress="27"] .br-loading-fill,
.br-loading[data-progress="27"] .br-loading-mask.full,
.br-loading[data-progress="27"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(48.6deg);
}

.loading[data-progress="28"] .br-loading-mask.full,
.loading[data-progress="28"] .br-loading-fill,
.br-loading[data-progress="28"] .br-loading-mask.full,
.br-loading[data-progress="28"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(50.4deg);
}

.loading[data-progress="29"] .br-loading-mask.full,
.loading[data-progress="29"] .br-loading-fill,
.br-loading[data-progress="29"] .br-loading-mask.full,
.br-loading[data-progress="29"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(52.2deg);
}

.loading[data-progress="30"] .br-loading-mask.full,
.loading[data-progress="30"] .br-loading-fill,
.br-loading[data-progress="30"] .br-loading-mask.full,
.br-loading[data-progress="30"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(54deg);
}

.loading[data-progress="31"] .br-loading-mask.full,
.loading[data-progress="31"] .br-loading-fill,
.br-loading[data-progress="31"] .br-loading-mask.full,
.br-loading[data-progress="31"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(55.8deg);
}

.loading[data-progress="32"] .br-loading-mask.full,
.loading[data-progress="32"] .br-loading-fill,
.br-loading[data-progress="32"] .br-loading-mask.full,
.br-loading[data-progress="32"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(57.6deg);
}

.loading[data-progress="33"] .br-loading-mask.full,
.loading[data-progress="33"] .br-loading-fill,
.br-loading[data-progress="33"] .br-loading-mask.full,
.br-loading[data-progress="33"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(59.4deg);
}

.loading[data-progress="34"] .br-loading-mask.full,
.loading[data-progress="34"] .br-loading-fill,
.br-loading[data-progress="34"] .br-loading-mask.full,
.br-loading[data-progress="34"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(61.2deg);
}

.loading[data-progress="35"] .br-loading-mask.full,
.loading[data-progress="35"] .br-loading-fill,
.br-loading[data-progress="35"] .br-loading-mask.full,
.br-loading[data-progress="35"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(63deg);
}

.loading[data-progress="36"] .br-loading-mask.full,
.loading[data-progress="36"] .br-loading-fill,
.br-loading[data-progress="36"] .br-loading-mask.full,
.br-loading[data-progress="36"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(64.8deg);
}

.loading[data-progress="37"] .br-loading-mask.full,
.loading[data-progress="37"] .br-loading-fill,
.br-loading[data-progress="37"] .br-loading-mask.full,
.br-loading[data-progress="37"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(66.6deg);
}

.loading[data-progress="38"] .br-loading-mask.full,
.loading[data-progress="38"] .br-loading-fill,
.br-loading[data-progress="38"] .br-loading-mask.full,
.br-loading[data-progress="38"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(68.4deg);
}

.loading[data-progress="39"] .br-loading-mask.full,
.loading[data-progress="39"] .br-loading-fill,
.br-loading[data-progress="39"] .br-loading-mask.full,
.br-loading[data-progress="39"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(70.2deg);
}

.loading[data-progress="40"] .br-loading-mask.full,
.loading[data-progress="40"] .br-loading-fill,
.br-loading[data-progress="40"] .br-loading-mask.full,
.br-loading[data-progress="40"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(72deg);
}

.loading[data-progress="41"] .br-loading-mask.full,
.loading[data-progress="41"] .br-loading-fill,
.br-loading[data-progress="41"] .br-loading-mask.full,
.br-loading[data-progress="41"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(73.8deg);
}

.loading[data-progress="42"] .br-loading-mask.full,
.loading[data-progress="42"] .br-loading-fill,
.br-loading[data-progress="42"] .br-loading-mask.full,
.br-loading[data-progress="42"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(75.6deg);
}

.loading[data-progress="43"] .br-loading-mask.full,
.loading[data-progress="43"] .br-loading-fill,
.br-loading[data-progress="43"] .br-loading-mask.full,
.br-loading[data-progress="43"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(77.4deg);
}

.loading[data-progress="44"] .br-loading-mask.full,
.loading[data-progress="44"] .br-loading-fill,
.br-loading[data-progress="44"] .br-loading-mask.full,
.br-loading[data-progress="44"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(79.2deg);
}

.loading[data-progress="45"] .br-loading-mask.full,
.loading[data-progress="45"] .br-loading-fill,
.br-loading[data-progress="45"] .br-loading-mask.full,
.br-loading[data-progress="45"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(81deg);
}

.loading[data-progress="46"] .br-loading-mask.full,
.loading[data-progress="46"] .br-loading-fill,
.br-loading[data-progress="46"] .br-loading-mask.full,
.br-loading[data-progress="46"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(82.8deg);
}

.loading[data-progress="47"] .br-loading-mask.full,
.loading[data-progress="47"] .br-loading-fill,
.br-loading[data-progress="47"] .br-loading-mask.full,
.br-loading[data-progress="47"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(84.6deg);
}

.loading[data-progress="48"] .br-loading-mask.full,
.loading[data-progress="48"] .br-loading-fill,
.br-loading[data-progress="48"] .br-loading-mask.full,
.br-loading[data-progress="48"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(86.4deg);
}

.loading[data-progress="49"] .br-loading-mask.full,
.loading[data-progress="49"] .br-loading-fill,
.br-loading[data-progress="49"] .br-loading-mask.full,
.br-loading[data-progress="49"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(88.2deg);
}

.loading[data-progress="50"] .br-loading-mask.full,
.loading[data-progress="50"] .br-loading-fill,
.br-loading[data-progress="50"] .br-loading-mask.full,
.br-loading[data-progress="50"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(90deg);
}

.loading[data-progress="51"] .br-loading-mask.full,
.loading[data-progress="51"] .br-loading-fill,
.br-loading[data-progress="51"] .br-loading-mask.full,
.br-loading[data-progress="51"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(91.8deg);
}

.loading[data-progress="52"] .br-loading-mask.full,
.loading[data-progress="52"] .br-loading-fill,
.br-loading[data-progress="52"] .br-loading-mask.full,
.br-loading[data-progress="52"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(93.6deg);
}

.loading[data-progress="53"] .br-loading-mask.full,
.loading[data-progress="53"] .br-loading-fill,
.br-loading[data-progress="53"] .br-loading-mask.full,
.br-loading[data-progress="53"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(95.4deg);
}

.loading[data-progress="54"] .br-loading-mask.full,
.loading[data-progress="54"] .br-loading-fill,
.br-loading[data-progress="54"] .br-loading-mask.full,
.br-loading[data-progress="54"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(97.2deg);
}

.loading[data-progress="55"] .br-loading-mask.full,
.loading[data-progress="55"] .br-loading-fill,
.br-loading[data-progress="55"] .br-loading-mask.full,
.br-loading[data-progress="55"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(99deg);
}

.loading[data-progress="56"] .br-loading-mask.full,
.loading[data-progress="56"] .br-loading-fill,
.br-loading[data-progress="56"] .br-loading-mask.full,
.br-loading[data-progress="56"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(100.8deg);
}

.loading[data-progress="57"] .br-loading-mask.full,
.loading[data-progress="57"] .br-loading-fill,
.br-loading[data-progress="57"] .br-loading-mask.full,
.br-loading[data-progress="57"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(102.6deg);
}

.loading[data-progress="58"] .br-loading-mask.full,
.loading[data-progress="58"] .br-loading-fill,
.br-loading[data-progress="58"] .br-loading-mask.full,
.br-loading[data-progress="58"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(104.4deg);
}

.loading[data-progress="59"] .br-loading-mask.full,
.loading[data-progress="59"] .br-loading-fill,
.br-loading[data-progress="59"] .br-loading-mask.full,
.br-loading[data-progress="59"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(106.2deg);
}

.loading[data-progress="60"] .br-loading-mask.full,
.loading[data-progress="60"] .br-loading-fill,
.br-loading[data-progress="60"] .br-loading-mask.full,
.br-loading[data-progress="60"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(108deg);
}

.loading[data-progress="61"] .br-loading-mask.full,
.loading[data-progress="61"] .br-loading-fill,
.br-loading[data-progress="61"] .br-loading-mask.full,
.br-loading[data-progress="61"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(109.8deg);
}

.loading[data-progress="62"] .br-loading-mask.full,
.loading[data-progress="62"] .br-loading-fill,
.br-loading[data-progress="62"] .br-loading-mask.full,
.br-loading[data-progress="62"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(111.6deg);
}

.loading[data-progress="63"] .br-loading-mask.full,
.loading[data-progress="63"] .br-loading-fill,
.br-loading[data-progress="63"] .br-loading-mask.full,
.br-loading[data-progress="63"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(113.4deg);
}

.loading[data-progress="64"] .br-loading-mask.full,
.loading[data-progress="64"] .br-loading-fill,
.br-loading[data-progress="64"] .br-loading-mask.full,
.br-loading[data-progress="64"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(115.2deg);
}

.loading[data-progress="65"] .br-loading-mask.full,
.loading[data-progress="65"] .br-loading-fill,
.br-loading[data-progress="65"] .br-loading-mask.full,
.br-loading[data-progress="65"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(117deg);
}

.loading[data-progress="66"] .br-loading-mask.full,
.loading[data-progress="66"] .br-loading-fill,
.br-loading[data-progress="66"] .br-loading-mask.full,
.br-loading[data-progress="66"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(118.8deg);
}

.loading[data-progress="67"] .br-loading-mask.full,
.loading[data-progress="67"] .br-loading-fill,
.br-loading[data-progress="67"] .br-loading-mask.full,
.br-loading[data-progress="67"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(120.6deg);
}

.loading[data-progress="68"] .br-loading-mask.full,
.loading[data-progress="68"] .br-loading-fill,
.br-loading[data-progress="68"] .br-loading-mask.full,
.br-loading[data-progress="68"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(122.4deg);
}

.loading[data-progress="69"] .br-loading-mask.full,
.loading[data-progress="69"] .br-loading-fill,
.br-loading[data-progress="69"] .br-loading-mask.full,
.br-loading[data-progress="69"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(124.2deg);
}

.loading[data-progress="70"] .br-loading-mask.full,
.loading[data-progress="70"] .br-loading-fill,
.br-loading[data-progress="70"] .br-loading-mask.full,
.br-loading[data-progress="70"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(126deg);
}

.loading[data-progress="71"] .br-loading-mask.full,
.loading[data-progress="71"] .br-loading-fill,
.br-loading[data-progress="71"] .br-loading-mask.full,
.br-loading[data-progress="71"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(127.8deg);
}

.loading[data-progress="72"] .br-loading-mask.full,
.loading[data-progress="72"] .br-loading-fill,
.br-loading[data-progress="72"] .br-loading-mask.full,
.br-loading[data-progress="72"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(129.6deg);
}

.loading[data-progress="73"] .br-loading-mask.full,
.loading[data-progress="73"] .br-loading-fill,
.br-loading[data-progress="73"] .br-loading-mask.full,
.br-loading[data-progress="73"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(131.4deg);
}

.loading[data-progress="74"] .br-loading-mask.full,
.loading[data-progress="74"] .br-loading-fill,
.br-loading[data-progress="74"] .br-loading-mask.full,
.br-loading[data-progress="74"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(133.2deg);
}

.loading[data-progress="75"] .br-loading-mask.full,
.loading[data-progress="75"] .br-loading-fill,
.br-loading[data-progress="75"] .br-loading-mask.full,
.br-loading[data-progress="75"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(135deg);
}

.loading[data-progress="76"] .br-loading-mask.full,
.loading[data-progress="76"] .br-loading-fill,
.br-loading[data-progress="76"] .br-loading-mask.full,
.br-loading[data-progress="76"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(136.8deg);
}

.loading[data-progress="77"] .br-loading-mask.full,
.loading[data-progress="77"] .br-loading-fill,
.br-loading[data-progress="77"] .br-loading-mask.full,
.br-loading[data-progress="77"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(138.6deg);
}

.loading[data-progress="78"] .br-loading-mask.full,
.loading[data-progress="78"] .br-loading-fill,
.br-loading[data-progress="78"] .br-loading-mask.full,
.br-loading[data-progress="78"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(140.4deg);
}

.loading[data-progress="79"] .br-loading-mask.full,
.loading[data-progress="79"] .br-loading-fill,
.br-loading[data-progress="79"] .br-loading-mask.full,
.br-loading[data-progress="79"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(142.2deg);
}

.loading[data-progress="80"] .br-loading-mask.full,
.loading[data-progress="80"] .br-loading-fill,
.br-loading[data-progress="80"] .br-loading-mask.full,
.br-loading[data-progress="80"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(144deg);
}

.loading[data-progress="81"] .br-loading-mask.full,
.loading[data-progress="81"] .br-loading-fill,
.br-loading[data-progress="81"] .br-loading-mask.full,
.br-loading[data-progress="81"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(145.8deg);
}

.loading[data-progress="82"] .br-loading-mask.full,
.loading[data-progress="82"] .br-loading-fill,
.br-loading[data-progress="82"] .br-loading-mask.full,
.br-loading[data-progress="82"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(147.6deg);
}

.loading[data-progress="83"] .br-loading-mask.full,
.loading[data-progress="83"] .br-loading-fill,
.br-loading[data-progress="83"] .br-loading-mask.full,
.br-loading[data-progress="83"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(149.4deg);
}

.loading[data-progress="84"] .br-loading-mask.full,
.loading[data-progress="84"] .br-loading-fill,
.br-loading[data-progress="84"] .br-loading-mask.full,
.br-loading[data-progress="84"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(151.2deg);
}

.loading[data-progress="85"] .br-loading-mask.full,
.loading[data-progress="85"] .br-loading-fill,
.br-loading[data-progress="85"] .br-loading-mask.full,
.br-loading[data-progress="85"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(153deg);
}

.loading[data-progress="86"] .br-loading-mask.full,
.loading[data-progress="86"] .br-loading-fill,
.br-loading[data-progress="86"] .br-loading-mask.full,
.br-loading[data-progress="86"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(154.8deg);
}

.loading[data-progress="87"] .br-loading-mask.full,
.loading[data-progress="87"] .br-loading-fill,
.br-loading[data-progress="87"] .br-loading-mask.full,
.br-loading[data-progress="87"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(156.6deg);
}

.loading[data-progress="88"] .br-loading-mask.full,
.loading[data-progress="88"] .br-loading-fill,
.br-loading[data-progress="88"] .br-loading-mask.full,
.br-loading[data-progress="88"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(158.4deg);
}

.loading[data-progress="89"] .br-loading-mask.full,
.loading[data-progress="89"] .br-loading-fill,
.br-loading[data-progress="89"] .br-loading-mask.full,
.br-loading[data-progress="89"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(160.2deg);
}

.loading[data-progress="90"] .br-loading-mask.full,
.loading[data-progress="90"] .br-loading-fill,
.br-loading[data-progress="90"] .br-loading-mask.full,
.br-loading[data-progress="90"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(162deg);
}

.loading[data-progress="91"] .br-loading-mask.full,
.loading[data-progress="91"] .br-loading-fill,
.br-loading[data-progress="91"] .br-loading-mask.full,
.br-loading[data-progress="91"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(163.8deg);
}

.loading[data-progress="92"] .br-loading-mask.full,
.loading[data-progress="92"] .br-loading-fill,
.br-loading[data-progress="92"] .br-loading-mask.full,
.br-loading[data-progress="92"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(165.6deg);
}

.loading[data-progress="93"] .br-loading-mask.full,
.loading[data-progress="93"] .br-loading-fill,
.br-loading[data-progress="93"] .br-loading-mask.full,
.br-loading[data-progress="93"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(167.4deg);
}

.loading[data-progress="94"] .br-loading-mask.full,
.loading[data-progress="94"] .br-loading-fill,
.br-loading[data-progress="94"] .br-loading-mask.full,
.br-loading[data-progress="94"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(169.2deg);
}

.loading[data-progress="95"] .br-loading-mask.full,
.loading[data-progress="95"] .br-loading-fill,
.br-loading[data-progress="95"] .br-loading-mask.full,
.br-loading[data-progress="95"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(171deg);
}

.loading[data-progress="96"] .br-loading-mask.full,
.loading[data-progress="96"] .br-loading-fill,
.br-loading[data-progress="96"] .br-loading-mask.full,
.br-loading[data-progress="96"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(172.8deg);
}

.loading[data-progress="97"] .br-loading-mask.full,
.loading[data-progress="97"] .br-loading-fill,
.br-loading[data-progress="97"] .br-loading-mask.full,
.br-loading[data-progress="97"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(174.6deg);
}

.loading[data-progress="98"] .br-loading-mask.full,
.loading[data-progress="98"] .br-loading-fill,
.br-loading[data-progress="98"] .br-loading-mask.full,
.br-loading[data-progress="98"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(176.4deg);
}

.loading[data-progress="99"] .br-loading-mask.full,
.loading[data-progress="99"] .br-loading-fill,
.br-loading[data-progress="99"] .br-loading-mask.full,
.br-loading[data-progress="99"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(178.2deg);
}

.loading[data-progress="100"] .br-loading-mask.full,
.loading[data-progress="100"] .br-loading-fill,
.br-loading[data-progress="100"] .br-loading-mask.full,
.br-loading[data-progress="100"] .br-loading-fill {
  animation: fill ease-in-out 2s;
  transform: rotate(180deg);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
}
/* Centraliza o estado de loading quando aplicado ao body da modal */
.br-modal-body.loading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-scale-base);
  justify-content: center;
  min-height: 160px;
  text-align: center;
  width: 100%;
}

.br-modal-body.loading::before {
  display: block;
}


.br-footer {
  display: flex;
  padding-block: 32px;
  margin-inline: -15px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-top: 1px solid var(--gray-20);
  background: var(--gray-1);
}
.br-footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.br-table {
  --table-padding: var(--spacing-scale-3x);
  --table-row-size: var(--table-row-medium);
  --table-row-small: var(--spacing-scale-base);
  --table-row-medium: var(--spacing-scale-2x);
  --table-row-large: var(--spacing-scale-3x);
}
.br-table table {
  --table-background: var(--background);
  --table-color: var(--color);
  --table-border-color: var(--gray-20);
  --table-border-style: solid;
  --table-border-width: 1px;
  --table-hover: var(--color-rgb);
  --table-padding: var(--spacing-scale-3x);
  --table-font-weight: var(--font-weight-medium);
  --table-th-background: var(--background-alternative);
  --table-th-font-weight: var(--font-weight-semi-bold);
  --table-row-size: var(--spacing-scale-2x);
  border-collapse: collapse;
  width: 100%;
}
.br-table td,
.br-table th {
  font-size: var(--font-size-scale-base);
  padding: var(--table-row-size) var(--table-padding);
}
.br-table th {
  background-color: var(--background-alternative);
  font-weight: var(--table-th-font-weight);
  color: var(--blue-warm-vivid-70);
}
.br-table td {
  font-weight: var(--font-weight-regular);
  color: var(--pure-100);
}
.br-table tr:hover td {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-table tbody td,
.br-table tbody th {
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}
.br-table .column-acao {
  text-align: center;
  width: 72px;
}
.br-table .column-ativo {
  text-align: center;
  width: 160px;
  font-weight: var(--font-weight-semi-bold);
}
.br-table .column-id {
  text-align: center;
  width: 160px;
}

.br-table caption {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.br-table .responsive {
  overflow: auto;
}

.br-table tr:hover td.column-collapse {
  background-color: var(--background-alternative);
  background-image: none;
}

.br-table .column-collapse {
  background-color: var(--background-alternative);
  width: 40px;
}

.br-table .column-checkbox {
  width: 24px;
}

.br-table .table-header {
  position: relative;
}

.br-table .table-header.show .top-bar {
  opacity: 0;
  pointer-events: none;
}

.br-table .top-bar {
  align-items: center;
  display: flex;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}

.br-table .top-bar .title,
.br-table .top-bar .table-title {
  color: var(--pure-100);
  flex-grow: 1;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
}

.br-table .top-bar .actions-trigger {
  margin-right: var(--spacing-scale-base);
}

.br-table .top-bar .dropdown [data-toggle=dropdown] + *,
.br-table .top-bar .dropdown [data-toggle=dropdown-legacy] + * {
  left: auto;
  right: 0;
}

@media (min-width: 576px) {
  .br-table .top-bar title {
    font-size: var(--font-size-scale-up-03);
    line-height: var(--font-line-height-medium);
  }
}
.br-table .search-bar {
  align-items: center;
  bottom: 0;
  display: none;
  height: 56px;
  left: 0;
  padding-left: var(--table-padding);
  padding-right: var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}

.br-table .search-bar.show {
  display: flex;
}

.br-table .search-bar .br-input {
  flex: 1;
}

.br-table .search-bar .br-input label {
  display: none;
}

.br-table .search-bar .br-input input {
  margin-bottom: 0;
  margin-top: 0;
}

.br-table .search-bar .br-input input + .br-button {
  --button-size: var(--button-small);
  margin-top: 0;
  position: absolute;
  right: var(--spacing-scale-half);
  top: 0;
}

.br-table .search-bar .br-input + .br-button {
  margin-left: var(--table-row-medium);
}

.br-table .selected-bar,
.br-table .selection-bar {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--interactive-light);
  bottom: 0;
  color: var(--color);
  display: none;
  left: 0;
  padding: var(--table-padding);
  right: 0;
  top: 0;
}

.br-table .selected-bar.show,
.br-table .selection-bar.show {
  display: flex;
}

.br-table .selected-bar .info,
.br-table .selection-bar .info {
  align-items: center;
  display: flex;
  flex-grow: 1;
  white-space: nowrap;
}

.br-table .selected-bar .info [data-toggle=check-all],
.br-table .selected-bar .info .select-all,
.br-table .selection-bar .info [data-toggle=check-all],
.br-table .selection-bar .info .select-all {
  font-size: var(--font-size-scale-up-03);
  margin-right: var(--spacing-scale-half);
  padding: 0;
}

.br-table .selected-bar .text,
.br-table .selected-bar .count,
.br-table .selection-bar .text,
.br-table .selection-bar .count {
  line-height: var(--font-line-height-low);
  padding-right: var(--spacing-scale-half);
}

.br-table .selected-bar.is-active,
.br-table .selected-bar.active,
.br-table .selection-bar.is-active,
.br-table .selection-bar.active {
  opacity: 1;
  top: 0;
}

.br-table .footer,
.br-table .table-footer {
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}

.br-table .footer .br-input .br-button,
.br-table .table-footer .br-input .br-button {
  transform: rotate(180deg);
}

.br-table .footer .br-list,
.br-table .table-footer .br-list {
  bottom: 100%;
}

.br-table.small table,
.br-table.small .headers,
.br-table.small .clone-headers .item {
  --table-row-size: var(--table-row-small);
}

.br-table.medium table,
.br-table.medium .headers,
.br-table.medium .clone-headers .item {
  --table-row-size: var(--table-row-medium);
}

.br-table.large table,
.br-table.large .headers,
.br-table.large .clone-headers .item {
  --table-row-size: var(--table-row-large);
}

.br-table.inverted,
.br-table.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-table.inverted.inverted,
.br-table.inverted.dark-mode,
.br-table.dark-mode.inverted,
.br-table.dark-mode.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-table.inverted.inverted.inverted .br-input,
.br-table.inverted.inverted.inverted .br-input label,
.br-table.inverted.inverted.dark-mode .br-input,
.br-table.inverted.inverted.dark-mode .br-input label,
.br-table.inverted.dark-mode.inverted .br-input,
.br-table.inverted.dark-mode.inverted .br-input label,
.br-table.inverted.dark-mode.dark-mode .br-input,
.br-table.inverted.dark-mode.dark-mode .br-input label,
.br-table.dark-mode.inverted.inverted .br-input,
.br-table.dark-mode.inverted.inverted .br-input label,
.br-table.dark-mode.inverted.dark-mode .br-input,
.br-table.dark-mode.inverted.dark-mode .br-input label,
.br-table.dark-mode.dark-mode.inverted .br-input,
.br-table.dark-mode.dark-mode.inverted .br-input label,
.br-table.dark-mode.dark-mode.dark-mode .br-input,
.br-table.dark-mode.dark-mode.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-table.inverted.inverted .page.active,
.br-table.inverted.dark-mode .page.active,
.br-table.dark-mode.inverted .page.active,
.br-table.dark-mode.dark-mode .page.active {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

.br-table.inverted th,
.br-table.inverted td.column-collapse,
.br-table.inverted tr:hover td.column-collapse,
.br-table.dark-mode th,
.br-table.dark-mode td.column-collapse,
.br-table.dark-mode tr:hover td.column-collapse {
  background-color: var(--background-dark);
}

.br-table.no-hover td:not(.column-collapse):hover td {
  background: none;
}


.br-pagination {
  --pagination-margin: var(--spacing-scale-base);
  --pagination-select-width: 88px;
  --pagination-size: var(--pagination-medium);
  --pagination-small: 24px;
  --pagination-medium: 32px;
  --pagination-large: 40px;
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--font-weight);
  justify-content: center;
}
.br-pagination .br-select .br-item.selected.focus-visible {
  outline-offset: 0;
  outline: none;
}
.br-pagination .pagination-arrows:not(.br-divider + .pagination-arrows) {
  margin-left: auto !important;
}

.br-pagination ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.br-pagination li {
  padding: 0;
}

.br-pagination.dark-mode .page {
  color: var(--color-dark);
}

.br-pagination.dark-mode .br-select .br-item label {
  color: var(--color-dark);
}

.br-pagination .page:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-pagination .page {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 100em;
  color: var(--interactive);
  display: inline-flex;
  justify-content: center;
  margin: 0 calc(var(--pagination-margin) * 0.5);
  min-height: var(--pagination-size);
  min-width: var(--pagination-size);
  padding: 0 var(--spacing-scale-base);
  white-space: nowrap;
}

.br-pagination .page.active {
  background: var(--active);
  color: var(--color-dark);
  font-weight: var(--font-weight-semi-bold);
}

.br-pagination .pagination-ellipsis {
  margin: 0 calc(var(--pagination-margin) * 0.5);
  position: relative;
}

.br-pagination .pagination-ellipsis .br-button {
  --button-size: var(--pagination-size);
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-pagination .pagination-ellipsis .br-list {
  max-height: 220px;
  min-width: 4em;
  overflow-y: auto;
  z-index: var(--z-index-layer-1);
}

.br-pagination.small {
  --pagination-size: var(--pagination-small);
}

.br-pagination.medium {
  --pagination-size: var(--pagination-medium);
}

.br-pagination.large {
  --pagination-size: var(--pagination-large);
}

.br-pagination .pagination-information {
  align-items: center;
  display: flex;
}

.br-pagination .pagination-per-page,
.br-pagination .pagination-go-to-page {
  align-items: center;
  display: flex;
}

.br-pagination .pagination-per-page .br-input,
.br-pagination .pagination-go-to-page .br-input {
  align-items: center;
  display: flex;
}

.br-pagination .pagination-per-page .br-input label,
.br-pagination .pagination-go-to-page .br-input label {
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
  margin-right: var(--spacing-scale-base);
  padding-bottom: 0;
}

.br-pagination .pagination-per-page .br-input input,
.br-pagination .pagination-go-to-page .br-input input {
  --input-size: var(--pagination-medium);
  padding-left: var(--spacing-scale-base);
  padding-right: calc(var(--spacing-scale-baseh) + 32px);
  text-align: right;
  width: var(--pagination-select-width);
}

.br-pagination .pagination-per-page .br-input input:not(:focus),
.br-pagination .pagination-go-to-page .br-input input:not(:focus) {
  border-color: transparent;
}

.br-pagination .pagination-per-page .br-list,
.br-pagination .pagination-go-to-page .br-list {
  min-width: 5em;
  right: 0;
  width: auto;
}

.br-pagination .pagination-arrows {
  align-items: center;
  display: flex;
}

.br-pagination .br-select .br-input .br-button {
  bottom: auto;
  margin-top: 0;
  position: absolute;
  right: var(--spacing-scale-half);
  top: auto;
  transform: none;
}

.br-pagination .br-divider {
  border-right-width: var(--divider-size);
  border-top: 0;
}

.br-pagination.inverted,
.br-pagination.dark-mode {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-pagination.inverted.inverted .br-input,
.br-pagination.inverted.inverted .br-input label,
.br-pagination.inverted.dark-mode .br-input,
.br-pagination.inverted.dark-mode .br-input label,
.br-pagination.dark-mode.inverted .br-input,
.br-pagination.dark-mode.inverted .br-input label,
.br-pagination.dark-mode.dark-mode .br-input,
.br-pagination.dark-mode.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-pagination.inverted .page.active,
.br-pagination.dark-mode .page.active {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

.br-pagination .input-group .input-icon {
  display: none;
}


.br-divider,
hr {
  --divider-size: var(--surface-width-sm);
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  display: block;
}

.br-divider.content,
hr.content {
  align-items: center;
  border: 0;
  display: flex;
  justify-content: center;
}

.br-divider.content::after,
.br-divider.content::before,
hr.content::after,
hr.content::before {
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  content: "";
  flex: 1;
}

.br-divider.content::after,
hr.content::after {
  margin-left: var(--spacing-scale-base);
}

.br-divider.content::before,
hr.content::before {
  margin-right: var(--spacing-scale-base);
}

.br-divider.vertical,
hr.vertical {
  align-self: stretch;
  border-right-width: var(--divider-size);
  border-top-width: 0;
}

.br-divider.vertical.content,
hr.vertical.content {
  flex-direction: column;
}

.br-divider.vertical.content::after,
.br-divider.vertical.content::before,
hr.vertical.content::after,
hr.vertical.content::before {
  border-right-width: var(--divider-size);
  border-top-width: 0;
  margin: 0;
}

.br-divider.inverted,
.br-divider.dark-mode,
hr.inverted,
hr.dark-mode {
  --border-color: var(--pure-0);
}

.br-divider.dashed,
hr.dashed {
  border-style: dashed;
}

.br-divider.sm,
hr.sm {
  --divider-size: var(--surface-width-sm);
}

.br-divider.md,
hr.md {
  --divider-size: var(--surface-width-md);
}

.br-divider.lg,
hr.lg {
  --divider-size: var(--surface-width-lg);
}

hr {
  --divider-padding: var(--spacing-scale-2x);
  margin: var(--divider-padding) 0;
}


.br-modal {
  --modal-size: var(--modal-medium);
  --modal-xsmall: 220px;
  --modal-small: 300px;
  --modal-medium: 500px;
  --modal-large: 640px;
  --modal-auto: auto;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  display: flex;
  flex-direction: column;
  max-width: var(--modal-size);
  z-index: var(--z-index-layer-4);
  border-radius: 0.25rem;
}

.br-modal-header {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0;
  position: relative;
}
.br-modal-header .close {
  opacity: 1;
  color: var(--gray-80);
  font-weight: var(--font-weight-black);
}

.br-modal-header .close {
  position: absolute;
  right: var(--spacing-scale-base);
  top: var(--spacing-scale-base);
}

.br-modal .modal-title {
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  margin-right: 40px;
  max-height: calc(var(--font-size-scale-up-02) * 3);
  overflow: hidden;
  text-overflow: ellipsis;
}
.br-modal .modal-title.info {
  overflow: visible;
  max-height: none;
  white-space: normal;
}

.br-modal-body {
  flex: 1;
  margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x);
  overflow: auto;
  padding: 0 var(--spacing-scale-2x);
  width: auto;
}

.br-modal-body::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-modal-body::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-modal-body::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-modal-body > *:last-child {
  margin-bottom: 0;
}

.br-modal-footer {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-scale-2x);
}

.br-modal.is-xsmall,
.br-modal.xsmall {
  --modal-size: var(--modal-xsmall);
}

.br-modal.is-small,
.br-modal.small {
  --modal-size: var(--modal-small);
}

.br-modal.is-medium,
.br-modal.medium {
  --modal-size: var(--modal-medium);
}

.br-modal.is-large,
.br-modal.large {
  --modal-size: var(--modal-large);
}

.br-modal.is-auto,
.br-modal.auto {
  --modal-size: var(--modal-auto);
}

.br-modal .loading.medium {
  min-height: calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x) * 2);
}

.br-modal .terms {
  border: 0;
  box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up);
  font-size: var(--font-size-scale-base);
  height: 216px;
  margin-bottom: var(--spacing-scale-2x);
  margin-left: calc(var(--spacing-scale-2x) * -1);
  margin-right: calc(var(--spacing-scale-2x) * -1);
  overflow: auto;
  padding: var(--spacing-scale-2x);
  resize: none;
  width: auto;
}

.br-modal .terms::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-modal .terms::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-modal .terms::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-modal .terms:active {
  outline: none;
}

.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}

@media (max-width: 991px) {
  .br-modal .terms {
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .br-modal-header .close {
    top: 0;
  }
}

.br-scrim.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: var(--z-index-layer-2);
}

.br-scrim.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.br-scrim.foco.active {
  display: block;
}

.br-scrim.inibicao {
  position: relative;
}

.br-scrim.inibicao::before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.br-scrim.legibilidade {
  position: relative;
}

.br-scrim.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}

.br-scrim-util.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.br-scrim-util.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.br-scrim-util.foco.active {
  display: block;
}

.br-scrim-util.inibicao {
  position: relative;
}

.br-scrim-util.inibicao::before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.br-scrim-util.legibilidade {
  position: relative;
}

.br-scrim-util.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}

.br-modal .code-confirm-container {
  display: flex;
  padding: 16px 48px;
  max-width: 340px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 2px solid var(--white);
  background: var(--gray-3);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
}

.br-modal .code-confirm-container input {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  border: 1px solid var(--gray-40);
  background: var(--white);
  margin: 0 4px 8px 4px;
}


.alert-container {
  position: fixed;
  top: 24px;
  right: 50%;
  transform: translateX(50%);
  z-index: 2000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 659px;
  padding: 0 12px;
}

.carousel-inner {
  border-radius: 8px;
  border: 4px solid var(--gray-5);
}

.carousel-indicators {
  position: static;
  margin-bottom: 0;
  margin-top: 16px;
  align-items: center;
}
.carousel-indicators li {
  background-color: var(--gray-20);
  width: 8px;
  height: 8px;
  border-bottom: 0;
  opacity: 1;
  border-top: 0;
  border-radius: 9999px;
  aspect-ratio: 1/1;
  transition: all 0.6s ease;
}
.carousel-indicators li.active {
  background-color: var(--blue-logo);
  width: 12px;
  height: 12px;
}

[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] {
  margin-bottom: 0;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container {
  height: 100vh;
  margin-inline: -15px;
  background: var(--blue-logo);
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  max-width: 647px;
  padding: 8px 48px 8px 16px;
  margin: 0;
  background: var(--red-vivid-10);
  border-style: none;
  color: var(--gray-80);
  font-size: var(--font-size-scale-down-01);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: 20px;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert .alert-indicator .lexicon-icon {
  display: none;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert .alert-indicator::after {
  content: "\f057";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  color: var(--red-vivid-50);
  margin-right: 16px;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert .lead {
  display: none;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert .close {
  color: var(--red-vivid-50);
  text-align: center;
  font-size: var(--icon-size-base);
  font-style: normal;
  line-height: normal;
  top: 0.5rem;
  width: 24px;
  height: 24px;
  opacity: 1;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert .close .c-inner .lexicon-icon {
  display: none;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert .close .c-inner::after {
  content: "\f00d";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .img-fluid {
  width: 198px;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .img-float {
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .flex-1 {
  flex: 1;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-content {
  padding: var(--spacing-scale-5x) 16px;
  background: var(--pure-0);
  margin-inline: -15px;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-scale-5x);
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-card h1 {
  color: var(--pure-100);
  font-size: var(--font-size-scale-up-04);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: 32px;
  margin: 0;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-card .message {
  display: flex;
  padding: var(--spacing-scale-3x);
  flex-direction: column;
  gap: var(--spacing-scale-base);
  border-radius: var(--surface-rounder-sm);
  border: 1px solid var(--gray-1);
  background: var(--blue-warm-vivid-10);
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-card .message .message-title {
  color: var(--gray-80);
  font-size: var(--font-size-scale-base);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold);
  line-height: 20px;
}
[id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-card .message .content {
  color: var(--gray-80);
  font-size: var(--font-size-scale-base);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: 20px;
}
@media (min-width: 768px) {
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container {
    padding: 0 24px 24px 24px;
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert {
    left: 50%;
    right: auto;
    bottom: 48px;
    transform: translateX(-50%);
    padding: 16px 48px 16px 16px;
    font-size: var(--font-size-scale-base);
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-content {
    background: transparent;
    padding: 0;
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .img-fluid {
    width: 250px;
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-card {
    padding: var(--spacing-scale-5x);
    border-radius: var(--surface-rounder-md);
    border: var(--surface-width-sm) solid var(--gray-2);
    background: var(--pure-0);
    /* Camada 1 */
    box-shadow: 0 var(--surface-offset-sm) var(--surface-blur-lg) 0 rgba(0, 0, 0, 0.16);
  }
}
@media (min-width: 1200px) {
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container {
    padding: 0;
    background: linear-gradient(270deg, var(--pure-0) 50%, var(--blue-logo) 50%);
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .login-container .alert {
    bottom: 24px;
    padding: 24px 48px 24px 16px;
    font-size: var(--font-size-scale-up-01);
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .img-fluid {
    width: auto;
  }
  [id^=portlet_br_com_seatecnologia_gov_br_login_web_GovBrLoginWebPortlet_INSTANCE_] .flex-xl-1 {
    flex: 1;
  }
}

.domain-container {
  padding-bottom: var(--footer-height, 0px) !important;
}

.br-input {
  --input-button-margin: var(--spacing-scale-half);
  --input-padding: 0 var(--spacing-scale-2x);
  --input-padding-button: var(--spacing-scale-5x);
  --input-padding-icon: var(--spacing-scale-5x);
  --input-size: var(--input-medium);
  --input-small: 32px;
  --input-medium: 40px;
  --input-large: 48px;
  --input-highlight: 56px;
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  color: var(--color);
  position: relative;
}
.br-input.input-inline {
  display: flex;
}
.br-input.input-inline .input-label {
  margin-right: var(--spacing-scale-baseh);
  margin-top: calc(var(--input-size) * 0.5 - var(--spacing-scale-half));
}
.br-input.input-inline .input-content {
  flex: 1;
}
.br-input input {
  background-color: var(--background-light);
  border-color: var(--border-color-alternative);
  border-radius: var(--surface-rounder-sm);
  border-style: var(--border-style);
  border-width: var(--border-width);
  color: var(--color-light);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  padding-top: 0;
  width: 100%;
}
.br-input input::-ms-reveal, .br-input input::-ms-clear, .br-input input::-webkit-calendar-picker-indicator {
  display: none;
}
.br-input input[type=search]::-webkit-search-decoration, .br-input input[type=search]::-webkit-search-cancel-button, .br-input input[type=search]::-webkit-search-results-button, .br-input input[type=search]::-webkit-search-results-decoration {
  appearance: none;
}
.br-input input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input input:focus, .br-input input:focus-visible, .br-input input.focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-input .input-group {
  position: relative;
}
.br-input .input-icon {
  align-items: center;
  color: var(--border-color-alternative);
  display: flex;
  height: var(--input-size);
  margin-left: var(--spacing-scale-baseh);
  position: absolute;
}
.br-input .input-icon + input {
  padding-left: var(--input-padding-icon);
}
.br-input .br-button {
  --button-size: var(--button-small);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  border-radius: 50%;
  float: right;
  margin-right: var(--input-button-margin);
  margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);
  padding: 0;
  position: relative;
  transform: translateY(calc((var(--input-size) - var(--button-size)) * 0.5));
  width: var(--button-size);
}
.br-input.input-button input {
  padding-right: var(--input-padding-button);
}
.br-input.has-icon input {
  padding-right: var(--input-padding-icon);
}
.br-input.has-icon .br-button.circle {
  float: right;
  margin-right: var(--spacing-scale-half);
  margin-top: calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half)) * -1);
  transform: translateY(0);
}
.br-input.has-icon.small .br-button.circle {
  margin-top: calc((var(--button-size) + var(--spacing-scale-base)) * -1);
}
.br-input.has-icon.large .br-button.circle {
  margin-top: calc(var(--button-size) * -1);
}
.br-input.input-highlight {
  --input-button-margin: var(--spacing-scale-2x);
  --input-padding: 0 var(--spacing-scale-3x);
  --input-padding-button: var(--spacing-scale-7x);
  --input-padding-icon: var(--spacing-scale-7x);
  --input-size: var(--input-highlight);
}
.br-input.input-highlight input {
  background-color: var(--gray-2);
  border-color: transparent;
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon {
  margin-left: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon + input {
  padding-left: var(--spacing-scale-7x);
}
.br-input .br-list {
  box-shadow: var(--surface-shadow-md);
  max-height: 530px;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: var(--z-index-layer-2);
}
.br-input .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-input .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-input .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-input .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-input .br-list .br-item {
  --item-padding-y: var(--spacing-scale-2x);
}
.br-input .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input .br-list .br-item:not(:first-child) {
  border-top: var(--surface-width-sm) solid var(--border-color);
}
.br-input.success input, .br-input[data-success] input {
  border-color: var(--success);
  border-width: 2px;
}
.br-input.danger input, .br-input[data-danger] input {
  border-color: var(--danger);
  border-width: 2px;
}
.br-input.warning input, .br-input[data-warning] input {
  border-color: var(--warning);
  border-width: 2px;
}
.br-input.info input, .br-input[data-info] input {
  border-color: var(--info);
  border-width: 2px;
}
.br-input .feedback {
  margin-bottom: var(--spacing-scale-half);
}
.br-input.small, .br-input[data-small] {
  --input-size: var(--input-small);
}
.br-input.medium, .br-input[data-medium] {
  --input-size: var(--input-medium);
}
.br-input.large, .br-input[data-large] {
  --input-size: var(--input-large);
}
.br-input.inverted, .br-input.inverted label, .br-input.dark-mode, .br-input.dark-mode label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-checkbox {
  --checkbox-padding: var(--spacing-scale-base);
  --checkbox-size: 24px;
  display: flex;
  position: relative;
}

.br-checkbox + .br-checkbox {
  margin-top: var(--spacing-scale-base);
}

.br-checkbox input {
  margin: 0;
  opacity: 0;
  position: absolute;
}

.br-checkbox input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--checkbox-size);
  min-width: var(--checkbox-size);
  padding-left: calc(var(--spacing-scale-base) + var(--checkbox-size));
  position: relative;
}

.br-checkbox input + label::before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size);
}

.br-checkbox input + label:empty {
  padding: 0;
}

.br-checkbox label {
  font-weight: var(--font-weight-medium);
}

.br-checkbox.hidden-label label {
  padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}

.br-checkbox input:checked + label::after,
.br-checkbox input:indeterminate + label::after {
  border: solid var(--selected);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px;
}

.br-checkbox input[indeterminate] + label::before,
.br-checkbox input:indeterminate + label::before {
  --interactive-rgb: var(--color-rgb);
  background: var(--selected);
  border-color: var(--selected);
}

.br-checkbox input[indeterminate]:hover:not(:disabled) + label::before,
.br-checkbox input:indeterminate:hover:not(:disabled) + label::before {
  --interactive-rgb: var(--color-dark-rgb);
}

.br-checkbox input[indeterminate]:checked + label::after,
.br-checkbox input[indeterminate] + label::after,
.br-checkbox input:indeterminate:checked + label::after,
.br-checkbox input:indeterminate + label::after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}

.br-checkbox.is-invalid input + label::before,
.br-checkbox.invalid input + label::before,
.br-checkbox[invalid] input + label::before {
  --border-color: var(--danger);
}

.br-checkbox.is-invalid input:focus-visible:checked + label::before,
.br-checkbox.is-invalid input:focus-visible + label::before,
.br-checkbox.is-invalid input.focus-visible:checked + label::before,
.br-checkbox.is-invalid input.focus-visible + label::before,
.br-checkbox.invalid input:focus-visible:checked + label::before,
.br-checkbox.invalid input:focus-visible + label::before,
.br-checkbox.invalid input.focus-visible:checked + label::before,
.br-checkbox.invalid input.focus-visible + label::before,
.br-checkbox[invalid] input:focus-visible:checked + label::before,
.br-checkbox[invalid] input:focus-visible + label::before,
.br-checkbox[invalid] input.focus-visible:checked + label::before,
.br-checkbox[invalid] input.focus-visible + label::before {
  --border-color: var(--focus-color);
}

.br-checkbox.is-invalid input:checked + label::before,
.br-checkbox.invalid input:checked + label::before,
.br-checkbox[invalid] input:checked + label::before {
  --border-color: var(--danger);
}

.br-checkbox.is-valid input + label::before,
.br-checkbox.valid input + label::before,
.br-checkbox[valid] input + label::before {
  --border-color: var(--success);
}

.br-checkbox.is-valid input:focus-visible:checked + label::before,
.br-checkbox.is-valid input:focus-visible + label::before,
.br-checkbox.is-valid input.focus-visible:checked + label::before,
.br-checkbox.is-valid input.focus-visible + label::before,
.br-checkbox.valid input:focus-visible:checked + label::before,
.br-checkbox.valid input:focus-visible + label::before,
.br-checkbox.valid input.focus-visible:checked + label::before,
.br-checkbox.valid input.focus-visible + label::before,
.br-checkbox[valid] input:focus-visible:checked + label::before,
.br-checkbox[valid] input:focus-visible + label::before,
.br-checkbox[valid] input.focus-visible:checked + label::before,
.br-checkbox[valid] input.focus-visible + label::before {
  --border-color: var(--focus-color);
}

.br-checkbox.is-valid input:checked + label::before,
.br-checkbox.valid input:checked + label::before,
.br-checkbox[valid] input:checked + label::before {
  --border-color: var(--success);
}

.br-checkbox.is-small input + label,
.br-checkbox.small input + label,
.br-checkbox[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}

.br-checkbox.is-small input + label::before,
.br-checkbox.small input + label::before,
.br-checkbox[small] input + label::before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}

.br-checkbox.is-small input:checked + label::after,
.br-checkbox.small input:checked + label::after,
.br-checkbox[small] input:checked + label::after {
  border-width: 0 2px 2px 0;
  height: var(--icon-size-sm);
  left: 7px;
  top: 4px;
  width: 6px;
}

.br-checkbox.is-small input[indeterminate] + label::after,
.br-checkbox.is-small input:indeterminate + label::after,
.br-checkbox.small input[indeterminate] + label::after,
.br-checkbox.small input:indeterminate + label::after,
.br-checkbox[small] input[indeterminate] + label::after,
.br-checkbox[small] input:indeterminate + label::after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  left: 7px;
  top: 1px;
  transform: none;
  width: 6px;
}

.br-checkbox input:invalid + label::before {
  --border-color: var(--danger);
}

.br-checkbox input:focus-visible:checked + label::before,
.br-checkbox input:focus-visible + label::before,
.br-checkbox input.focus-visible:checked + label::before,
.br-checkbox input.focus-visible + label::before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}

.br-checkbox input:hover:not(:disabled) + label::before {
  --interactive-rgb: var(--interactive-light-rgb);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-checkbox:not(.disabled) input:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.br-checkbox:not(.disabled) input:disabled + label * {
  pointer-events: none;
}

.br-checkbox.inverted,
.br-checkbox.inverted label,
.br-checkbox.dark-mode,
.br-checkbox.dark-mode label {
  color: var(--color-dark);
}


.br-select {
  --select-divider: 1px solid var(--color-secondary-04);
  --select-shadow: var(--surface-shadow-md);
}

.br-select .br-input input {
  padding-right: 29px;
  text-overflow: ellipsis;
}

.br-select .br-input input::after {
  bottom: 0;
  padding: 0 5px;
  position: absolute;
  right: 0;
}

.br-select {
  max-width: 400px;
  min-width: 100px;
  position: relative;
}

.br-select .br-list {
  background: var(--bg-color);
  box-shadow: var(--select-shadow);
  display: none;
  margin-top: -2px;
  max-height: 404px;
  overflow: auto;
  position: absolute;
  resize: none;
  width: 100%;
  z-index: 1;
}

.br-select .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-select .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-select .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-select .br-list:focus,
.br-select .br-list:active {
  color: var(--color-secondary-09);
  outline: none;
}

.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}

.br-select .br-list[expanded] {
  display: block;
}

.br-select .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
}

.br-select .br-item .content {
  padding: 0;
}

.br-select .br-item .br-checkbox,
.br-select .br-item .br-radio {
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-2x);
}

.br-select .br-item .br-checkbox input:hover:not(:disabled) + label::before,
.br-select .br-item .br-radio input:hover:not(:disabled) + label::before {
  background-image: none;
}

.br-select .br-item .br-checkbox input + label,
.br-select .br-item .br-radio input + label {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}

.br-select .br-item .br-radio input + label {
  color: var(--text-color);
  display: block;
  height: auto;
  min-height: 0;
}

.br-select .br-item .br-radio input + label::before,
.br-select .br-item .br-radio input + label::after {
  content: none;
}

.br-select .br-item:not(:last-child) {
  border-bottom: var(--select-divider);
}

.br-select .br-item:not([disabled]) {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
}

.br-select .br-item:not([disabled]):focus {
  outline: none;
}

.br-select .br-item:not([disabled]).focus-visible,
.br-select .br-item:not([disabled]):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-select .br-item.selected,
.br-select .br-item[selected] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-select .br-item.selected:focus,
.br-select .br-item[selected]:focus {
  outline: none;
}

.br-select .br-item.selected.focus-visible,
.br-select .br-item.selected:focus-visible,
.br-select .br-item[selected].focus-visible,
.br-select .br-item[selected]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-select .br-item.selected:not(:disabled):hover,
.br-select .br-item[selected]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-select .br-item.disabled {
  line-height: calc(var(--font-line-height-high) * 2);
  padding-left: calc(var(--item-padding) + var(--spacing-scale-base));
}

.br-select .br-item.highlighted,
.br-select .br-item[highlighted] {
  background-color: var(--gray-2);
  padding-bottom: var(--spacing-scale-base);
  padding-top: var(--spacing-scale-base);
}

.br-select .br-item.highlighted .br-checkbox label,
.br-select .br-item.highlighted .br-radio label,
.br-select .br-item[highlighted] .br-checkbox label,
.br-select .br-item[highlighted] .br-radio label {
  font-weight: var(--font-weight-semi-bold);
}

.br-select .br-item.highlighted .br-checkbox:hover,
.br-select .br-item.highlighted .br-radio:hover,
.br-select .br-item[highlighted] .br-checkbox:hover,
.br-select .br-item[highlighted] .br-radio:hover {
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-select .br-item.highlighted .br-checkbox:hover label,
.br-select .br-item.highlighted .br-radio:hover label,
.br-select .br-item[highlighted] .br-checkbox:hover label,
.br-select .br-item[highlighted] .br-radio:hover label {
  color: var(--text-color);
}

.br-select .br-item.highlighted.selected,
.br-select .br-item.highlighted[selected],
.br-select .br-item[highlighted].selected,
.br-select .br-item[highlighted][selected] {
  background-color: var(--selected);
}

.br-select.inverted .br-input,
.br-select.inverted .br-input label,
.br-select.dark-mode .br-input,
.br-select.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}


.br-radio {
  --radio-size: 24px;
  --radio-bullet-size: 16px;
  --radio-bullet-position: calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);
  display: block;
}

.br-radio + .br-radio {
  margin-top: var(--spacing-scale-base);
}

.br-radio input {
  opacity: 0;
  position: absolute;
}

.br-radio input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--radio-size);
  min-width: var(--radio-size);
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size));
  position: relative;
}

.br-radio input + label::before {
  background: var(--background);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  content: "";
  height: var(--radio-size);
  left: 0;
  position: absolute;
  top: -1px;
  width: var(--radio-size);
}

.br-radio input + label:empty {
  padding: 0;
}

.br-radio input + label:empty::before {
  top: 0;
}

.br-radio label {
  font-weight: var(--font-weight-medium);
}

.br-radio input:checked + label::after {
  background: var(--selected);
  border: 7px solid var(--selected);
  border-radius: 50%;
  content: "";
  height: var(--radio-bullet-size);
  left: var(--radio-bullet-position);
  position: absolute;
  right: 0;
  top: calc(var(--radio-bullet-position) - 1px);
  width: var(--radio-bullet-size);
}

.br-radio input:checked + label:empty::after {
  top: var(--radio-bullet-position);
}

.br-radio.is-valid input + label::before,
.br-radio.valid input + label::before,
.br-radio[valid] input + label::before {
  border-color: var(--success);
}

.br-radio.is-invalid input + label::before,
.br-radio.invalid input + label::before,
.br-radio[invalid] input + label::before {
  border-color: var(--danger);
}

.br-radio.is-small input + label,
.br-radio.small input + label,
.br-radio[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}

.br-radio.is-small input + label::before,
.br-radio.small input + label::before,
.br-radio[small] input + label::before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}

.br-radio.is-small input:checked + label::after,
.br-radio.small input:checked + label::after,
.br-radio[small] input:checked + label::after {
  border-width: 4px;
  height: 10px;
  width: 10px;
}

.br-radio input:invalid + label::before {
  border-color: var(--danger);
}

.br-radio input:focus-visible:checked + label::before,
.br-radio input:focus-visible + label::before,
.br-radio input.focus-visible:checked + label::before,
.br-radio input.focus-visible + label::before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}

.br-radio input:hover:not(:disabled) + label::before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-radio.inverted,
.br-radio.inverted label,
.br-radio.dark-mode,
.br-radio.dark-mode label {
  color: var(--color-dark);
}


.br-switch {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
  --switch-height-small: 24px;
  --switch-height-medium: 30px;
  --switch-height-large: 36px;
  --switch-width-small: 40px;
  --switch-width-medium: 52px;
  --switch-width-large: 64px;
  --switch-toggle-small: 16px;
  --switch-toggle-medium: 22px;
  --switch-toggle-large: 28px;
  --switch-icon-small: var(--icon-size-xs);
  --switch-icon-medium: var(--icon-size-sm);
  --switch-icon-large: var(--icon-size-base);
  --on: var(--blue-warm-vivid-70);
  display: inline-flex;
  min-height: var(--switch-height);
}
.br-switch input {
  opacity: 0;
  position: absolute;
}
.br-switch input + label {
  align-items: center;
  color: var(--color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  margin-bottom: 0;
  position: relative;
  padding-right: calc(var(--spacing-scale-2x) + var(--switch-width));
}
.br-switch input + label::before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  border-radius: 100em;
  content: "";
  height: var(--switch-height);
  position: absolute;
  width: var(--switch-width);
  right: 0;
}
.br-switch input + label::after {
  background-color: var(--off);
  border-radius: 50%;
  content: "";
  height: var(--switch-toggle-size);
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: var(--switch-toggle-size);
  right: calc(4px + var(--switch-toggle-size));
}
.br-switch input + label:empty {
  padding-right: var(--switch-width);
}
.br-switch input:focus-visible + label::before, .br-switch input.focus-visible + label::before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-switch input:hover:not([disabled]):checked + label::before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)));
}
.br-switch input:hover:not([disabled]):not(:checked) + label::before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)));
}
.br-switch input:active:not([disabled]):checked + label::before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)));
}
.br-switch input:active:not([disabled]):not(:checked) + label::before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)));
}
.br-switch.right input + label {
  padding-left: calc(var(--spacing-scale-2x) + var(--switch-width));
  padding-right: 0;
}
.br-switch.right input + label::before {
  left: 0;
}
.br-switch.right input + label::after {
  left: 4px;
}
.br-switch.right input:checked + label::after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.top {
  min-height: calc(var(--switch-height) * 2);
}
.br-switch.top input + label {
  align-items: flex-start;
  padding-right: 0;
}
.br-switch.top input + label::before {
  bottom: 0;
  left: 0;
}
.br-switch.top input + label::after {
  bottom: 4px;
  left: 4px;
}
.br-switch.top input:checked + label::after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.small {
  --switch-height: var(--switch-height-small);
  --switch-width: var(--switch-width-small);
  --switch-toggle-size: var(--switch-toggle-small);
  --switch-icon-size: var(--switch-icon-small);
}
.br-switch.medium {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
}
.br-switch.large {
  --switch-height: var(--switch-height-large);
  --switch-width: var(--switch-width-large);
  --switch-toggle-size: var(--switch-toggle-large);
  --switch-icon-size: var(--switch-icon-large);
}
.br-switch input ~ .switch-data {
  align-self: center;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  margin-left: 8px;
}
.br-switch input ~ .switch-data::before {
  content: attr(data-disabled);
}
.br-switch input:checked + label::after {
  background-color: var(--on);
  right: 4px;
}
.br-switch input:checked ~ .switch-data {
  color: var(--color);
}
.br-switch input:checked ~ .switch-data::before {
  content: attr(data-enabled);
}
.br-switch.icon input + label::after {
  align-items: center;
  color: var(--color-dark);
  content: "\f00d";
  display: inline-flex;
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: var(--font-weight-black);
  justify-content: center;
}
.br-switch.icon input:checked + label::after {
  content: "\f00c";
}
.br-switch.inverted, .br-switch.inverted label, .br-switch.dark-mode, .br-switch.dark-mode label {
  color: var(--color-dark);
}

/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

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