@charset "UTF-8";
.clc-button {
  position: relative;
  overflow: hidden;
}
.clc-button:not(.clc-state-disabled):before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size 0.8s, opacity 0.8s;
}
.clc-button:not(.clc-state-disabled):active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 100%;
}

.clc-header {
  padding: 0.5rem;
}
.clc-header a,
.clc-header a:hover,
.clc-header a:focus {
  color: var(--clc-text-color);
}

.sidebar-toggle {
  position: relative;
  overflow: hidden;
}
.sidebar-toggle:not(.clc-state-disabled):before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size 0.8s, opacity 0.8s;
}
.sidebar-toggle:not(.clc-state-disabled):active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 100%;
}

.clc-navigation-item-link,
.clc-menu-toggle {
  position: relative;
  overflow: hidden;
}
.clc-navigation-item-link:not(.clc-state-disabled):before,
.clc-menu-toggle:not(.clc-state-disabled):before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size 0.8s, opacity 0.8s;
}
.clc-navigation-item-link:not(.clc-state-disabled):active:before,
.clc-menu-toggle:not(.clc-state-disabled):active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 100%;
}

.panel-menu .navigation-item-wrapper-active:before {
  display: none;
}

.clc-panel-menu .clc-navigation-item-link {
  background-position: center;
  transition: background-size 0.8s;
  background: radial-gradient(circle, transparent 1%, var(--clc-base-300) 1%) center/15000%;
}
.clc-panel-menu .clc-navigation-item-link:not(.clc-state-disabled):active {
  background-color: var(--clc-base-300);
  transition: background-size 0s;
  background-size: 100%;
}
.clc-panel-menu .clc-navigation-item-wrapper-active:before {
  display: none;
}

.clc-steps [role=tablist] {
  display: flex;
}
.clc-steps .clc-steps-item:not(:last-child) {
  flex: auto;
  display: flex;
  align-items: center;
}
.clc-steps .clc-steps-item:not(:last-child):after {
  display: "block";
  content: "";
  flex: auto;
  height: 1px;
  margin-inline-end: 16px;
  background-color: var(--clc-base-300);
}

.clc-chkbox-box .clci {
  font-weight: bold;
}
.clc-chkbox-box:after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  opacity: 0;
  transition: background-color var(--clc-transition), width var(--clc-transition), height var(--clc-transition);
}
.clc-chkbox-box:hover:not(.clc-state-disabled):after {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--clc-base-400);
  opacity: 0.3;
}
.clc-chkbox-box:active:not(.clc-state-disabled):after {
  background-color: var(--clc-base-500);
}
.clc-chkbox-box.clc-state-active:hover:not(.clc-state-disabled):after {
  background-color: var(--clc-primary);
  opacity: 0.08;
}
.clc-chkbox-box.clc-state-active:active:hover:not(.clc-state-disabled):after {
  opacity: 0.16;
}

.clc-switch .clc-switch-circle {
  box-shadow: inset 0 0 0 2px var(--clc-base-700);
}

.clc-switch.clc-switch-checked .clc-switch-circle {
  box-shadow: none;
}

.clc-switch .clc-switch-circle:hover:not(.clc-disabled):before {
  transition: background var(--clc-transition), transform var(--clc-transition), outlin-color var(--clc-transition);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.04);
}
.clc-switch .clc-switch-circle:active:not(.clc-disabled):before {
  width: 1.5rem;
  height: 1.5rem;
  inset-inline-start: 0.25rem;
  margin-block-start: -0.75rem;
}

.clc-switch.clc-switch-checked .clc-switch-circle:before {
  width: 1.5rem;
  height: 1.5rem;
  inset-inline-start: 0.25rem;
  margin-block-start: -0.75rem;
}
.clc-switch.clc-switch-checked .clc-switch-circle:hover:not(.clc-disabled):before {
  box-shadow: 0 0 0 10px var(--clc-primary-lighter);
}

.clc-radiobutton-box:after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  opacity: 0;
  transition: background-color var(--clc-transition), width var(--clc-transition), height var(--clc-transition);
}
.clc-radiobutton-box:hover:not(.clc-state-disabled):after {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--clc-base-400);
  opacity: 0.3;
}
.clc-radiobutton-box:active:not(.clc-state-disabled):after {
  background-color: var(--clc-base-500);
}
.clc-radiobutton-box.clc-state-active:hover:not(.clc-state-disabled):after {
  background-color: var(--clc-primary);
  opacity: 0.08;
}
.clc-radiobutton-box.clc-state-active:active:hover:not(.clc-state-disabled):after {
  opacity: 0.16;
}

.clc-slider .clc-slider-range {
  top: 0;
  bottom: 0;
}
.clc-slider .clc-slider-handle:before {
  display: none;
}
.clc-slider.clc-state-disabled .clc-slider-handle {
  box-shadow: none;
}

.clc-selectbutton .clc-button {
  box-shadow: none;
}
.clc-selectbutton .clc-button:hover, .clc-selectbutton .clc-button:focus {
  box-shadow: none !important;
  background: var(--clc-base-200);
}

.clc-datepicker-inline table {
  width: 100%;
}

.clc-calendar-view td,
.clc-calendar-view th {
  text-align: center;
}
.clc-calendar-view td a.clc-state-default,
.clc-calendar-view td span.clc-state-default,
.clc-calendar-view th a.clc-state-default,
.clc-calendar-view th span.clc-state-default {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 1rem;
}
.clc-calendar-view td a.clc-state-default:not(.clc-state-active):hover,
.clc-calendar-view td span.clc-state-default:not(.clc-state-active):hover,
.clc-calendar-view th a.clc-state-default:not(.clc-state-active):hover,
.clc-calendar-view th span.clc-state-default:not(.clc-state-active):hover {
  border-radius: 50%;
}
.clc-calendar-view td .clc-state-active,
.clc-calendar-view th .clc-state-active {
  border-radius: 50%;
}

.clc-timepicker {
  flex-wrap: wrap;
}
.clc-timepicker .clc-numeric {
  flex: 1;
}
.clc-timepicker > .clc-button {
  flex-basis: 100%;
}

.clc-datepicker-trigger {
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.clc-numeric .clc-numeric-button {
  box-shadow: none;
}
.clc-numeric .clc-numeric-button:hover {
  box-shadow: none !important;
}

.clc-fileupload-choose.clc-button {
  background-position: center;
  transition: background-size 0.8s;
  background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%;
}
.clc-fileupload-choose.clc-button:not(.clc-state-disabled):active {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-size 0s;
  background-size: 100%;
}
.clc-fileupload-choose.clc-button input {
  z-index: 1;
}

.clc-datatable .clc-col-icon {
  border-inline-end: var(--clc-border-base-300);
}

.clc-grid-table-composite {
  --clc-grid-right-cell-border: var(--clc-border-base-300);
  --clc-grid-header-cell-border: var(--clc-border-base-300);
}

.clc-pager-pages {
  max-height: 3rem;
}

.clc-pager-element {
  box-shadow: var(--clc-shadow-0) !important;
}
.clc-pager-element:hover {
  box-shadow: var(--clc-shadow-0) !important;
}
.clc-pager-element:active {
  box-shadow: var(--clc-shadow-0) !important;
}

.clc-tree-toggler {
  position: relative;
}

.clc-tree-toggler.clci-caret-right:before {
  margin-left: 0 !important;
}
.clc-tree-toggler.clci-caret-down:before {
  margin-left: 0 !important;
}
.clc-tree-toggler:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  opacity: 0;
  transition: background-color var(--clc-transition), width var(--clc-transition), height var(--clc-transition), left var(--clc-transition), top var(--clc-transition);
}
.clc-tree-toggler:active:after {
  left: 0;
  top: -0.25rem;
  width: 2rem;
  height: 2rem;
  background-color: var(--clc-base-400);
  opacity: 0.3;
}

.clc-scheduler-nav .clc-button {
  box-shadow: var(--clc-shadow-0) !important;
}
.clc-scheduler-nav .clc-button:hover {
  box-shadow: var(--clc-shadow-0) !important;
  background: var(--clc-base-200);
}
.clc-scheduler-nav .clc-button:active {
  box-shadow: var(--clc-shadow-0) !important;
}

.clc-view-header {
  border-top: none !important;
}
.clc-year-view .clc-view-header {
  border-bottom: none !important;
}

.clc-tabview-nav > li > a {
  position: relative;
  overflow: hidden;
}
.clc-tabview-nav > li > a:not(.clc-state-disabled):before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size 0.8s, opacity 0.8s;
}
.clc-tabview-nav > li > a:not(.clc-state-disabled):active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 100%;
}

.clc-tabview.clc-tabview-top > .clc-tabview-nav .clc-tabview-selected {
  border-top-width: 0;
}
.clc-tabview.clc-tabview-bottom > .clc-tabview-nav li {
  border-top-width: 0;
}
.clc-tabview.clc-tabview-bottom > .clc-tabview-nav .clc-tabview-selected {
  border-bottom-width: 0;
}
.clc-tabview.clc-tabview-left > .clc-tabview-nav .clc-tabview-selected {
  border-left-width: 0;
}
.clc-tabview.clc-tabview-right > .clc-tabview-nav li {
  border-left-width: 0;
}
.clc-tabview.clc-tabview-right > .clc-tabview-nav .clc-tabview-selected {
  border-right-width: 0;
}
.clc-tabview.clc-tabview-top > .clc-tabview-panels {
  border-top: var(--clc-border-base-300);
}
.clc-tabview.clc-tabview-bottom > .clc-tabview-panels {
  border-bottom: var(--clc-border-base-300);
}
.clc-tabview.clc-tabview-left > .clc-tabview-panels {
  border-left: var(--clc-border-base-300);
}
.clc-tabview.clc-tabview-right > .clc-tabview-panels {
  border-right: var(--clc-border-base-300);
}

.clc-tabview-nav {
  z-index: 0;
}
.clc-tabview-nav li {
  position: relative;
}
.clc-tabview-nav li:after {
  z-index: -1;
  content: "";
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  height: 0.1875rem;
  border-radius: var(--clc-border-radius) var(--clc-border-radius) 0 0;
  background-color: transparent;
}
.clc-tabview-nav li:hover:not(.clc-tabview-selected):not(.clc-state-disabled):after {
  background-color: var(--clc-primary);
}
.clc-tabview-nav li.clc-tabview-selected:after {
  background-color: var(--clc-primary);
}
.clc-tabview-top > .clc-tabview-nav li.clc-tabview-selected {
  margin-bottom: 0;
}
.clc-tabview-bottom > .clc-tabview-nav li:after {
  top: 0;
  border-radius: 0 0 var(--clc-border-radius) var(--clc-border-radius);
}
.clc-tabview-bottom > .clc-tabview-nav li.clc-tabview-selected {
  margin-top: 0;
  padding-top: 0;
}
.clc-tabview-left > .clc-tabview-nav li:after {
  left: auto;
  right: 0;
  top: 1rem;
  bottom: 1rem;
  width: 0.1875rem;
  height: auto;
  border-radius: var(--clc-border-radius) 0 0 var(--clc-border-radius);
}
.clc-tabview-left > .clc-tabview-nav li.clc-tabview-selected {
  margin-right: 0;
}
.clc-tabview-right > .clc-tabview-nav li:after {
  left: 0;
  right: auto;
  top: 0.625rem;
  bottom: 0.625rem;
  width: 0.1875rem;
  height: auto;
  border-radius: 0 var(--clc-border-radius) var(--clc-border-radius) 0;
}
.clc-tabview-right > .clc-tabview-nav li.clc-tabview-selected {
  margin-left: 0;
  padding-left: 0;
}

.clc-login .clc-textbox.invalid {
  --clc-input-focus-shadow: inset 0 0 0 1px var(--clc-danger);
}

.clc-progressbar:has(.clc-progressbar-label) {
  --clc-progressbar-height: 1.25rem;
}

.clc-html-editor-toolbar {
  font-size: 0.825rem;
}
.clc-html-editor-toolbar .clc-html-editor-button {
  position: relative;
  overflow: hidden;
}
.clc-html-editor-toolbar .clc-html-editor-button:not(.clc-state-disabled):before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size 0.8s, opacity 0.8s;
}
.clc-html-editor-toolbar .clc-html-editor-button:not(.clc-state-disabled):active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 100%;
}

@media (max-width: 768px) {
  .clc-layout .clc-body {
    margin: 0;
    border-radius: 0;
  }
}
.clc-search-input {
  border: var(--clc-border-base-200) !important;
  border-radius: calc(var(--clc-border-radius) * 5) !important;
  background-color: var(--clc-base-200) !important;
}
div:has(.clc-search-input) {
  padding-top: 0.125rem !important;
}
.clc-search-input:hover {
  border: var(--clc-border-base-400) !important;
  background-color: var(--clc-base-400) !important;
}
.clc-search-input:hover:focus, .clc-search-input:focus {
  border: var(--clc-border-base-50) !important;
  background-color: var(--clc-white) !important;
  box-shadow: var(--clc-shadow-1) !important;
}

.clc-card.clc-material-3-demo-card {
  box-shadow: none;
  border: var(--clc-border-base-300);
}

@font-face {
  font-family: "Material Symbols";
  src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2 supports variations"), url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 700;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/RobotoFlex.woff2") format("woff2 supports variations"), url("../fonts/RobotoFlex.woff2") format("woff2-variations");
  font-weight: 100 1000;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

.clc-text-title-color {
  color: var(--clc-base-900) !important;
}

.clc-text-color {
  color: var(--clc-base-900) !important;
}

.clc-text-secondary-color {
  color: var(--clc-base-800) !important;
}

.clc-text-tertiary-color {
  color: var(--clc-base-700) !important;
}

.clc-text-disabled-color {
  color: var(--clc-base-600) !important;
}

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

.clc-border-radius {
  border-radius: var(--clc-border-radius) !important;
}

.clc-border-radius-0 {
  border-radius: var(--clc-border-radius-0) !important;
}

.clc-border-radius-1 {
  border-radius: var(--clc-border-radius-1) !important;
}

.clc-border-radius-2 {
  border-radius: var(--clc-border-radius-2) !important;
}

.clc-border-radius-3 {
  border-radius: var(--clc-border-radius-3) !important;
}

.clc-border-radius-4 {
  border-radius: var(--clc-border-radius-4) !important;
}

.clc-border-radius-5 {
  border-radius: var(--clc-border-radius-5) !important;
}

.clc-border-radius-6 {
  border-radius: var(--clc-border-radius-6) !important;
}

.clc-border-radius-7 {
  border-radius: var(--clc-border-radius-7) !important;
}

.clc-border-radius-8 {
  border-radius: var(--clc-border-radius-8) !important;
}

.clc-border-radius-9 {
  border-radius: var(--clc-border-radius-9) !important;
}

.clc-border-radius-10 {
  border-radius: var(--clc-border-radius-10) !important;
}

.clc-shadow-0 {
  box-shadow: var(--clc-shadow-0) !important;
}

.clc-shadow-1 {
  box-shadow: var(--clc-shadow-1) !important;
}

.clc-shadow-2 {
  box-shadow: var(--clc-shadow-2) !important;
}

.clc-shadow-3 {
  box-shadow: var(--clc-shadow-3) !important;
}

.clc-shadow-4 {
  box-shadow: var(--clc-shadow-4) !important;
}

.clc-shadow-5 {
  box-shadow: var(--clc-shadow-5) !important;
}

.clc-shadow-6 {
  box-shadow: var(--clc-shadow-6) !important;
}

.clc-shadow-7 {
  box-shadow: var(--clc-shadow-7) !important;
}

.clc-shadow-8 {
  box-shadow: var(--clc-shadow-8) !important;
}

.clc-shadow-9 {
  box-shadow: var(--clc-shadow-9) !important;
}

.clc-shadow-10 {
  box-shadow: var(--clc-shadow-10) !important;
}

.clc-display-none {
  display: none !important;
}

.clc-display-block {
  display: block !important;
}

.clc-display-inline {
  display: inline !important;
}

.clc-display-inline-block {
  display: inline-block !important;
}

.clc-display-flex {
  display: flex !important;
}

.clc-display-inline-flex {
  display: inline-flex !important;
}

.clc-display-grid {
  display: grid !important;
}

.clc-display-inline-grid {
  display: inline-grid !important;
}

@media (min-width: 576px) {
  .clc-display-xs-none {
    display: none !important;
  }
  .clc-display-xs-block {
    display: block !important;
  }
  .clc-display-xs-inline {
    display: inline !important;
  }
  .clc-display-xs-inline-block {
    display: inline-block !important;
  }
  .clc-display-xs-flex {
    display: flex !important;
  }
  .clc-display-xs-inline-flex {
    display: inline-flex !important;
  }
  .clc-display-xs-grid {
    display: grid !important;
  }
  .clc-display-xs-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .clc-display-sm-none {
    display: none !important;
  }
  .clc-display-sm-block {
    display: block !important;
  }
  .clc-display-sm-inline {
    display: inline !important;
  }
  .clc-display-sm-inline-block {
    display: inline-block !important;
  }
  .clc-display-sm-flex {
    display: flex !important;
  }
  .clc-display-sm-inline-flex {
    display: inline-flex !important;
  }
  .clc-display-sm-grid {
    display: grid !important;
  }
  .clc-display-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1024px) {
  .clc-display-md-none {
    display: none !important;
  }
  .clc-display-md-block {
    display: block !important;
  }
  .clc-display-md-inline {
    display: inline !important;
  }
  .clc-display-md-inline-block {
    display: inline-block !important;
  }
  .clc-display-md-flex {
    display: flex !important;
  }
  .clc-display-md-inline-flex {
    display: inline-flex !important;
  }
  .clc-display-md-grid {
    display: grid !important;
  }
  .clc-display-md-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1280px) {
  .clc-display-lg-none {
    display: none !important;
  }
  .clc-display-lg-block {
    display: block !important;
  }
  .clc-display-lg-inline {
    display: inline !important;
  }
  .clc-display-lg-inline-block {
    display: inline-block !important;
  }
  .clc-display-lg-flex {
    display: flex !important;
  }
  .clc-display-lg-inline-flex {
    display: inline-flex !important;
  }
  .clc-display-lg-grid {
    display: grid !important;
  }
  .clc-display-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1920px) {
  .clc-display-xl-none {
    display: none !important;
  }
  .clc-display-xl-block {
    display: block !important;
  }
  .clc-display-xl-inline {
    display: inline !important;
  }
  .clc-display-xl-inline-block {
    display: inline-block !important;
  }
  .clc-display-xl-flex {
    display: flex !important;
  }
  .clc-display-xl-inline-flex {
    display: inline-flex !important;
  }
  .clc-display-xl-grid {
    display: grid !important;
  }
  .clc-display-xl-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 2560px) {
  .clc-display-xx-none {
    display: none !important;
  }
  .clc-display-xx-block {
    display: block !important;
  }
  .clc-display-xx-inline {
    display: inline !important;
  }
  .clc-display-xx-inline-block {
    display: inline-block !important;
  }
  .clc-display-xx-flex {
    display: flex !important;
  }
  .clc-display-xx-inline-flex {
    display: inline-flex !important;
  }
  .clc-display-xx-grid {
    display: grid !important;
  }
  .clc-display-xx-inline-grid {
    display: inline-grid !important;
  }
}
.clc-justify-content-normal {
  justify-content: normal !important;
}

.clc-justify-content-stretch {
  justify-content: stretch !important;
}

.clc-justify-content-center {
  justify-content: center !important;
}

.clc-justify-content-start {
  justify-content: start !important;
}

.clc-justify-content-end {
  justify-content: end !important;
}

.clc-justify-content-flex-start {
  justify-content: flex-start !important;
}

.clc-justify-content-flex-end {
  justify-content: flex-end !important;
}

.clc-justify-content-left {
  justify-content: left !important;
}

.clc-justify-content-right {
  justify-content: right !important;
}

.clc-justify-content-space-between {
  justify-content: space-between !important;
}

.clc-justify-content-space-around {
  justify-content: space-around !important;
}

.clc-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.clc-align-items-normal {
  align-items: normal !important;
}

.clc-align-items-stretch {
  align-items: stretch !important;
}

.clc-align-items-center {
  align-items: center !important;
}

.clc-align-items-start {
  align-items: start !important;
}

.clc-align-items-end {
  align-items: end !important;
}

.clc-align-items-flex-start {
  align-items: flex-start !important;
}

.clc-align-items-flex-end {
  align-items: flex-end !important;
}

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

.clc-color-black {
  color: var(--clc-black) !important;
}

.clc-color-base {
  color: var(--clc-base) !important;
}

.clc-color-base-50 {
  color: var(--clc-base-50) !important;
}

.clc-color-base-100 {
  color: var(--clc-base-100) !important;
}

.clc-color-base-200 {
  color: var(--clc-base-200) !important;
}

.clc-color-base-300 {
  color: var(--clc-base-300) !important;
}

.clc-color-base-400 {
  color: var(--clc-base-400) !important;
}

.clc-color-base-500 {
  color: var(--clc-base-500) !important;
}

.clc-color-base-600 {
  color: var(--clc-base-600) !important;
}

.clc-color-base-700 {
  color: var(--clc-base-700) !important;
}

.clc-color-base-800 {
  color: var(--clc-base-800) !important;
}

.clc-color-base-900 {
  color: var(--clc-base-900) !important;
}

.clc-color-base-light {
  color: var(--clc-base-light) !important;
}

.clc-color-base-lighter {
  color: var(--clc-base-lighter) !important;
}

.clc-color-base-dark {
  color: var(--clc-base-dark) !important;
}

.clc-color-base-darker {
  color: var(--clc-base-darker) !important;
}

.clc-color-primary {
  color: var(--clc-primary) !important;
}

.clc-color-primary-light {
  color: var(--clc-primary-light) !important;
}

.clc-color-primary-lighter {
  color: var(--clc-primary-lighter) !important;
}

.clc-color-primary-dark {
  color: var(--clc-primary-dark) !important;
}

.clc-color-primary-darker {
  color: var(--clc-primary-darker) !important;
}

.clc-color-secondary {
  color: var(--clc-secondary) !important;
}

.clc-color-secondary-light {
  color: var(--clc-secondary-light) !important;
}

.clc-color-secondary-lighter {
  color: var(--clc-secondary-lighter) !important;
}

.clc-color-secondary-dark {
  color: var(--clc-secondary-dark) !important;
}

.clc-color-secondary-darker {
  color: var(--clc-secondary-darker) !important;
}

.clc-color-info {
  color: var(--clc-info) !important;
}

.clc-color-info-light {
  color: var(--clc-info-light) !important;
}

.clc-color-info-lighter {
  color: var(--clc-info-lighter) !important;
}

.clc-color-info-dark {
  color: var(--clc-info-dark) !important;
}

.clc-color-info-darker {
  color: var(--clc-info-darker) !important;
}

.clc-color-success {
  color: var(--clc-success) !important;
}

.clc-color-success-light {
  color: var(--clc-success-light) !important;
}

.clc-color-success-lighter {
  color: var(--clc-success-lighter) !important;
}

.clc-color-success-dark {
  color: var(--clc-success-dark) !important;
}

.clc-color-success-darker {
  color: var(--clc-success-darker) !important;
}

.clc-color-warning {
  color: var(--clc-warning) !important;
}

.clc-color-warning-light {
  color: var(--clc-warning-light) !important;
}

.clc-color-warning-lighter {
  color: var(--clc-warning-lighter) !important;
}

.clc-color-warning-dark {
  color: var(--clc-warning-dark) !important;
}

.clc-color-warning-darker {
  color: var(--clc-warning-darker) !important;
}

.clc-color-danger {
  color: var(--clc-danger) !important;
}

.clc-color-danger-light {
  color: var(--clc-danger-light) !important;
}

.clc-color-danger-lighter {
  color: var(--clc-danger-lighter) !important;
}

.clc-color-danger-dark {
  color: var(--clc-danger-dark) !important;
}

.clc-color-danger-darker {
  color: var(--clc-danger-darker) !important;
}

.clc-color-on-base {
  color: var(--clc-on-base) !important;
}

.clc-color-on-base-light {
  color: var(--clc-on-base-light) !important;
}

.clc-color-on-base-lighter {
  color: var(--clc-on-base-lighter) !important;
}

.clc-color-on-base-dark {
  color: var(--clc-on-base-dark) !important;
}

.clc-color-on-base-darker {
  color: var(--clc-on-base-darker) !important;
}

.clc-color-on-primary {
  color: var(--clc-on-primary) !important;
}

.clc-color-on-primary-light {
  color: var(--clc-on-primary-light) !important;
}

.clc-color-on-primary-lighter {
  color: var(--clc-on-primary-lighter) !important;
}

.clc-color-on-primary-dark {
  color: var(--clc-on-primary-dark) !important;
}

.clc-color-on-primary-darker {
  color: var(--clc-on-primary-darker) !important;
}

.clc-color-on-secondary {
  color: var(--clc-on-secondary) !important;
}

.clc-color-on-secondary-light {
  color: var(--clc-on-secondary-light) !important;
}

.clc-color-on-secondary-lighter {
  color: var(--clc-on-secondary-lighter) !important;
}

.clc-color-on-secondary-dark {
  color: var(--clc-on-secondary-dark) !important;
}

.clc-color-on-secondary-darker {
  color: var(--clc-on-secondary-darker) !important;
}

.clc-color-on-info {
  color: var(--clc-on-info) !important;
}

.clc-color-on-info-light {
  color: var(--clc-on-info-light) !important;
}

.clc-color-on-info-lighter {
  color: var(--clc-on-info-lighter) !important;
}

.clc-color-on-info-dark {
  color: var(--clc-on-info-dark) !important;
}

.clc-color-on-info-darker {
  color: var(--clc-on-info-darker) !important;
}

.clc-color-on-success {
  color: var(--clc-on-success) !important;
}

.clc-color-on-success-light {
  color: var(--clc-on-success-light) !important;
}

.clc-color-on-success-lighter {
  color: var(--clc-on-success-lighter) !important;
}

.clc-color-on-success-dark {
  color: var(--clc-on-success-dark) !important;
}

.clc-color-on-success-darker {
  color: var(--clc-on-success-darker) !important;
}

.clc-color-on-warning {
  color: var(--clc-on-warning) !important;
}

.clc-color-on-warning-light {
  color: var(--clc-on-warning-light) !important;
}

.clc-color-on-warning-lighter {
  color: var(--clc-on-warning-lighter) !important;
}

.clc-color-on-warning-dark {
  color: var(--clc-on-warning-dark) !important;
}

.clc-color-on-warning-darker {
  color: var(--clc-on-warning-darker) !important;
}

.clc-color-on-danger {
  color: var(--clc-on-danger) !important;
}

.clc-color-on-danger-light {
  color: var(--clc-on-danger-light) !important;
}

.clc-color-on-danger-lighter {
  color: var(--clc-on-danger-lighter) !important;
}

.clc-color-on-danger-dark {
  color: var(--clc-on-danger-dark) !important;
}

.clc-color-on-danger-darker {
  color: var(--clc-on-danger-darker) !important;
}

.clc-color-series-1 {
  color: var(--clc-series-1) !important;
}

.clc-color-series-2 {
  color: var(--clc-series-2) !important;
}

.clc-color-series-3 {
  color: var(--clc-series-3) !important;
}

.clc-color-series-4 {
  color: var(--clc-series-4) !important;
}

.clc-color-series-5 {
  color: var(--clc-series-5) !important;
}

.clc-color-series-6 {
  color: var(--clc-series-6) !important;
}

.clc-color-series-7 {
  color: var(--clc-series-7) !important;
}

.clc-color-series-8 {
  color: var(--clc-series-8) !important;
}

.clc-color-series-9 {
  color: var(--clc-series-9) !important;
}

.clc-color-series-10 {
  color: var(--clc-series-10) !important;
}

.clc-color-series-11 {
  color: var(--clc-series-11) !important;
}

.clc-color-series-12 {
  color: var(--clc-series-12) !important;
}

.clc-color-series-13 {
  color: var(--clc-series-13) !important;
}

.clc-color-series-14 {
  color: var(--clc-series-14) !important;
}

.clc-color-series-15 {
  color: var(--clc-series-15) !important;
}

.clc-color-series-16 {
  color: var(--clc-series-16) !important;
}

.clc-color-series-17 {
  color: var(--clc-series-17) !important;
}

.clc-color-series-18 {
  color: var(--clc-series-18) !important;
}

.clc-color-series-19 {
  color: var(--clc-series-19) !important;
}

.clc-color-series-20 {
  color: var(--clc-series-20) !important;
}

.clc-color-series-21 {
  color: var(--clc-series-21) !important;
}

.clc-color-series-22 {
  color: var(--clc-series-22) !important;
}

.clc-color-series-23 {
  color: var(--clc-series-23) !important;
}

.clc-color-series-24 {
  color: var(--clc-series-24) !important;
}

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

.clc-background-color-black {
  background-color: var(--clc-black) !important;
}

.clc-background-color-base {
  background-color: var(--clc-base) !important;
}

.clc-background-color-base-50 {
  background-color: var(--clc-base-50) !important;
}

.clc-background-color-base-100 {
  background-color: var(--clc-base-100) !important;
}

.clc-background-color-base-200 {
  background-color: var(--clc-base-200) !important;
}

.clc-background-color-base-300 {
  background-color: var(--clc-base-300) !important;
}

.clc-background-color-base-400 {
  background-color: var(--clc-base-400) !important;
}

.clc-background-color-base-500 {
  background-color: var(--clc-base-500) !important;
}

.clc-background-color-base-600 {
  background-color: var(--clc-base-600) !important;
}

.clc-background-color-base-700 {
  background-color: var(--clc-base-700) !important;
}

.clc-background-color-base-800 {
  background-color: var(--clc-base-800) !important;
}

.clc-background-color-base-900 {
  background-color: var(--clc-base-900) !important;
}

.clc-background-color-base-light {
  background-color: var(--clc-base-light) !important;
}

.clc-background-color-base-lighter {
  background-color: var(--clc-base-lighter) !important;
}

.clc-background-color-base-dark {
  background-color: var(--clc-base-dark) !important;
}

.clc-background-color-base-darker {
  background-color: var(--clc-base-darker) !important;
}

.clc-background-color-primary {
  background-color: var(--clc-primary) !important;
}

.clc-background-color-primary-light {
  background-color: var(--clc-primary-light) !important;
}

.clc-background-color-primary-lighter {
  background-color: var(--clc-primary-lighter) !important;
}

.clc-background-color-primary-dark {
  background-color: var(--clc-primary-dark) !important;
}

.clc-background-color-primary-darker {
  background-color: var(--clc-primary-darker) !important;
}

.clc-background-color-secondary {
  background-color: var(--clc-secondary) !important;
}

.clc-background-color-secondary-light {
  background-color: var(--clc-secondary-light) !important;
}

.clc-background-color-secondary-lighter {
  background-color: var(--clc-secondary-lighter) !important;
}

.clc-background-color-secondary-dark {
  background-color: var(--clc-secondary-dark) !important;
}

.clc-background-color-secondary-darker {
  background-color: var(--clc-secondary-darker) !important;
}

.clc-background-color-info {
  background-color: var(--clc-info) !important;
}

.clc-background-color-info-light {
  background-color: var(--clc-info-light) !important;
}

.clc-background-color-info-lighter {
  background-color: var(--clc-info-lighter) !important;
}

.clc-background-color-info-dark {
  background-color: var(--clc-info-dark) !important;
}

.clc-background-color-info-darker {
  background-color: var(--clc-info-darker) !important;
}

.clc-background-color-success {
  background-color: var(--clc-success) !important;
}

.clc-background-color-success-light {
  background-color: var(--clc-success-light) !important;
}

.clc-background-color-success-lighter {
  background-color: var(--clc-success-lighter) !important;
}

.clc-background-color-success-dark {
  background-color: var(--clc-success-dark) !important;
}

.clc-background-color-success-darker {
  background-color: var(--clc-success-darker) !important;
}

.clc-background-color-warning {
  background-color: var(--clc-warning) !important;
}

.clc-background-color-warning-light {
  background-color: var(--clc-warning-light) !important;
}

.clc-background-color-warning-lighter {
  background-color: var(--clc-warning-lighter) !important;
}

.clc-background-color-warning-dark {
  background-color: var(--clc-warning-dark) !important;
}

.clc-background-color-warning-darker {
  background-color: var(--clc-warning-darker) !important;
}

.clc-background-color-danger {
  background-color: var(--clc-danger) !important;
}

.clc-background-color-danger-light {
  background-color: var(--clc-danger-light) !important;
}

.clc-background-color-danger-lighter {
  background-color: var(--clc-danger-lighter) !important;
}

.clc-background-color-danger-dark {
  background-color: var(--clc-danger-dark) !important;
}

.clc-background-color-danger-darker {
  background-color: var(--clc-danger-darker) !important;
}

.clc-background-color-on-base {
  background-color: var(--clc-on-base) !important;
}

.clc-background-color-on-base-light {
  background-color: var(--clc-on-base-light) !important;
}

.clc-background-color-on-base-lighter {
  background-color: var(--clc-on-base-lighter) !important;
}

.clc-background-color-on-base-dark {
  background-color: var(--clc-on-base-dark) !important;
}

.clc-background-color-on-base-darker {
  background-color: var(--clc-on-base-darker) !important;
}

.clc-background-color-on-primary {
  background-color: var(--clc-on-primary) !important;
}

.clc-background-color-on-primary-light {
  background-color: var(--clc-on-primary-light) !important;
}

.clc-background-color-on-primary-lighter {
  background-color: var(--clc-on-primary-lighter) !important;
}

.clc-background-color-on-primary-dark {
  background-color: var(--clc-on-primary-dark) !important;
}

.clc-background-color-on-primary-darker {
  background-color: var(--clc-on-primary-darker) !important;
}

.clc-background-color-on-secondary {
  background-color: var(--clc-on-secondary) !important;
}

.clc-background-color-on-secondary-light {
  background-color: var(--clc-on-secondary-light) !important;
}

.clc-background-color-on-secondary-lighter {
  background-color: var(--clc-on-secondary-lighter) !important;
}

.clc-background-color-on-secondary-dark {
  background-color: var(--clc-on-secondary-dark) !important;
}

.clc-background-color-on-secondary-darker {
  background-color: var(--clc-on-secondary-darker) !important;
}

.clc-background-color-on-info {
  background-color: var(--clc-on-info) !important;
}

.clc-background-color-on-info-light {
  background-color: var(--clc-on-info-light) !important;
}

.clc-background-color-on-info-lighter {
  background-color: var(--clc-on-info-lighter) !important;
}

.clc-background-color-on-info-dark {
  background-color: var(--clc-on-info-dark) !important;
}

.clc-background-color-on-info-darker {
  background-color: var(--clc-on-info-darker) !important;
}

.clc-background-color-on-success {
  background-color: var(--clc-on-success) !important;
}

.clc-background-color-on-success-light {
  background-color: var(--clc-on-success-light) !important;
}

.clc-background-color-on-success-lighter {
  background-color: var(--clc-on-success-lighter) !important;
}

.clc-background-color-on-success-dark {
  background-color: var(--clc-on-success-dark) !important;
}

.clc-background-color-on-success-darker {
  background-color: var(--clc-on-success-darker) !important;
}

.clc-background-color-on-warning {
  background-color: var(--clc-on-warning) !important;
}

.clc-background-color-on-warning-light {
  background-color: var(--clc-on-warning-light) !important;
}

.clc-background-color-on-warning-lighter {
  background-color: var(--clc-on-warning-lighter) !important;
}

.clc-background-color-on-warning-dark {
  background-color: var(--clc-on-warning-dark) !important;
}

.clc-background-color-on-warning-darker {
  background-color: var(--clc-on-warning-darker) !important;
}

.clc-background-color-on-danger {
  background-color: var(--clc-on-danger) !important;
}

.clc-background-color-on-danger-light {
  background-color: var(--clc-on-danger-light) !important;
}

.clc-background-color-on-danger-lighter {
  background-color: var(--clc-on-danger-lighter) !important;
}

.clc-background-color-on-danger-dark {
  background-color: var(--clc-on-danger-dark) !important;
}

.clc-background-color-on-danger-darker {
  background-color: var(--clc-on-danger-darker) !important;
}

.clc-background-color-series-1 {
  background-color: var(--clc-series-1) !important;
}

.clc-background-color-series-2 {
  background-color: var(--clc-series-2) !important;
}

.clc-background-color-series-3 {
  background-color: var(--clc-series-3) !important;
}

.clc-background-color-series-4 {
  background-color: var(--clc-series-4) !important;
}

.clc-background-color-series-5 {
  background-color: var(--clc-series-5) !important;
}

.clc-background-color-series-6 {
  background-color: var(--clc-series-6) !important;
}

.clc-background-color-series-7 {
  background-color: var(--clc-series-7) !important;
}

.clc-background-color-series-8 {
  background-color: var(--clc-series-8) !important;
}

.clc-background-color-series-9 {
  background-color: var(--clc-series-9) !important;
}

.clc-background-color-series-10 {
  background-color: var(--clc-series-10) !important;
}

.clc-background-color-series-11 {
  background-color: var(--clc-series-11) !important;
}

.clc-background-color-series-12 {
  background-color: var(--clc-series-12) !important;
}

.clc-background-color-series-13 {
  background-color: var(--clc-series-13) !important;
}

.clc-background-color-series-14 {
  background-color: var(--clc-series-14) !important;
}

.clc-background-color-series-15 {
  background-color: var(--clc-series-15) !important;
}

.clc-background-color-series-16 {
  background-color: var(--clc-series-16) !important;
}

.clc-background-color-series-17 {
  background-color: var(--clc-series-17) !important;
}

.clc-background-color-series-18 {
  background-color: var(--clc-series-18) !important;
}

.clc-background-color-series-19 {
  background-color: var(--clc-series-19) !important;
}

.clc-background-color-series-20 {
  background-color: var(--clc-series-20) !important;
}

.clc-background-color-series-21 {
  background-color: var(--clc-series-21) !important;
}

.clc-background-color-series-22 {
  background-color: var(--clc-series-22) !important;
}

.clc-background-color-series-23 {
  background-color: var(--clc-series-23) !important;
}

.clc-background-color-series-24 {
  background-color: var(--clc-series-24) !important;
}

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

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

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

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

.clc-border-color-base-100 {
  border-color: var(--clc-base-100) !important;
}

.clc-border-color-base-200 {
  border-color: var(--clc-base-200) !important;
}

.clc-border-color-base-300 {
  border-color: var(--clc-base-300) !important;
}

.clc-border-color-base-400 {
  border-color: var(--clc-base-400) !important;
}

.clc-border-color-base-500 {
  border-color: var(--clc-base-500) !important;
}

.clc-border-color-base-600 {
  border-color: var(--clc-base-600) !important;
}

.clc-border-color-base-700 {
  border-color: var(--clc-base-700) !important;
}

.clc-border-color-base-800 {
  border-color: var(--clc-base-800) !important;
}

.clc-border-color-base-900 {
  border-color: var(--clc-base-900) !important;
}

.clc-border-color-base-light {
  border-color: var(--clc-base-light) !important;
}

.clc-border-color-base-lighter {
  border-color: var(--clc-base-lighter) !important;
}

.clc-border-color-base-dark {
  border-color: var(--clc-base-dark) !important;
}

.clc-border-color-base-darker {
  border-color: var(--clc-base-darker) !important;
}

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

.clc-border-color-primary-light {
  border-color: var(--clc-primary-light) !important;
}

.clc-border-color-primary-lighter {
  border-color: var(--clc-primary-lighter) !important;
}

.clc-border-color-primary-dark {
  border-color: var(--clc-primary-dark) !important;
}

.clc-border-color-primary-darker {
  border-color: var(--clc-primary-darker) !important;
}

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

.clc-border-color-secondary-light {
  border-color: var(--clc-secondary-light) !important;
}

.clc-border-color-secondary-lighter {
  border-color: var(--clc-secondary-lighter) !important;
}

.clc-border-color-secondary-dark {
  border-color: var(--clc-secondary-dark) !important;
}

.clc-border-color-secondary-darker {
  border-color: var(--clc-secondary-darker) !important;
}

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

.clc-border-color-info-light {
  border-color: var(--clc-info-light) !important;
}

.clc-border-color-info-lighter {
  border-color: var(--clc-info-lighter) !important;
}

.clc-border-color-info-dark {
  border-color: var(--clc-info-dark) !important;
}

.clc-border-color-info-darker {
  border-color: var(--clc-info-darker) !important;
}

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

.clc-border-color-success-light {
  border-color: var(--clc-success-light) !important;
}

.clc-border-color-success-lighter {
  border-color: var(--clc-success-lighter) !important;
}

.clc-border-color-success-dark {
  border-color: var(--clc-success-dark) !important;
}

.clc-border-color-success-darker {
  border-color: var(--clc-success-darker) !important;
}

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

.clc-border-color-warning-light {
  border-color: var(--clc-warning-light) !important;
}

.clc-border-color-warning-lighter {
  border-color: var(--clc-warning-lighter) !important;
}

.clc-border-color-warning-dark {
  border-color: var(--clc-warning-dark) !important;
}

.clc-border-color-warning-darker {
  border-color: var(--clc-warning-darker) !important;
}

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

.clc-border-color-danger-light {
  border-color: var(--clc-danger-light) !important;
}

.clc-border-color-danger-lighter {
  border-color: var(--clc-danger-lighter) !important;
}

.clc-border-color-danger-dark {
  border-color: var(--clc-danger-dark) !important;
}

.clc-border-color-danger-darker {
  border-color: var(--clc-danger-darker) !important;
}

.clc-border-color-on-base {
  border-color: var(--clc-on-base) !important;
}

.clc-border-color-on-base-light {
  border-color: var(--clc-on-base-light) !important;
}

.clc-border-color-on-base-lighter {
  border-color: var(--clc-on-base-lighter) !important;
}

.clc-border-color-on-base-dark {
  border-color: var(--clc-on-base-dark) !important;
}

.clc-border-color-on-base-darker {
  border-color: var(--clc-on-base-darker) !important;
}

.clc-border-color-on-primary {
  border-color: var(--clc-on-primary) !important;
}

.clc-border-color-on-primary-light {
  border-color: var(--clc-on-primary-light) !important;
}

.clc-border-color-on-primary-lighter {
  border-color: var(--clc-on-primary-lighter) !important;
}

.clc-border-color-on-primary-dark {
  border-color: var(--clc-on-primary-dark) !important;
}

.clc-border-color-on-primary-darker {
  border-color: var(--clc-on-primary-darker) !important;
}

.clc-border-color-on-secondary {
  border-color: var(--clc-on-secondary) !important;
}

.clc-border-color-on-secondary-light {
  border-color: var(--clc-on-secondary-light) !important;
}

.clc-border-color-on-secondary-lighter {
  border-color: var(--clc-on-secondary-lighter) !important;
}

.clc-border-color-on-secondary-dark {
  border-color: var(--clc-on-secondary-dark) !important;
}

.clc-border-color-on-secondary-darker {
  border-color: var(--clc-on-secondary-darker) !important;
}

.clc-border-color-on-info {
  border-color: var(--clc-on-info) !important;
}

.clc-border-color-on-info-light {
  border-color: var(--clc-on-info-light) !important;
}

.clc-border-color-on-info-lighter {
  border-color: var(--clc-on-info-lighter) !important;
}

.clc-border-color-on-info-dark {
  border-color: var(--clc-on-info-dark) !important;
}

.clc-border-color-on-info-darker {
  border-color: var(--clc-on-info-darker) !important;
}

.clc-border-color-on-success {
  border-color: var(--clc-on-success) !important;
}

.clc-border-color-on-success-light {
  border-color: var(--clc-on-success-light) !important;
}

.clc-border-color-on-success-lighter {
  border-color: var(--clc-on-success-lighter) !important;
}

.clc-border-color-on-success-dark {
  border-color: var(--clc-on-success-dark) !important;
}

.clc-border-color-on-success-darker {
  border-color: var(--clc-on-success-darker) !important;
}

.clc-border-color-on-warning {
  border-color: var(--clc-on-warning) !important;
}

.clc-border-color-on-warning-light {
  border-color: var(--clc-on-warning-light) !important;
}

.clc-border-color-on-warning-lighter {
  border-color: var(--clc-on-warning-lighter) !important;
}

.clc-border-color-on-warning-dark {
  border-color: var(--clc-on-warning-dark) !important;
}

.clc-border-color-on-warning-darker {
  border-color: var(--clc-on-warning-darker) !important;
}

.clc-border-color-on-danger {
  border-color: var(--clc-on-danger) !important;
}

.clc-border-color-on-danger-light {
  border-color: var(--clc-on-danger-light) !important;
}

.clc-border-color-on-danger-lighter {
  border-color: var(--clc-on-danger-lighter) !important;
}

.clc-border-color-on-danger-dark {
  border-color: var(--clc-on-danger-dark) !important;
}

.clc-border-color-on-danger-darker {
  border-color: var(--clc-on-danger-darker) !important;
}

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

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

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

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

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

.clc-border-color-series-6 {
  border-color: var(--clc-series-6) !important;
}

.clc-border-color-series-7 {
  border-color: var(--clc-series-7) !important;
}

.clc-border-color-series-8 {
  border-color: var(--clc-series-8) !important;
}

.clc-border-color-series-9 {
  border-color: var(--clc-series-9) !important;
}

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

.clc-border-color-series-11 {
  border-color: var(--clc-series-11) !important;
}

.clc-border-color-series-12 {
  border-color: var(--clc-series-12) !important;
}

.clc-border-color-series-13 {
  border-color: var(--clc-series-13) !important;
}

.clc-border-color-series-14 {
  border-color: var(--clc-series-14) !important;
}

.clc-border-color-series-15 {
  border-color: var(--clc-series-15) !important;
}

.clc-border-color-series-16 {
  border-color: var(--clc-series-16) !important;
}

.clc-border-color-series-17 {
  border-color: var(--clc-series-17) !important;
}

.clc-border-color-series-18 {
  border-color: var(--clc-series-18) !important;
}

.clc-border-color-series-19 {
  border-color: var(--clc-series-19) !important;
}

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

.clc-border-color-series-21 {
  border-color: var(--clc-series-21) !important;
}

.clc-border-color-series-22 {
  border-color: var(--clc-series-22) !important;
}

.clc-border-color-series-23 {
  border-color: var(--clc-series-23) !important;
}

.clc-border-color-series-24 {
  border-color: var(--clc-series-24) !important;
}

.clc-border-white {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-white) !important;
}

.clc-border-black {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-black) !important;
}

.clc-border-base {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base) !important;
}

.clc-border-base-50 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-50) !important;
}

.clc-border-base-100 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-100) !important;
}

.clc-border-base-200 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-200) !important;
}

.clc-border-base-300 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-300) !important;
}

.clc-border-base-400 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-400) !important;
}

.clc-border-base-500 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-500) !important;
}

.clc-border-base-600 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-600) !important;
}

.clc-border-base-700 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-700) !important;
}

.clc-border-base-800 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-800) !important;
}

.clc-border-base-900 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-900) !important;
}

.clc-border-base-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-light) !important;
}

.clc-border-base-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-lighter) !important;
}

.clc-border-base-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-dark) !important;
}

.clc-border-base-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base-darker) !important;
}

.clc-border-primary {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-primary) !important;
}

.clc-border-primary-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-primary-light) !important;
}

.clc-border-primary-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-primary-lighter) !important;
}

.clc-border-primary-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-primary-dark) !important;
}

.clc-border-primary-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-primary-darker) !important;
}

.clc-border-secondary {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-secondary) !important;
}

.clc-border-secondary-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-secondary-light) !important;
}

.clc-border-secondary-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-secondary-lighter) !important;
}

.clc-border-secondary-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-secondary-dark) !important;
}

.clc-border-secondary-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-secondary-darker) !important;
}

.clc-border-info {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-info) !important;
}

.clc-border-info-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-info-light) !important;
}

.clc-border-info-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-info-lighter) !important;
}

.clc-border-info-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-info-dark) !important;
}

.clc-border-info-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-info-darker) !important;
}

.clc-border-success {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-success) !important;
}

.clc-border-success-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-success-light) !important;
}

.clc-border-success-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-success-lighter) !important;
}

.clc-border-success-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-success-dark) !important;
}

.clc-border-success-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-success-darker) !important;
}

.clc-border-warning {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-warning) !important;
}

.clc-border-warning-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-warning-light) !important;
}

.clc-border-warning-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-warning-lighter) !important;
}

.clc-border-warning-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-warning-dark) !important;
}

.clc-border-warning-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-warning-darker) !important;
}

.clc-border-danger {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-danger) !important;
}

.clc-border-danger-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-danger-light) !important;
}

.clc-border-danger-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-danger-lighter) !important;
}

.clc-border-danger-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-danger-dark) !important;
}

.clc-border-danger-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-danger-darker) !important;
}

.clc-border-on-base {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-base) !important;
}

.clc-border-on-base-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-base-light) !important;
}

.clc-border-on-base-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-base-lighter) !important;
}

.clc-border-on-base-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-base-dark) !important;
}

.clc-border-on-base-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-base-darker) !important;
}

.clc-border-on-primary {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-primary) !important;
}

.clc-border-on-primary-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-primary-light) !important;
}

.clc-border-on-primary-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-primary-lighter) !important;
}

.clc-border-on-primary-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-primary-dark) !important;
}

.clc-border-on-primary-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-primary-darker) !important;
}

.clc-border-on-secondary {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-secondary) !important;
}

.clc-border-on-secondary-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-secondary-light) !important;
}

.clc-border-on-secondary-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-secondary-lighter) !important;
}

.clc-border-on-secondary-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-secondary-dark) !important;
}

.clc-border-on-secondary-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-secondary-darker) !important;
}

.clc-border-on-info {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-info) !important;
}

.clc-border-on-info-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-info-light) !important;
}

.clc-border-on-info-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-info-lighter) !important;
}

.clc-border-on-info-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-info-dark) !important;
}

.clc-border-on-info-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-info-darker) !important;
}

.clc-border-on-success {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-success) !important;
}

.clc-border-on-success-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-success-light) !important;
}

.clc-border-on-success-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-success-lighter) !important;
}

.clc-border-on-success-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-success-dark) !important;
}

.clc-border-on-success-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-success-darker) !important;
}

.clc-border-on-warning {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-warning) !important;
}

.clc-border-on-warning-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-warning-light) !important;
}

.clc-border-on-warning-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-warning-lighter) !important;
}

.clc-border-on-warning-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-warning-dark) !important;
}

.clc-border-on-warning-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-warning-darker) !important;
}

.clc-border-on-danger {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-danger) !important;
}

.clc-border-on-danger-light {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-danger-light) !important;
}

.clc-border-on-danger-lighter {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-danger-lighter) !important;
}

.clc-border-on-danger-dark {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-danger-dark) !important;
}

.clc-border-on-danger-darker {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-on-danger-darker) !important;
}

.clc-border-series-1 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-1) !important;
}

.clc-border-series-2 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-2) !important;
}

.clc-border-series-3 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-3) !important;
}

.clc-border-series-4 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-4) !important;
}

.clc-border-series-5 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-5) !important;
}

.clc-border-series-6 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-6) !important;
}

.clc-border-series-7 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-7) !important;
}

.clc-border-series-8 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-8) !important;
}

.clc-border-series-9 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-9) !important;
}

.clc-border-series-10 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-10) !important;
}

.clc-border-series-11 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-11) !important;
}

.clc-border-series-12 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-12) !important;
}

.clc-border-series-13 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-13) !important;
}

.clc-border-series-14 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-14) !important;
}

.clc-border-series-15 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-15) !important;
}

.clc-border-series-16 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-16) !important;
}

.clc-border-series-17 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-17) !important;
}

.clc-border-series-18 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-18) !important;
}

.clc-border-series-19 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-19) !important;
}

.clc-border-series-20 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-20) !important;
}

.clc-border-series-21 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-21) !important;
}

.clc-border-series-22 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-22) !important;
}

.clc-border-series-23 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-23) !important;
}

.clc-border-series-24 {
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-series-24) !important;
}

.clc-ripple {
  position: relative;
  overflow: hidden;
}
.clc-ripple:not(.clc-state-disabled):before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size 0.8s, opacity 0.8s;
}
.clc-ripple:not(.clc-state-disabled):active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 100%;
}

body {
  margin: 0;
}

.clc-m-0 {
  margin: 0 !important;
}

.clc-my-0,
.clc-mt-0 {
  margin-top: 0 !important;
}

.clc-mx-0,
.clc-mr-0 {
  margin-right: 0 !important;
}

.clc-my-0,
.clc-mb-0 {
  margin-bottom: 0 !important;
}

.clc-mx-0,
.clc-ml-0 {
  margin-left: 0 !important;
}

.clc-ms-0 {
  margin-inline-start: 0 !important;
}

.clc-me-0 {
  margin-inline-end: 0 !important;
}

.clc-m-05 {
  margin: 0.125rem !important;
}

.clc-my-05,
.clc-mt-05 {
  margin-top: 0.125rem !important;
}

.clc-mx-05,
.clc-mr-05 {
  margin-right: 0.125rem !important;
}

.clc-my-05,
.clc-mb-05 {
  margin-bottom: 0.125rem !important;
}

.clc-mx-05,
.clc-ml-05 {
  margin-left: 0.125rem !important;
}

.clc-ms-05 {
  margin-inline-start: 0.125rem !important;
}

.clc-me-05 {
  margin-inline-end: 0.125rem !important;
}

.clc-m-1 {
  margin: 0.25rem !important;
}

.clc-my-1,
.clc-mt-1 {
  margin-top: 0.25rem !important;
}

.clc-mx-1,
.clc-mr-1 {
  margin-right: 0.25rem !important;
}

.clc-my-1,
.clc-mb-1 {
  margin-bottom: 0.25rem !important;
}

.clc-mx-1,
.clc-ml-1 {
  margin-left: 0.25rem !important;
}

.clc-ms-1 {
  margin-inline-start: 0.25rem !important;
}

.clc-me-1 {
  margin-inline-end: 0.25rem !important;
}

.clc-m-2 {
  margin: 0.5rem !important;
}

.clc-my-2,
.clc-mt-2 {
  margin-top: 0.5rem !important;
}

.clc-mx-2,
.clc-mr-2 {
  margin-right: 0.5rem !important;
}

.clc-my-2,
.clc-mb-2 {
  margin-bottom: 0.5rem !important;
}

.clc-mx-2,
.clc-ml-2 {
  margin-left: 0.5rem !important;
}

.clc-ms-2 {
  margin-inline-start: 0.5rem !important;
}

.clc-me-2 {
  margin-inline-end: 0.5rem !important;
}

.clc-m-3 {
  margin: 0.75rem !important;
}

.clc-my-3,
.clc-mt-3 {
  margin-top: 0.75rem !important;
}

.clc-mx-3,
.clc-mr-3 {
  margin-right: 0.75rem !important;
}

.clc-my-3,
.clc-mb-3 {
  margin-bottom: 0.75rem !important;
}

.clc-mx-3,
.clc-ml-3 {
  margin-left: 0.75rem !important;
}

.clc-ms-3 {
  margin-inline-start: 0.75rem !important;
}

.clc-me-3 {
  margin-inline-end: 0.75rem !important;
}

.clc-m-4 {
  margin: 1rem !important;
}

.clc-my-4,
.clc-mt-4 {
  margin-top: 1rem !important;
}

.clc-mx-4,
.clc-mr-4 {
  margin-right: 1rem !important;
}

.clc-my-4,
.clc-mb-4 {
  margin-bottom: 1rem !important;
}

.clc-mx-4,
.clc-ml-4 {
  margin-left: 1rem !important;
}

.clc-ms-4 {
  margin-inline-start: 1rem !important;
}

.clc-me-4 {
  margin-inline-end: 1rem !important;
}

.clc-m-5 {
  margin: 1.25rem !important;
}

.clc-my-5,
.clc-mt-5 {
  margin-top: 1.25rem !important;
}

.clc-mx-5,
.clc-mr-5 {
  margin-right: 1.25rem !important;
}

.clc-my-5,
.clc-mb-5 {
  margin-bottom: 1.25rem !important;
}

.clc-mx-5,
.clc-ml-5 {
  margin-left: 1.25rem !important;
}

.clc-ms-5 {
  margin-inline-start: 1.25rem !important;
}

.clc-me-5 {
  margin-inline-end: 1.25rem !important;
}

.clc-m-6 {
  margin: 1.5rem !important;
}

.clc-my-6,
.clc-mt-6 {
  margin-top: 1.5rem !important;
}

.clc-mx-6,
.clc-mr-6 {
  margin-right: 1.5rem !important;
}

.clc-my-6,
.clc-mb-6 {
  margin-bottom: 1.5rem !important;
}

.clc-mx-6,
.clc-ml-6 {
  margin-left: 1.5rem !important;
}

.clc-ms-6 {
  margin-inline-start: 1.5rem !important;
}

.clc-me-6 {
  margin-inline-end: 1.5rem !important;
}

.clc-m-7 {
  margin: 1.75rem !important;
}

.clc-my-7,
.clc-mt-7 {
  margin-top: 1.75rem !important;
}

.clc-mx-7,
.clc-mr-7 {
  margin-right: 1.75rem !important;
}

.clc-my-7,
.clc-mb-7 {
  margin-bottom: 1.75rem !important;
}

.clc-mx-7,
.clc-ml-7 {
  margin-left: 1.75rem !important;
}

.clc-ms-7 {
  margin-inline-start: 1.75rem !important;
}

.clc-me-7 {
  margin-inline-end: 1.75rem !important;
}

.clc-m-8 {
  margin: 2rem !important;
}

.clc-my-8,
.clc-mt-8 {
  margin-top: 2rem !important;
}

.clc-mx-8,
.clc-mr-8 {
  margin-right: 2rem !important;
}

.clc-my-8,
.clc-mb-8 {
  margin-bottom: 2rem !important;
}

.clc-mx-8,
.clc-ml-8 {
  margin-left: 2rem !important;
}

.clc-ms-8 {
  margin-inline-start: 2rem !important;
}

.clc-me-8 {
  margin-inline-end: 2rem !important;
}

.clc-m-9 {
  margin: 2.25rem !important;
}

.clc-my-9,
.clc-mt-9 {
  margin-top: 2.25rem !important;
}

.clc-mx-9,
.clc-mr-9 {
  margin-right: 2.25rem !important;
}

.clc-my-9,
.clc-mb-9 {
  margin-bottom: 2.25rem !important;
}

.clc-mx-9,
.clc-ml-9 {
  margin-left: 2.25rem !important;
}

.clc-ms-9 {
  margin-inline-start: 2.25rem !important;
}

.clc-me-9 {
  margin-inline-end: 2.25rem !important;
}

.clc-m-10 {
  margin: 2.5rem !important;
}

.clc-my-10,
.clc-mt-10 {
  margin-top: 2.5rem !important;
}

.clc-mx-10,
.clc-mr-10 {
  margin-right: 2.5rem !important;
}

.clc-my-10,
.clc-mb-10 {
  margin-bottom: 2.5rem !important;
}

.clc-mx-10,
.clc-ml-10 {
  margin-left: 2.5rem !important;
}

.clc-ms-10 {
  margin-inline-start: 2.5rem !important;
}

.clc-me-10 {
  margin-inline-end: 2.5rem !important;
}

.clc-m-11 {
  margin: 2.75rem !important;
}

.clc-my-11,
.clc-mt-11 {
  margin-top: 2.75rem !important;
}

.clc-mx-11,
.clc-mr-11 {
  margin-right: 2.75rem !important;
}

.clc-my-11,
.clc-mb-11 {
  margin-bottom: 2.75rem !important;
}

.clc-mx-11,
.clc-ml-11 {
  margin-left: 2.75rem !important;
}

.clc-ms-11 {
  margin-inline-start: 2.75rem !important;
}

.clc-me-11 {
  margin-inline-end: 2.75rem !important;
}

.clc-m-12 {
  margin: 3rem !important;
}

.clc-my-12,
.clc-mt-12 {
  margin-top: 3rem !important;
}

.clc-mx-12,
.clc-mr-12 {
  margin-right: 3rem !important;
}

.clc-my-12,
.clc-mb-12 {
  margin-bottom: 3rem !important;
}

.clc-mx-12,
.clc-ml-12 {
  margin-left: 3rem !important;
}

.clc-ms-12 {
  margin-inline-start: 3rem !important;
}

.clc-me-12 {
  margin-inline-end: 3rem !important;
}

.clc-p-0 {
  padding: 0 !important;
}

.clc-py-0,
.clc-pt-0 {
  padding-top: 0 !important;
}

.clc-px-0,
.clc-pr-0 {
  padding-right: 0 !important;
}

.clc-py-0,
.clc-pb-0 {
  padding-bottom: 0 !important;
}

.clc-px-0,
.clc-pl-0 {
  padding-left: 0 !important;
}

.clc-ps-0 {
  padding-inline-start: 0 !important;
}

.clc-pe-0 {
  padding-inline-end: 0 !important;
}

.clc-p-05 {
  padding: 0.125rem !important;
}

.clc-py-05,
.clc-pt-05 {
  padding-top: 0.125rem !important;
}

.clc-px-05,
.clc-pr-05 {
  padding-right: 0.125rem !important;
}

.clc-py-05,
.clc-pb-05 {
  padding-bottom: 0.125rem !important;
}

.clc-px-05,
.clc-pl-05 {
  padding-left: 0.125rem !important;
}

.clc-ps-05 {
  padding-inline-start: 0.125rem !important;
}

.clc-pe-05 {
  padding-inline-end: 0.125rem !important;
}

.clc-p-1 {
  padding: 0.25rem !important;
}

.clc-py-1,
.clc-pt-1 {
  padding-top: 0.25rem !important;
}

.clc-px-1,
.clc-pr-1 {
  padding-right: 0.25rem !important;
}

.clc-py-1,
.clc-pb-1 {
  padding-bottom: 0.25rem !important;
}

.clc-px-1,
.clc-pl-1 {
  padding-left: 0.25rem !important;
}

.clc-ps-1 {
  padding-inline-start: 0.25rem !important;
}

.clc-pe-1 {
  padding-inline-end: 0.25rem !important;
}

.clc-p-2 {
  padding: 0.5rem !important;
}

.clc-py-2,
.clc-pt-2 {
  padding-top: 0.5rem !important;
}

.clc-px-2,
.clc-pr-2 {
  padding-right: 0.5rem !important;
}

.clc-py-2,
.clc-pb-2 {
  padding-bottom: 0.5rem !important;
}

.clc-px-2,
.clc-pl-2 {
  padding-left: 0.5rem !important;
}

.clc-ps-2 {
  padding-inline-start: 0.5rem !important;
}

.clc-pe-2 {
  padding-inline-end: 0.5rem !important;
}

.clc-p-3 {
  padding: 0.75rem !important;
}

.clc-py-3,
.clc-pt-3 {
  padding-top: 0.75rem !important;
}

.clc-px-3,
.clc-pr-3 {
  padding-right: 0.75rem !important;
}

.clc-py-3,
.clc-pb-3 {
  padding-bottom: 0.75rem !important;
}

.clc-px-3,
.clc-pl-3 {
  padding-left: 0.75rem !important;
}

.clc-ps-3 {
  padding-inline-start: 0.75rem !important;
}

.clc-pe-3 {
  padding-inline-end: 0.75rem !important;
}

.clc-p-4 {
  padding: 1rem !important;
}

.clc-py-4,
.clc-pt-4 {
  padding-top: 1rem !important;
}

.clc-px-4,
.clc-pr-4 {
  padding-right: 1rem !important;
}

.clc-py-4,
.clc-pb-4 {
  padding-bottom: 1rem !important;
}

.clc-px-4,
.clc-pl-4 {
  padding-left: 1rem !important;
}

.clc-ps-4 {
  padding-inline-start: 1rem !important;
}

.clc-pe-4 {
  padding-inline-end: 1rem !important;
}

.clc-p-5 {
  padding: 1.25rem !important;
}

.clc-py-5,
.clc-pt-5 {
  padding-top: 1.25rem !important;
}

.clc-px-5,
.clc-pr-5 {
  padding-right: 1.25rem !important;
}

.clc-py-5,
.clc-pb-5 {
  padding-bottom: 1.25rem !important;
}

.clc-px-5,
.clc-pl-5 {
  padding-left: 1.25rem !important;
}

.clc-ps-5 {
  padding-inline-start: 1.25rem !important;
}

.clc-pe-5 {
  padding-inline-end: 1.25rem !important;
}

.clc-p-6 {
  padding: 1.5rem !important;
}

.clc-py-6,
.clc-pt-6 {
  padding-top: 1.5rem !important;
}

.clc-px-6,
.clc-pr-6 {
  padding-right: 1.5rem !important;
}

.clc-py-6,
.clc-pb-6 {
  padding-bottom: 1.5rem !important;
}

.clc-px-6,
.clc-pl-6 {
  padding-left: 1.5rem !important;
}

.clc-ps-6 {
  padding-inline-start: 1.5rem !important;
}

.clc-pe-6 {
  padding-inline-end: 1.5rem !important;
}

.clc-p-7 {
  padding: 1.75rem !important;
}

.clc-py-7,
.clc-pt-7 {
  padding-top: 1.75rem !important;
}

.clc-px-7,
.clc-pr-7 {
  padding-right: 1.75rem !important;
}

.clc-py-7,
.clc-pb-7 {
  padding-bottom: 1.75rem !important;
}

.clc-px-7,
.clc-pl-7 {
  padding-left: 1.75rem !important;
}

.clc-ps-7 {
  padding-inline-start: 1.75rem !important;
}

.clc-pe-7 {
  padding-inline-end: 1.75rem !important;
}

.clc-p-8 {
  padding: 2rem !important;
}

.clc-py-8,
.clc-pt-8 {
  padding-top: 2rem !important;
}

.clc-px-8,
.clc-pr-8 {
  padding-right: 2rem !important;
}

.clc-py-8,
.clc-pb-8 {
  padding-bottom: 2rem !important;
}

.clc-px-8,
.clc-pl-8 {
  padding-left: 2rem !important;
}

.clc-ps-8 {
  padding-inline-start: 2rem !important;
}

.clc-pe-8 {
  padding-inline-end: 2rem !important;
}

.clc-p-9 {
  padding: 2.25rem !important;
}

.clc-py-9,
.clc-pt-9 {
  padding-top: 2.25rem !important;
}

.clc-px-9,
.clc-pr-9 {
  padding-right: 2.25rem !important;
}

.clc-py-9,
.clc-pb-9 {
  padding-bottom: 2.25rem !important;
}

.clc-px-9,
.clc-pl-9 {
  padding-left: 2.25rem !important;
}

.clc-ps-9 {
  padding-inline-start: 2.25rem !important;
}

.clc-pe-9 {
  padding-inline-end: 2.25rem !important;
}

.clc-p-10 {
  padding: 2.5rem !important;
}

.clc-py-10,
.clc-pt-10 {
  padding-top: 2.5rem !important;
}

.clc-px-10,
.clc-pr-10 {
  padding-right: 2.5rem !important;
}

.clc-py-10,
.clc-pb-10 {
  padding-bottom: 2.5rem !important;
}

.clc-px-10,
.clc-pl-10 {
  padding-left: 2.5rem !important;
}

.clc-ps-10 {
  padding-inline-start: 2.5rem !important;
}

.clc-pe-10 {
  padding-inline-end: 2.5rem !important;
}

.clc-p-11 {
  padding: 2.75rem !important;
}

.clc-py-11,
.clc-pt-11 {
  padding-top: 2.75rem !important;
}

.clc-px-11,
.clc-pr-11 {
  padding-right: 2.75rem !important;
}

.clc-py-11,
.clc-pb-11 {
  padding-bottom: 2.75rem !important;
}

.clc-px-11,
.clc-pl-11 {
  padding-left: 2.75rem !important;
}

.clc-ps-11 {
  padding-inline-start: 2.75rem !important;
}

.clc-pe-11 {
  padding-inline-end: 2.75rem !important;
}

.clc-p-12 {
  padding: 3rem !important;
}

.clc-py-12,
.clc-pt-12 {
  padding-top: 3rem !important;
}

.clc-px-12,
.clc-pr-12 {
  padding-right: 3rem !important;
}

.clc-py-12,
.clc-pb-12 {
  padding-bottom: 3rem !important;
}

.clc-px-12,
.clc-pl-12 {
  padding-left: 3rem !important;
}

.clc-ps-12 {
  padding-inline-start: 3rem !important;
}

.clc-pe-12 {
  padding-inline-end: 3rem !important;
}

.clc-m-auto {
  margin: auto !important;
}

.clc-my-auto,
.clc-mt-auto {
  margin-top: auto !important;
}

.clc-mx-auto,
.clc-mr-auto {
  margin-right: auto !important;
}

.clc-my-auto,
.clc-mb-auto {
  margin-bottom: auto !important;
}

.clc-mx-auto,
.clc-ml-auto {
  margin-left: auto !important;
}

.clc-ms-auto {
  margin-inline-start: auto !important;
}

.clc-me-auto {
  margin-inline-end: auto !important;
}

@media (min-width: 576px) {
  .clc-m-xs-0 {
    margin: 0 !important;
  }
  .clc-my-xs-0,
  .clc-mt-xs-0 {
    margin-top: 0 !important;
  }
  .clc-mx-xs-0,
  .clc-mr-xs-0 {
    margin-right: 0 !important;
  }
  .clc-my-xs-0,
  .clc-mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .clc-mx-xs-0,
  .clc-ml-xs-0 {
    margin-left: 0 !important;
  }
  .clc-ms-xs-0 {
    margin-inline-start: 0 !important;
  }
  .clc-ms-xs-0 {
    margin-inline-end: 0 !important;
  }
  .clc-m-xs-05 {
    margin: 0.125rem !important;
  }
  .clc-my-xs-05,
  .clc-mt-xs-05 {
    margin-top: 0.125rem !important;
  }
  .clc-mx-xs-05,
  .clc-mr-xs-05 {
    margin-right: 0.125rem !important;
  }
  .clc-my-xs-05,
  .clc-mb-xs-05 {
    margin-bottom: 0.125rem !important;
  }
  .clc-mx-xs-05,
  .clc-ml-xs-05 {
    margin-left: 0.125rem !important;
  }
  .clc-ms-xs-05 {
    margin-inline-start: 0.125rem !important;
  }
  .clc-ms-xs-05 {
    margin-inline-end: 0.125rem !important;
  }
  .clc-m-xs-1 {
    margin: 0.25rem !important;
  }
  .clc-my-xs-1,
  .clc-mt-xs-1 {
    margin-top: 0.25rem !important;
  }
  .clc-mx-xs-1,
  .clc-mr-xs-1 {
    margin-right: 0.25rem !important;
  }
  .clc-my-xs-1,
  .clc-mb-xs-1 {
    margin-bottom: 0.25rem !important;
  }
  .clc-mx-xs-1,
  .clc-ml-xs-1 {
    margin-left: 0.25rem !important;
  }
  .clc-ms-xs-1 {
    margin-inline-start: 0.25rem !important;
  }
  .clc-ms-xs-1 {
    margin-inline-end: 0.25rem !important;
  }
  .clc-m-xs-2 {
    margin: 0.5rem !important;
  }
  .clc-my-xs-2,
  .clc-mt-xs-2 {
    margin-top: 0.5rem !important;
  }
  .clc-mx-xs-2,
  .clc-mr-xs-2 {
    margin-right: 0.5rem !important;
  }
  .clc-my-xs-2,
  .clc-mb-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .clc-mx-xs-2,
  .clc-ml-xs-2 {
    margin-left: 0.5rem !important;
  }
  .clc-ms-xs-2 {
    margin-inline-start: 0.5rem !important;
  }
  .clc-ms-xs-2 {
    margin-inline-end: 0.5rem !important;
  }
  .clc-m-xs-3 {
    margin: 0.75rem !important;
  }
  .clc-my-xs-3,
  .clc-mt-xs-3 {
    margin-top: 0.75rem !important;
  }
  .clc-mx-xs-3,
  .clc-mr-xs-3 {
    margin-right: 0.75rem !important;
  }
  .clc-my-xs-3,
  .clc-mb-xs-3 {
    margin-bottom: 0.75rem !important;
  }
  .clc-mx-xs-3,
  .clc-ml-xs-3 {
    margin-left: 0.75rem !important;
  }
  .clc-ms-xs-3 {
    margin-inline-start: 0.75rem !important;
  }
  .clc-ms-xs-3 {
    margin-inline-end: 0.75rem !important;
  }
  .clc-m-xs-4 {
    margin: 1rem !important;
  }
  .clc-my-xs-4,
  .clc-mt-xs-4 {
    margin-top: 1rem !important;
  }
  .clc-mx-xs-4,
  .clc-mr-xs-4 {
    margin-right: 1rem !important;
  }
  .clc-my-xs-4,
  .clc-mb-xs-4 {
    margin-bottom: 1rem !important;
  }
  .clc-mx-xs-4,
  .clc-ml-xs-4 {
    margin-left: 1rem !important;
  }
  .clc-ms-xs-4 {
    margin-inline-start: 1rem !important;
  }
  .clc-ms-xs-4 {
    margin-inline-end: 1rem !important;
  }
  .clc-m-xs-5 {
    margin: 1.25rem !important;
  }
  .clc-my-xs-5,
  .clc-mt-xs-5 {
    margin-top: 1.25rem !important;
  }
  .clc-mx-xs-5,
  .clc-mr-xs-5 {
    margin-right: 1.25rem !important;
  }
  .clc-my-xs-5,
  .clc-mb-xs-5 {
    margin-bottom: 1.25rem !important;
  }
  .clc-mx-xs-5,
  .clc-ml-xs-5 {
    margin-left: 1.25rem !important;
  }
  .clc-ms-xs-5 {
    margin-inline-start: 1.25rem !important;
  }
  .clc-ms-xs-5 {
    margin-inline-end: 1.25rem !important;
  }
  .clc-m-xs-6 {
    margin: 1.5rem !important;
  }
  .clc-my-xs-6,
  .clc-mt-xs-6 {
    margin-top: 1.5rem !important;
  }
  .clc-mx-xs-6,
  .clc-mr-xs-6 {
    margin-right: 1.5rem !important;
  }
  .clc-my-xs-6,
  .clc-mb-xs-6 {
    margin-bottom: 1.5rem !important;
  }
  .clc-mx-xs-6,
  .clc-ml-xs-6 {
    margin-left: 1.5rem !important;
  }
  .clc-ms-xs-6 {
    margin-inline-start: 1.5rem !important;
  }
  .clc-ms-xs-6 {
    margin-inline-end: 1.5rem !important;
  }
  .clc-m-xs-7 {
    margin: 1.75rem !important;
  }
  .clc-my-xs-7,
  .clc-mt-xs-7 {
    margin-top: 1.75rem !important;
  }
  .clc-mx-xs-7,
  .clc-mr-xs-7 {
    margin-right: 1.75rem !important;
  }
  .clc-my-xs-7,
  .clc-mb-xs-7 {
    margin-bottom: 1.75rem !important;
  }
  .clc-mx-xs-7,
  .clc-ml-xs-7 {
    margin-left: 1.75rem !important;
  }
  .clc-ms-xs-7 {
    margin-inline-start: 1.75rem !important;
  }
  .clc-ms-xs-7 {
    margin-inline-end: 1.75rem !important;
  }
  .clc-m-xs-8 {
    margin: 2rem !important;
  }
  .clc-my-xs-8,
  .clc-mt-xs-8 {
    margin-top: 2rem !important;
  }
  .clc-mx-xs-8,
  .clc-mr-xs-8 {
    margin-right: 2rem !important;
  }
  .clc-my-xs-8,
  .clc-mb-xs-8 {
    margin-bottom: 2rem !important;
  }
  .clc-mx-xs-8,
  .clc-ml-xs-8 {
    margin-left: 2rem !important;
  }
  .clc-ms-xs-8 {
    margin-inline-start: 2rem !important;
  }
  .clc-ms-xs-8 {
    margin-inline-end: 2rem !important;
  }
  .clc-m-xs-9 {
    margin: 2.25rem !important;
  }
  .clc-my-xs-9,
  .clc-mt-xs-9 {
    margin-top: 2.25rem !important;
  }
  .clc-mx-xs-9,
  .clc-mr-xs-9 {
    margin-right: 2.25rem !important;
  }
  .clc-my-xs-9,
  .clc-mb-xs-9 {
    margin-bottom: 2.25rem !important;
  }
  .clc-mx-xs-9,
  .clc-ml-xs-9 {
    margin-left: 2.25rem !important;
  }
  .clc-ms-xs-9 {
    margin-inline-start: 2.25rem !important;
  }
  .clc-ms-xs-9 {
    margin-inline-end: 2.25rem !important;
  }
  .clc-m-xs-10 {
    margin: 2.5rem !important;
  }
  .clc-my-xs-10,
  .clc-mt-xs-10 {
    margin-top: 2.5rem !important;
  }
  .clc-mx-xs-10,
  .clc-mr-xs-10 {
    margin-right: 2.5rem !important;
  }
  .clc-my-xs-10,
  .clc-mb-xs-10 {
    margin-bottom: 2.5rem !important;
  }
  .clc-mx-xs-10,
  .clc-ml-xs-10 {
    margin-left: 2.5rem !important;
  }
  .clc-ms-xs-10 {
    margin-inline-start: 2.5rem !important;
  }
  .clc-ms-xs-10 {
    margin-inline-end: 2.5rem !important;
  }
  .clc-m-xs-11 {
    margin: 2.75rem !important;
  }
  .clc-my-xs-11,
  .clc-mt-xs-11 {
    margin-top: 2.75rem !important;
  }
  .clc-mx-xs-11,
  .clc-mr-xs-11 {
    margin-right: 2.75rem !important;
  }
  .clc-my-xs-11,
  .clc-mb-xs-11 {
    margin-bottom: 2.75rem !important;
  }
  .clc-mx-xs-11,
  .clc-ml-xs-11 {
    margin-left: 2.75rem !important;
  }
  .clc-ms-xs-11 {
    margin-inline-start: 2.75rem !important;
  }
  .clc-ms-xs-11 {
    margin-inline-end: 2.75rem !important;
  }
  .clc-m-xs-12 {
    margin: 3rem !important;
  }
  .clc-my-xs-12,
  .clc-mt-xs-12 {
    margin-top: 3rem !important;
  }
  .clc-mx-xs-12,
  .clc-mr-xs-12 {
    margin-right: 3rem !important;
  }
  .clc-my-xs-12,
  .clc-mb-xs-12 {
    margin-bottom: 3rem !important;
  }
  .clc-mx-xs-12,
  .clc-ml-xs-12 {
    margin-left: 3rem !important;
  }
  .clc-ms-xs-12 {
    margin-inline-start: 3rem !important;
  }
  .clc-ms-xs-12 {
    margin-inline-end: 3rem !important;
  }
  .clc-p-xs-0 {
    padding: 0 !important;
  }
  .clc-py-xs-0,
  .clc-pt-xs-0 {
    padding-top: 0 !important;
  }
  .clc-px-xs-0,
  .clc-pr-xs-0 {
    padding-right: 0 !important;
  }
  .clc-py-xs-0,
  .clc-pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .clc-px-xs-0,
  .clc-pl-xs-0 {
    padding-left: 0 !important;
  }
  .clc-ps-xs-0 {
    padding-inline-start: 0 !important;
  }
  .clc-ps-xs-0 {
    padding-inline-end: 0 !important;
  }
  .clc-p-xs-05 {
    padding: 0.125rem !important;
  }
  .clc-py-xs-05,
  .clc-pt-xs-05 {
    padding-top: 0.125rem !important;
  }
  .clc-px-xs-05,
  .clc-pr-xs-05 {
    padding-right: 0.125rem !important;
  }
  .clc-py-xs-05,
  .clc-pb-xs-05 {
    padding-bottom: 0.125rem !important;
  }
  .clc-px-xs-05,
  .clc-pl-xs-05 {
    padding-left: 0.125rem !important;
  }
  .clc-ps-xs-05 {
    padding-inline-start: 0.125rem !important;
  }
  .clc-ps-xs-05 {
    padding-inline-end: 0.125rem !important;
  }
  .clc-p-xs-1 {
    padding: 0.25rem !important;
  }
  .clc-py-xs-1,
  .clc-pt-xs-1 {
    padding-top: 0.25rem !important;
  }
  .clc-px-xs-1,
  .clc-pr-xs-1 {
    padding-right: 0.25rem !important;
  }
  .clc-py-xs-1,
  .clc-pb-xs-1 {
    padding-bottom: 0.25rem !important;
  }
  .clc-px-xs-1,
  .clc-pl-xs-1 {
    padding-left: 0.25rem !important;
  }
  .clc-ps-xs-1 {
    padding-inline-start: 0.25rem !important;
  }
  .clc-ps-xs-1 {
    padding-inline-end: 0.25rem !important;
  }
  .clc-p-xs-2 {
    padding: 0.5rem !important;
  }
  .clc-py-xs-2,
  .clc-pt-xs-2 {
    padding-top: 0.5rem !important;
  }
  .clc-px-xs-2,
  .clc-pr-xs-2 {
    padding-right: 0.5rem !important;
  }
  .clc-py-xs-2,
  .clc-pb-xs-2 {
    padding-bottom: 0.5rem !important;
  }
  .clc-px-xs-2,
  .clc-pl-xs-2 {
    padding-left: 0.5rem !important;
  }
  .clc-ps-xs-2 {
    padding-inline-start: 0.5rem !important;
  }
  .clc-ps-xs-2 {
    padding-inline-end: 0.5rem !important;
  }
  .clc-p-xs-3 {
    padding: 0.75rem !important;
  }
  .clc-py-xs-3,
  .clc-pt-xs-3 {
    padding-top: 0.75rem !important;
  }
  .clc-px-xs-3,
  .clc-pr-xs-3 {
    padding-right: 0.75rem !important;
  }
  .clc-py-xs-3,
  .clc-pb-xs-3 {
    padding-bottom: 0.75rem !important;
  }
  .clc-px-xs-3,
  .clc-pl-xs-3 {
    padding-left: 0.75rem !important;
  }
  .clc-ps-xs-3 {
    padding-inline-start: 0.75rem !important;
  }
  .clc-ps-xs-3 {
    padding-inline-end: 0.75rem !important;
  }
  .clc-p-xs-4 {
    padding: 1rem !important;
  }
  .clc-py-xs-4,
  .clc-pt-xs-4 {
    padding-top: 1rem !important;
  }
  .clc-px-xs-4,
  .clc-pr-xs-4 {
    padding-right: 1rem !important;
  }
  .clc-py-xs-4,
  .clc-pb-xs-4 {
    padding-bottom: 1rem !important;
  }
  .clc-px-xs-4,
  .clc-pl-xs-4 {
    padding-left: 1rem !important;
  }
  .clc-ps-xs-4 {
    padding-inline-start: 1rem !important;
  }
  .clc-ps-xs-4 {
    padding-inline-end: 1rem !important;
  }
  .clc-p-xs-5 {
    padding: 1.25rem !important;
  }
  .clc-py-xs-5,
  .clc-pt-xs-5 {
    padding-top: 1.25rem !important;
  }
  .clc-px-xs-5,
  .clc-pr-xs-5 {
    padding-right: 1.25rem !important;
  }
  .clc-py-xs-5,
  .clc-pb-xs-5 {
    padding-bottom: 1.25rem !important;
  }
  .clc-px-xs-5,
  .clc-pl-xs-5 {
    padding-left: 1.25rem !important;
  }
  .clc-ps-xs-5 {
    padding-inline-start: 1.25rem !important;
  }
  .clc-ps-xs-5 {
    padding-inline-end: 1.25rem !important;
  }
  .clc-p-xs-6 {
    padding: 1.5rem !important;
  }
  .clc-py-xs-6,
  .clc-pt-xs-6 {
    padding-top: 1.5rem !important;
  }
  .clc-px-xs-6,
  .clc-pr-xs-6 {
    padding-right: 1.5rem !important;
  }
  .clc-py-xs-6,
  .clc-pb-xs-6 {
    padding-bottom: 1.5rem !important;
  }
  .clc-px-xs-6,
  .clc-pl-xs-6 {
    padding-left: 1.5rem !important;
  }
  .clc-ps-xs-6 {
    padding-inline-start: 1.5rem !important;
  }
  .clc-ps-xs-6 {
    padding-inline-end: 1.5rem !important;
  }
  .clc-p-xs-7 {
    padding: 1.75rem !important;
  }
  .clc-py-xs-7,
  .clc-pt-xs-7 {
    padding-top: 1.75rem !important;
  }
  .clc-px-xs-7,
  .clc-pr-xs-7 {
    padding-right: 1.75rem !important;
  }
  .clc-py-xs-7,
  .clc-pb-xs-7 {
    padding-bottom: 1.75rem !important;
  }
  .clc-px-xs-7,
  .clc-pl-xs-7 {
    padding-left: 1.75rem !important;
  }
  .clc-ps-xs-7 {
    padding-inline-start: 1.75rem !important;
  }
  .clc-ps-xs-7 {
    padding-inline-end: 1.75rem !important;
  }
  .clc-p-xs-8 {
    padding: 2rem !important;
  }
  .clc-py-xs-8,
  .clc-pt-xs-8 {
    padding-top: 2rem !important;
  }
  .clc-px-xs-8,
  .clc-pr-xs-8 {
    padding-right: 2rem !important;
  }
  .clc-py-xs-8,
  .clc-pb-xs-8 {
    padding-bottom: 2rem !important;
  }
  .clc-px-xs-8,
  .clc-pl-xs-8 {
    padding-left: 2rem !important;
  }
  .clc-ps-xs-8 {
    padding-inline-start: 2rem !important;
  }
  .clc-ps-xs-8 {
    padding-inline-end: 2rem !important;
  }
  .clc-p-xs-9 {
    padding: 2.25rem !important;
  }
  .clc-py-xs-9,
  .clc-pt-xs-9 {
    padding-top: 2.25rem !important;
  }
  .clc-px-xs-9,
  .clc-pr-xs-9 {
    padding-right: 2.25rem !important;
  }
  .clc-py-xs-9,
  .clc-pb-xs-9 {
    padding-bottom: 2.25rem !important;
  }
  .clc-px-xs-9,
  .clc-pl-xs-9 {
    padding-left: 2.25rem !important;
  }
  .clc-ps-xs-9 {
    padding-inline-start: 2.25rem !important;
  }
  .clc-ps-xs-9 {
    padding-inline-end: 2.25rem !important;
  }
  .clc-p-xs-10 {
    padding: 2.5rem !important;
  }
  .clc-py-xs-10,
  .clc-pt-xs-10 {
    padding-top: 2.5rem !important;
  }
  .clc-px-xs-10,
  .clc-pr-xs-10 {
    padding-right: 2.5rem !important;
  }
  .clc-py-xs-10,
  .clc-pb-xs-10 {
    padding-bottom: 2.5rem !important;
  }
  .clc-px-xs-10,
  .clc-pl-xs-10 {
    padding-left: 2.5rem !important;
  }
  .clc-ps-xs-10 {
    padding-inline-start: 2.5rem !important;
  }
  .clc-ps-xs-10 {
    padding-inline-end: 2.5rem !important;
  }
  .clc-p-xs-11 {
    padding: 2.75rem !important;
  }
  .clc-py-xs-11,
  .clc-pt-xs-11 {
    padding-top: 2.75rem !important;
  }
  .clc-px-xs-11,
  .clc-pr-xs-11 {
    padding-right: 2.75rem !important;
  }
  .clc-py-xs-11,
  .clc-pb-xs-11 {
    padding-bottom: 2.75rem !important;
  }
  .clc-px-xs-11,
  .clc-pl-xs-11 {
    padding-left: 2.75rem !important;
  }
  .clc-ps-xs-11 {
    padding-inline-start: 2.75rem !important;
  }
  .clc-ps-xs-11 {
    padding-inline-end: 2.75rem !important;
  }
  .clc-p-xs-12 {
    padding: 3rem !important;
  }
  .clc-py-xs-12,
  .clc-pt-xs-12 {
    padding-top: 3rem !important;
  }
  .clc-px-xs-12,
  .clc-pr-xs-12 {
    padding-right: 3rem !important;
  }
  .clc-py-xs-12,
  .clc-pb-xs-12 {
    padding-bottom: 3rem !important;
  }
  .clc-px-xs-12,
  .clc-pl-xs-12 {
    padding-left: 3rem !important;
  }
  .clc-ps-xs-12 {
    padding-inline-start: 3rem !important;
  }
  .clc-ps-xs-12 {
    padding-inline-end: 3rem !important;
  }
  .clc-m-xs-auto {
    margin: auto !important;
  }
  .clc-my-xs-auto,
  .clc-mt-xs-auto {
    margin-top: auto !important;
  }
  .clc-mx-xs-auto,
  .clc-mr-xs-auto {
    margin-right: auto !important;
  }
  .clc-my-xs-auto,
  .clc-mb-xs-auto {
    margin-bottom: auto !important;
  }
  .clc-mx-xs-auto,
  .clc-ml-xs-auto {
    margin-left: auto !important;
  }
  .clc-ms-xs-auto {
    margin-inline-start: auto !important;
  }
  .clc-me-xs-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 768px) {
  .clc-m-sm-0 {
    margin: 0 !important;
  }
  .clc-my-sm-0,
  .clc-mt-sm-0 {
    margin-top: 0 !important;
  }
  .clc-mx-sm-0,
  .clc-mr-sm-0 {
    margin-right: 0 !important;
  }
  .clc-my-sm-0,
  .clc-mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .clc-mx-sm-0,
  .clc-ml-sm-0 {
    margin-left: 0 !important;
  }
  .clc-ms-sm-0 {
    margin-inline-start: 0 !important;
  }
  .clc-ms-sm-0 {
    margin-inline-end: 0 !important;
  }
  .clc-m-sm-05 {
    margin: 0.125rem !important;
  }
  .clc-my-sm-05,
  .clc-mt-sm-05 {
    margin-top: 0.125rem !important;
  }
  .clc-mx-sm-05,
  .clc-mr-sm-05 {
    margin-right: 0.125rem !important;
  }
  .clc-my-sm-05,
  .clc-mb-sm-05 {
    margin-bottom: 0.125rem !important;
  }
  .clc-mx-sm-05,
  .clc-ml-sm-05 {
    margin-left: 0.125rem !important;
  }
  .clc-ms-sm-05 {
    margin-inline-start: 0.125rem !important;
  }
  .clc-ms-sm-05 {
    margin-inline-end: 0.125rem !important;
  }
  .clc-m-sm-1 {
    margin: 0.25rem !important;
  }
  .clc-my-sm-1,
  .clc-mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .clc-mx-sm-1,
  .clc-mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .clc-my-sm-1,
  .clc-mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .clc-mx-sm-1,
  .clc-ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .clc-ms-sm-1 {
    margin-inline-start: 0.25rem !important;
  }
  .clc-ms-sm-1 {
    margin-inline-end: 0.25rem !important;
  }
  .clc-m-sm-2 {
    margin: 0.5rem !important;
  }
  .clc-my-sm-2,
  .clc-mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .clc-mx-sm-2,
  .clc-mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .clc-my-sm-2,
  .clc-mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .clc-mx-sm-2,
  .clc-ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .clc-ms-sm-2 {
    margin-inline-start: 0.5rem !important;
  }
  .clc-ms-sm-2 {
    margin-inline-end: 0.5rem !important;
  }
  .clc-m-sm-3 {
    margin: 0.75rem !important;
  }
  .clc-my-sm-3,
  .clc-mt-sm-3 {
    margin-top: 0.75rem !important;
  }
  .clc-mx-sm-3,
  .clc-mr-sm-3 {
    margin-right: 0.75rem !important;
  }
  .clc-my-sm-3,
  .clc-mb-sm-3 {
    margin-bottom: 0.75rem !important;
  }
  .clc-mx-sm-3,
  .clc-ml-sm-3 {
    margin-left: 0.75rem !important;
  }
  .clc-ms-sm-3 {
    margin-inline-start: 0.75rem !important;
  }
  .clc-ms-sm-3 {
    margin-inline-end: 0.75rem !important;
  }
  .clc-m-sm-4 {
    margin: 1rem !important;
  }
  .clc-my-sm-4,
  .clc-mt-sm-4 {
    margin-top: 1rem !important;
  }
  .clc-mx-sm-4,
  .clc-mr-sm-4 {
    margin-right: 1rem !important;
  }
  .clc-my-sm-4,
  .clc-mb-sm-4 {
    margin-bottom: 1rem !important;
  }
  .clc-mx-sm-4,
  .clc-ml-sm-4 {
    margin-left: 1rem !important;
  }
  .clc-ms-sm-4 {
    margin-inline-start: 1rem !important;
  }
  .clc-ms-sm-4 {
    margin-inline-end: 1rem !important;
  }
  .clc-m-sm-5 {
    margin: 1.25rem !important;
  }
  .clc-my-sm-5,
  .clc-mt-sm-5 {
    margin-top: 1.25rem !important;
  }
  .clc-mx-sm-5,
  .clc-mr-sm-5 {
    margin-right: 1.25rem !important;
  }
  .clc-my-sm-5,
  .clc-mb-sm-5 {
    margin-bottom: 1.25rem !important;
  }
  .clc-mx-sm-5,
  .clc-ml-sm-5 {
    margin-left: 1.25rem !important;
  }
  .clc-ms-sm-5 {
    margin-inline-start: 1.25rem !important;
  }
  .clc-ms-sm-5 {
    margin-inline-end: 1.25rem !important;
  }
  .clc-m-sm-6 {
    margin: 1.5rem !important;
  }
  .clc-my-sm-6,
  .clc-mt-sm-6 {
    margin-top: 1.5rem !important;
  }
  .clc-mx-sm-6,
  .clc-mr-sm-6 {
    margin-right: 1.5rem !important;
  }
  .clc-my-sm-6,
  .clc-mb-sm-6 {
    margin-bottom: 1.5rem !important;
  }
  .clc-mx-sm-6,
  .clc-ml-sm-6 {
    margin-left: 1.5rem !important;
  }
  .clc-ms-sm-6 {
    margin-inline-start: 1.5rem !important;
  }
  .clc-ms-sm-6 {
    margin-inline-end: 1.5rem !important;
  }
  .clc-m-sm-7 {
    margin: 1.75rem !important;
  }
  .clc-my-sm-7,
  .clc-mt-sm-7 {
    margin-top: 1.75rem !important;
  }
  .clc-mx-sm-7,
  .clc-mr-sm-7 {
    margin-right: 1.75rem !important;
  }
  .clc-my-sm-7,
  .clc-mb-sm-7 {
    margin-bottom: 1.75rem !important;
  }
  .clc-mx-sm-7,
  .clc-ml-sm-7 {
    margin-left: 1.75rem !important;
  }
  .clc-ms-sm-7 {
    margin-inline-start: 1.75rem !important;
  }
  .clc-ms-sm-7 {
    margin-inline-end: 1.75rem !important;
  }
  .clc-m-sm-8 {
    margin: 2rem !important;
  }
  .clc-my-sm-8,
  .clc-mt-sm-8 {
    margin-top: 2rem !important;
  }
  .clc-mx-sm-8,
  .clc-mr-sm-8 {
    margin-right: 2rem !important;
  }
  .clc-my-sm-8,
  .clc-mb-sm-8 {
    margin-bottom: 2rem !important;
  }
  .clc-mx-sm-8,
  .clc-ml-sm-8 {
    margin-left: 2rem !important;
  }
  .clc-ms-sm-8 {
    margin-inline-start: 2rem !important;
  }
  .clc-ms-sm-8 {
    margin-inline-end: 2rem !important;
  }
  .clc-m-sm-9 {
    margin: 2.25rem !important;
  }
  .clc-my-sm-9,
  .clc-mt-sm-9 {
    margin-top: 2.25rem !important;
  }
  .clc-mx-sm-9,
  .clc-mr-sm-9 {
    margin-right: 2.25rem !important;
  }
  .clc-my-sm-9,
  .clc-mb-sm-9 {
    margin-bottom: 2.25rem !important;
  }
  .clc-mx-sm-9,
  .clc-ml-sm-9 {
    margin-left: 2.25rem !important;
  }
  .clc-ms-sm-9 {
    margin-inline-start: 2.25rem !important;
  }
  .clc-ms-sm-9 {
    margin-inline-end: 2.25rem !important;
  }
  .clc-m-sm-10 {
    margin: 2.5rem !important;
  }
  .clc-my-sm-10,
  .clc-mt-sm-10 {
    margin-top: 2.5rem !important;
  }
  .clc-mx-sm-10,
  .clc-mr-sm-10 {
    margin-right: 2.5rem !important;
  }
  .clc-my-sm-10,
  .clc-mb-sm-10 {
    margin-bottom: 2.5rem !important;
  }
  .clc-mx-sm-10,
  .clc-ml-sm-10 {
    margin-left: 2.5rem !important;
  }
  .clc-ms-sm-10 {
    margin-inline-start: 2.5rem !important;
  }
  .clc-ms-sm-10 {
    margin-inline-end: 2.5rem !important;
  }
  .clc-m-sm-11 {
    margin: 2.75rem !important;
  }
  .clc-my-sm-11,
  .clc-mt-sm-11 {
    margin-top: 2.75rem !important;
  }
  .clc-mx-sm-11,
  .clc-mr-sm-11 {
    margin-right: 2.75rem !important;
  }
  .clc-my-sm-11,
  .clc-mb-sm-11 {
    margin-bottom: 2.75rem !important;
  }
  .clc-mx-sm-11,
  .clc-ml-sm-11 {
    margin-left: 2.75rem !important;
  }
  .clc-ms-sm-11 {
    margin-inline-start: 2.75rem !important;
  }
  .clc-ms-sm-11 {
    margin-inline-end: 2.75rem !important;
  }
  .clc-m-sm-12 {
    margin: 3rem !important;
  }
  .clc-my-sm-12,
  .clc-mt-sm-12 {
    margin-top: 3rem !important;
  }
  .clc-mx-sm-12,
  .clc-mr-sm-12 {
    margin-right: 3rem !important;
  }
  .clc-my-sm-12,
  .clc-mb-sm-12 {
    margin-bottom: 3rem !important;
  }
  .clc-mx-sm-12,
  .clc-ml-sm-12 {
    margin-left: 3rem !important;
  }
  .clc-ms-sm-12 {
    margin-inline-start: 3rem !important;
  }
  .clc-ms-sm-12 {
    margin-inline-end: 3rem !important;
  }
  .clc-p-sm-0 {
    padding: 0 !important;
  }
  .clc-py-sm-0,
  .clc-pt-sm-0 {
    padding-top: 0 !important;
  }
  .clc-px-sm-0,
  .clc-pr-sm-0 {
    padding-right: 0 !important;
  }
  .clc-py-sm-0,
  .clc-pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .clc-px-sm-0,
  .clc-pl-sm-0 {
    padding-left: 0 !important;
  }
  .clc-ps-sm-0 {
    padding-inline-start: 0 !important;
  }
  .clc-ps-sm-0 {
    padding-inline-end: 0 !important;
  }
  .clc-p-sm-05 {
    padding: 0.125rem !important;
  }
  .clc-py-sm-05,
  .clc-pt-sm-05 {
    padding-top: 0.125rem !important;
  }
  .clc-px-sm-05,
  .clc-pr-sm-05 {
    padding-right: 0.125rem !important;
  }
  .clc-py-sm-05,
  .clc-pb-sm-05 {
    padding-bottom: 0.125rem !important;
  }
  .clc-px-sm-05,
  .clc-pl-sm-05 {
    padding-left: 0.125rem !important;
  }
  .clc-ps-sm-05 {
    padding-inline-start: 0.125rem !important;
  }
  .clc-ps-sm-05 {
    padding-inline-end: 0.125rem !important;
  }
  .clc-p-sm-1 {
    padding: 0.25rem !important;
  }
  .clc-py-sm-1,
  .clc-pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .clc-px-sm-1,
  .clc-pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .clc-py-sm-1,
  .clc-pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .clc-px-sm-1,
  .clc-pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .clc-ps-sm-1 {
    padding-inline-start: 0.25rem !important;
  }
  .clc-ps-sm-1 {
    padding-inline-end: 0.25rem !important;
  }
  .clc-p-sm-2 {
    padding: 0.5rem !important;
  }
  .clc-py-sm-2,
  .clc-pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .clc-px-sm-2,
  .clc-pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .clc-py-sm-2,
  .clc-pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .clc-px-sm-2,
  .clc-pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .clc-ps-sm-2 {
    padding-inline-start: 0.5rem !important;
  }
  .clc-ps-sm-2 {
    padding-inline-end: 0.5rem !important;
  }
  .clc-p-sm-3 {
    padding: 0.75rem !important;
  }
  .clc-py-sm-3,
  .clc-pt-sm-3 {
    padding-top: 0.75rem !important;
  }
  .clc-px-sm-3,
  .clc-pr-sm-3 {
    padding-right: 0.75rem !important;
  }
  .clc-py-sm-3,
  .clc-pb-sm-3 {
    padding-bottom: 0.75rem !important;
  }
  .clc-px-sm-3,
  .clc-pl-sm-3 {
    padding-left: 0.75rem !important;
  }
  .clc-ps-sm-3 {
    padding-inline-start: 0.75rem !important;
  }
  .clc-ps-sm-3 {
    padding-inline-end: 0.75rem !important;
  }
  .clc-p-sm-4 {
    padding: 1rem !important;
  }
  .clc-py-sm-4,
  .clc-pt-sm-4 {
    padding-top: 1rem !important;
  }
  .clc-px-sm-4,
  .clc-pr-sm-4 {
    padding-right: 1rem !important;
  }
  .clc-py-sm-4,
  .clc-pb-sm-4 {
    padding-bottom: 1rem !important;
  }
  .clc-px-sm-4,
  .clc-pl-sm-4 {
    padding-left: 1rem !important;
  }
  .clc-ps-sm-4 {
    padding-inline-start: 1rem !important;
  }
  .clc-ps-sm-4 {
    padding-inline-end: 1rem !important;
  }
  .clc-p-sm-5 {
    padding: 1.25rem !important;
  }
  .clc-py-sm-5,
  .clc-pt-sm-5 {
    padding-top: 1.25rem !important;
  }
  .clc-px-sm-5,
  .clc-pr-sm-5 {
    padding-right: 1.25rem !important;
  }
  .clc-py-sm-5,
  .clc-pb-sm-5 {
    padding-bottom: 1.25rem !important;
  }
  .clc-px-sm-5,
  .clc-pl-sm-5 {
    padding-left: 1.25rem !important;
  }
  .clc-ps-sm-5 {
    padding-inline-start: 1.25rem !important;
  }
  .clc-ps-sm-5 {
    padding-inline-end: 1.25rem !important;
  }
  .clc-p-sm-6 {
    padding: 1.5rem !important;
  }
  .clc-py-sm-6,
  .clc-pt-sm-6 {
    padding-top: 1.5rem !important;
  }
  .clc-px-sm-6,
  .clc-pr-sm-6 {
    padding-right: 1.5rem !important;
  }
  .clc-py-sm-6,
  .clc-pb-sm-6 {
    padding-bottom: 1.5rem !important;
  }
  .clc-px-sm-6,
  .clc-pl-sm-6 {
    padding-left: 1.5rem !important;
  }
  .clc-ps-sm-6 {
    padding-inline-start: 1.5rem !important;
  }
  .clc-ps-sm-6 {
    padding-inline-end: 1.5rem !important;
  }
  .clc-p-sm-7 {
    padding: 1.75rem !important;
  }
  .clc-py-sm-7,
  .clc-pt-sm-7 {
    padding-top: 1.75rem !important;
  }
  .clc-px-sm-7,
  .clc-pr-sm-7 {
    padding-right: 1.75rem !important;
  }
  .clc-py-sm-7,
  .clc-pb-sm-7 {
    padding-bottom: 1.75rem !important;
  }
  .clc-px-sm-7,
  .clc-pl-sm-7 {
    padding-left: 1.75rem !important;
  }
  .clc-ps-sm-7 {
    padding-inline-start: 1.75rem !important;
  }
  .clc-ps-sm-7 {
    padding-inline-end: 1.75rem !important;
  }
  .clc-p-sm-8 {
    padding: 2rem !important;
  }
  .clc-py-sm-8,
  .clc-pt-sm-8 {
    padding-top: 2rem !important;
  }
  .clc-px-sm-8,
  .clc-pr-sm-8 {
    padding-right: 2rem !important;
  }
  .clc-py-sm-8,
  .clc-pb-sm-8 {
    padding-bottom: 2rem !important;
  }
  .clc-px-sm-8,
  .clc-pl-sm-8 {
    padding-left: 2rem !important;
  }
  .clc-ps-sm-8 {
    padding-inline-start: 2rem !important;
  }
  .clc-ps-sm-8 {
    padding-inline-end: 2rem !important;
  }
  .clc-p-sm-9 {
    padding: 2.25rem !important;
  }
  .clc-py-sm-9,
  .clc-pt-sm-9 {
    padding-top: 2.25rem !important;
  }
  .clc-px-sm-9,
  .clc-pr-sm-9 {
    padding-right: 2.25rem !important;
  }
  .clc-py-sm-9,
  .clc-pb-sm-9 {
    padding-bottom: 2.25rem !important;
  }
  .clc-px-sm-9,
  .clc-pl-sm-9 {
    padding-left: 2.25rem !important;
  }
  .clc-ps-sm-9 {
    padding-inline-start: 2.25rem !important;
  }
  .clc-ps-sm-9 {
    padding-inline-end: 2.25rem !important;
  }
  .clc-p-sm-10 {
    padding: 2.5rem !important;
  }
  .clc-py-sm-10,
  .clc-pt-sm-10 {
    padding-top: 2.5rem !important;
  }
  .clc-px-sm-10,
  .clc-pr-sm-10 {
    padding-right: 2.5rem !important;
  }
  .clc-py-sm-10,
  .clc-pb-sm-10 {
    padding-bottom: 2.5rem !important;
  }
  .clc-px-sm-10,
  .clc-pl-sm-10 {
    padding-left: 2.5rem !important;
  }
  .clc-ps-sm-10 {
    padding-inline-start: 2.5rem !important;
  }
  .clc-ps-sm-10 {
    padding-inline-end: 2.5rem !important;
  }
  .clc-p-sm-11 {
    padding: 2.75rem !important;
  }
  .clc-py-sm-11,
  .clc-pt-sm-11 {
    padding-top: 2.75rem !important;
  }
  .clc-px-sm-11,
  .clc-pr-sm-11 {
    padding-right: 2.75rem !important;
  }
  .clc-py-sm-11,
  .clc-pb-sm-11 {
    padding-bottom: 2.75rem !important;
  }
  .clc-px-sm-11,
  .clc-pl-sm-11 {
    padding-left: 2.75rem !important;
  }
  .clc-ps-sm-11 {
    padding-inline-start: 2.75rem !important;
  }
  .clc-ps-sm-11 {
    padding-inline-end: 2.75rem !important;
  }
  .clc-p-sm-12 {
    padding: 3rem !important;
  }
  .clc-py-sm-12,
  .clc-pt-sm-12 {
    padding-top: 3rem !important;
  }
  .clc-px-sm-12,
  .clc-pr-sm-12 {
    padding-right: 3rem !important;
  }
  .clc-py-sm-12,
  .clc-pb-sm-12 {
    padding-bottom: 3rem !important;
  }
  .clc-px-sm-12,
  .clc-pl-sm-12 {
    padding-left: 3rem !important;
  }
  .clc-ps-sm-12 {
    padding-inline-start: 3rem !important;
  }
  .clc-ps-sm-12 {
    padding-inline-end: 3rem !important;
  }
  .clc-m-sm-auto {
    margin: auto !important;
  }
  .clc-my-sm-auto,
  .clc-mt-sm-auto {
    margin-top: auto !important;
  }
  .clc-mx-sm-auto,
  .clc-mr-sm-auto {
    margin-right: auto !important;
  }
  .clc-my-sm-auto,
  .clc-mb-sm-auto {
    margin-bottom: auto !important;
  }
  .clc-mx-sm-auto,
  .clc-ml-sm-auto {
    margin-left: auto !important;
  }
  .clc-ms-sm-auto {
    margin-inline-start: auto !important;
  }
  .clc-me-sm-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 1024px) {
  .clc-m-md-0 {
    margin: 0 !important;
  }
  .clc-my-md-0,
  .clc-mt-md-0 {
    margin-top: 0 !important;
  }
  .clc-mx-md-0,
  .clc-mr-md-0 {
    margin-right: 0 !important;
  }
  .clc-my-md-0,
  .clc-mb-md-0 {
    margin-bottom: 0 !important;
  }
  .clc-mx-md-0,
  .clc-ml-md-0 {
    margin-left: 0 !important;
  }
  .clc-ms-md-0 {
    margin-inline-start: 0 !important;
  }
  .clc-ms-md-0 {
    margin-inline-end: 0 !important;
  }
  .clc-m-md-05 {
    margin: 0.125rem !important;
  }
  .clc-my-md-05,
  .clc-mt-md-05 {
    margin-top: 0.125rem !important;
  }
  .clc-mx-md-05,
  .clc-mr-md-05 {
    margin-right: 0.125rem !important;
  }
  .clc-my-md-05,
  .clc-mb-md-05 {
    margin-bottom: 0.125rem !important;
  }
  .clc-mx-md-05,
  .clc-ml-md-05 {
    margin-left: 0.125rem !important;
  }
  .clc-ms-md-05 {
    margin-inline-start: 0.125rem !important;
  }
  .clc-ms-md-05 {
    margin-inline-end: 0.125rem !important;
  }
  .clc-m-md-1 {
    margin: 0.25rem !important;
  }
  .clc-my-md-1,
  .clc-mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .clc-mx-md-1,
  .clc-mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .clc-my-md-1,
  .clc-mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .clc-mx-md-1,
  .clc-ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .clc-ms-md-1 {
    margin-inline-start: 0.25rem !important;
  }
  .clc-ms-md-1 {
    margin-inline-end: 0.25rem !important;
  }
  .clc-m-md-2 {
    margin: 0.5rem !important;
  }
  .clc-my-md-2,
  .clc-mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .clc-mx-md-2,
  .clc-mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .clc-my-md-2,
  .clc-mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .clc-mx-md-2,
  .clc-ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .clc-ms-md-2 {
    margin-inline-start: 0.5rem !important;
  }
  .clc-ms-md-2 {
    margin-inline-end: 0.5rem !important;
  }
  .clc-m-md-3 {
    margin: 0.75rem !important;
  }
  .clc-my-md-3,
  .clc-mt-md-3 {
    margin-top: 0.75rem !important;
  }
  .clc-mx-md-3,
  .clc-mr-md-3 {
    margin-right: 0.75rem !important;
  }
  .clc-my-md-3,
  .clc-mb-md-3 {
    margin-bottom: 0.75rem !important;
  }
  .clc-mx-md-3,
  .clc-ml-md-3 {
    margin-left: 0.75rem !important;
  }
  .clc-ms-md-3 {
    margin-inline-start: 0.75rem !important;
  }
  .clc-ms-md-3 {
    margin-inline-end: 0.75rem !important;
  }
  .clc-m-md-4 {
    margin: 1rem !important;
  }
  .clc-my-md-4,
  .clc-mt-md-4 {
    margin-top: 1rem !important;
  }
  .clc-mx-md-4,
  .clc-mr-md-4 {
    margin-right: 1rem !important;
  }
  .clc-my-md-4,
  .clc-mb-md-4 {
    margin-bottom: 1rem !important;
  }
  .clc-mx-md-4,
  .clc-ml-md-4 {
    margin-left: 1rem !important;
  }
  .clc-ms-md-4 {
    margin-inline-start: 1rem !important;
  }
  .clc-ms-md-4 {
    margin-inline-end: 1rem !important;
  }
  .clc-m-md-5 {
    margin: 1.25rem !important;
  }
  .clc-my-md-5,
  .clc-mt-md-5 {
    margin-top: 1.25rem !important;
  }
  .clc-mx-md-5,
  .clc-mr-md-5 {
    margin-right: 1.25rem !important;
  }
  .clc-my-md-5,
  .clc-mb-md-5 {
    margin-bottom: 1.25rem !important;
  }
  .clc-mx-md-5,
  .clc-ml-md-5 {
    margin-left: 1.25rem !important;
  }
  .clc-ms-md-5 {
    margin-inline-start: 1.25rem !important;
  }
  .clc-ms-md-5 {
    margin-inline-end: 1.25rem !important;
  }
  .clc-m-md-6 {
    margin: 1.5rem !important;
  }
  .clc-my-md-6,
  .clc-mt-md-6 {
    margin-top: 1.5rem !important;
  }
  .clc-mx-md-6,
  .clc-mr-md-6 {
    margin-right: 1.5rem !important;
  }
  .clc-my-md-6,
  .clc-mb-md-6 {
    margin-bottom: 1.5rem !important;
  }
  .clc-mx-md-6,
  .clc-ml-md-6 {
    margin-left: 1.5rem !important;
  }
  .clc-ms-md-6 {
    margin-inline-start: 1.5rem !important;
  }
  .clc-ms-md-6 {
    margin-inline-end: 1.5rem !important;
  }
  .clc-m-md-7 {
    margin: 1.75rem !important;
  }
  .clc-my-md-7,
  .clc-mt-md-7 {
    margin-top: 1.75rem !important;
  }
  .clc-mx-md-7,
  .clc-mr-md-7 {
    margin-right: 1.75rem !important;
  }
  .clc-my-md-7,
  .clc-mb-md-7 {
    margin-bottom: 1.75rem !important;
  }
  .clc-mx-md-7,
  .clc-ml-md-7 {
    margin-left: 1.75rem !important;
  }
  .clc-ms-md-7 {
    margin-inline-start: 1.75rem !important;
  }
  .clc-ms-md-7 {
    margin-inline-end: 1.75rem !important;
  }
  .clc-m-md-8 {
    margin: 2rem !important;
  }
  .clc-my-md-8,
  .clc-mt-md-8 {
    margin-top: 2rem !important;
  }
  .clc-mx-md-8,
  .clc-mr-md-8 {
    margin-right: 2rem !important;
  }
  .clc-my-md-8,
  .clc-mb-md-8 {
    margin-bottom: 2rem !important;
  }
  .clc-mx-md-8,
  .clc-ml-md-8 {
    margin-left: 2rem !important;
  }
  .clc-ms-md-8 {
    margin-inline-start: 2rem !important;
  }
  .clc-ms-md-8 {
    margin-inline-end: 2rem !important;
  }
  .clc-m-md-9 {
    margin: 2.25rem !important;
  }
  .clc-my-md-9,
  .clc-mt-md-9 {
    margin-top: 2.25rem !important;
  }
  .clc-mx-md-9,
  .clc-mr-md-9 {
    margin-right: 2.25rem !important;
  }
  .clc-my-md-9,
  .clc-mb-md-9 {
    margin-bottom: 2.25rem !important;
  }
  .clc-mx-md-9,
  .clc-ml-md-9 {
    margin-left: 2.25rem !important;
  }
  .clc-ms-md-9 {
    margin-inline-start: 2.25rem !important;
  }
  .clc-ms-md-9 {
    margin-inline-end: 2.25rem !important;
  }
  .clc-m-md-10 {
    margin: 2.5rem !important;
  }
  .clc-my-md-10,
  .clc-mt-md-10 {
    margin-top: 2.5rem !important;
  }
  .clc-mx-md-10,
  .clc-mr-md-10 {
    margin-right: 2.5rem !important;
  }
  .clc-my-md-10,
  .clc-mb-md-10 {
    margin-bottom: 2.5rem !important;
  }
  .clc-mx-md-10,
  .clc-ml-md-10 {
    margin-left: 2.5rem !important;
  }
  .clc-ms-md-10 {
    margin-inline-start: 2.5rem !important;
  }
  .clc-ms-md-10 {
    margin-inline-end: 2.5rem !important;
  }
  .clc-m-md-11 {
    margin: 2.75rem !important;
  }
  .clc-my-md-11,
  .clc-mt-md-11 {
    margin-top: 2.75rem !important;
  }
  .clc-mx-md-11,
  .clc-mr-md-11 {
    margin-right: 2.75rem !important;
  }
  .clc-my-md-11,
  .clc-mb-md-11 {
    margin-bottom: 2.75rem !important;
  }
  .clc-mx-md-11,
  .clc-ml-md-11 {
    margin-left: 2.75rem !important;
  }
  .clc-ms-md-11 {
    margin-inline-start: 2.75rem !important;
  }
  .clc-ms-md-11 {
    margin-inline-end: 2.75rem !important;
  }
  .clc-m-md-12 {
    margin: 3rem !important;
  }
  .clc-my-md-12,
  .clc-mt-md-12 {
    margin-top: 3rem !important;
  }
  .clc-mx-md-12,
  .clc-mr-md-12 {
    margin-right: 3rem !important;
  }
  .clc-my-md-12,
  .clc-mb-md-12 {
    margin-bottom: 3rem !important;
  }
  .clc-mx-md-12,
  .clc-ml-md-12 {
    margin-left: 3rem !important;
  }
  .clc-ms-md-12 {
    margin-inline-start: 3rem !important;
  }
  .clc-ms-md-12 {
    margin-inline-end: 3rem !important;
  }
  .clc-p-md-0 {
    padding: 0 !important;
  }
  .clc-py-md-0,
  .clc-pt-md-0 {
    padding-top: 0 !important;
  }
  .clc-px-md-0,
  .clc-pr-md-0 {
    padding-right: 0 !important;
  }
  .clc-py-md-0,
  .clc-pb-md-0 {
    padding-bottom: 0 !important;
  }
  .clc-px-md-0,
  .clc-pl-md-0 {
    padding-left: 0 !important;
  }
  .clc-ps-md-0 {
    padding-inline-start: 0 !important;
  }
  .clc-ps-md-0 {
    padding-inline-end: 0 !important;
  }
  .clc-p-md-05 {
    padding: 0.125rem !important;
  }
  .clc-py-md-05,
  .clc-pt-md-05 {
    padding-top: 0.125rem !important;
  }
  .clc-px-md-05,
  .clc-pr-md-05 {
    padding-right: 0.125rem !important;
  }
  .clc-py-md-05,
  .clc-pb-md-05 {
    padding-bottom: 0.125rem !important;
  }
  .clc-px-md-05,
  .clc-pl-md-05 {
    padding-left: 0.125rem !important;
  }
  .clc-ps-md-05 {
    padding-inline-start: 0.125rem !important;
  }
  .clc-ps-md-05 {
    padding-inline-end: 0.125rem !important;
  }
  .clc-p-md-1 {
    padding: 0.25rem !important;
  }
  .clc-py-md-1,
  .clc-pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .clc-px-md-1,
  .clc-pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .clc-py-md-1,
  .clc-pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .clc-px-md-1,
  .clc-pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .clc-ps-md-1 {
    padding-inline-start: 0.25rem !important;
  }
  .clc-ps-md-1 {
    padding-inline-end: 0.25rem !important;
  }
  .clc-p-md-2 {
    padding: 0.5rem !important;
  }
  .clc-py-md-2,
  .clc-pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .clc-px-md-2,
  .clc-pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .clc-py-md-2,
  .clc-pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .clc-px-md-2,
  .clc-pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .clc-ps-md-2 {
    padding-inline-start: 0.5rem !important;
  }
  .clc-ps-md-2 {
    padding-inline-end: 0.5rem !important;
  }
  .clc-p-md-3 {
    padding: 0.75rem !important;
  }
  .clc-py-md-3,
  .clc-pt-md-3 {
    padding-top: 0.75rem !important;
  }
  .clc-px-md-3,
  .clc-pr-md-3 {
    padding-right: 0.75rem !important;
  }
  .clc-py-md-3,
  .clc-pb-md-3 {
    padding-bottom: 0.75rem !important;
  }
  .clc-px-md-3,
  .clc-pl-md-3 {
    padding-left: 0.75rem !important;
  }
  .clc-ps-md-3 {
    padding-inline-start: 0.75rem !important;
  }
  .clc-ps-md-3 {
    padding-inline-end: 0.75rem !important;
  }
  .clc-p-md-4 {
    padding: 1rem !important;
  }
  .clc-py-md-4,
  .clc-pt-md-4 {
    padding-top: 1rem !important;
  }
  .clc-px-md-4,
  .clc-pr-md-4 {
    padding-right: 1rem !important;
  }
  .clc-py-md-4,
  .clc-pb-md-4 {
    padding-bottom: 1rem !important;
  }
  .clc-px-md-4,
  .clc-pl-md-4 {
    padding-left: 1rem !important;
  }
  .clc-ps-md-4 {
    padding-inline-start: 1rem !important;
  }
  .clc-ps-md-4 {
    padding-inline-end: 1rem !important;
  }
  .clc-p-md-5 {
    padding: 1.25rem !important;
  }
  .clc-py-md-5,
  .clc-pt-md-5 {
    padding-top: 1.25rem !important;
  }
  .clc-px-md-5,
  .clc-pr-md-5 {
    padding-right: 1.25rem !important;
  }
  .clc-py-md-5,
  .clc-pb-md-5 {
    padding-bottom: 1.25rem !important;
  }
  .clc-px-md-5,
  .clc-pl-md-5 {
    padding-left: 1.25rem !important;
  }
  .clc-ps-md-5 {
    padding-inline-start: 1.25rem !important;
  }
  .clc-ps-md-5 {
    padding-inline-end: 1.25rem !important;
  }
  .clc-p-md-6 {
    padding: 1.5rem !important;
  }
  .clc-py-md-6,
  .clc-pt-md-6 {
    padding-top: 1.5rem !important;
  }
  .clc-px-md-6,
  .clc-pr-md-6 {
    padding-right: 1.5rem !important;
  }
  .clc-py-md-6,
  .clc-pb-md-6 {
    padding-bottom: 1.5rem !important;
  }
  .clc-px-md-6,
  .clc-pl-md-6 {
    padding-left: 1.5rem !important;
  }
  .clc-ps-md-6 {
    padding-inline-start: 1.5rem !important;
  }
  .clc-ps-md-6 {
    padding-inline-end: 1.5rem !important;
  }
  .clc-p-md-7 {
    padding: 1.75rem !important;
  }
  .clc-py-md-7,
  .clc-pt-md-7 {
    padding-top: 1.75rem !important;
  }
  .clc-px-md-7,
  .clc-pr-md-7 {
    padding-right: 1.75rem !important;
  }
  .clc-py-md-7,
  .clc-pb-md-7 {
    padding-bottom: 1.75rem !important;
  }
  .clc-px-md-7,
  .clc-pl-md-7 {
    padding-left: 1.75rem !important;
  }
  .clc-ps-md-7 {
    padding-inline-start: 1.75rem !important;
  }
  .clc-ps-md-7 {
    padding-inline-end: 1.75rem !important;
  }
  .clc-p-md-8 {
    padding: 2rem !important;
  }
  .clc-py-md-8,
  .clc-pt-md-8 {
    padding-top: 2rem !important;
  }
  .clc-px-md-8,
  .clc-pr-md-8 {
    padding-right: 2rem !important;
  }
  .clc-py-md-8,
  .clc-pb-md-8 {
    padding-bottom: 2rem !important;
  }
  .clc-px-md-8,
  .clc-pl-md-8 {
    padding-left: 2rem !important;
  }
  .clc-ps-md-8 {
    padding-inline-start: 2rem !important;
  }
  .clc-ps-md-8 {
    padding-inline-end: 2rem !important;
  }
  .clc-p-md-9 {
    padding: 2.25rem !important;
  }
  .clc-py-md-9,
  .clc-pt-md-9 {
    padding-top: 2.25rem !important;
  }
  .clc-px-md-9,
  .clc-pr-md-9 {
    padding-right: 2.25rem !important;
  }
  .clc-py-md-9,
  .clc-pb-md-9 {
    padding-bottom: 2.25rem !important;
  }
  .clc-px-md-9,
  .clc-pl-md-9 {
    padding-left: 2.25rem !important;
  }
  .clc-ps-md-9 {
    padding-inline-start: 2.25rem !important;
  }
  .clc-ps-md-9 {
    padding-inline-end: 2.25rem !important;
  }
  .clc-p-md-10 {
    padding: 2.5rem !important;
  }
  .clc-py-md-10,
  .clc-pt-md-10 {
    padding-top: 2.5rem !important;
  }
  .clc-px-md-10,
  .clc-pr-md-10 {
    padding-right: 2.5rem !important;
  }
  .clc-py-md-10,
  .clc-pb-md-10 {
    padding-bottom: 2.5rem !important;
  }
  .clc-px-md-10,
  .clc-pl-md-10 {
    padding-left: 2.5rem !important;
  }
  .clc-ps-md-10 {
    padding-inline-start: 2.5rem !important;
  }
  .clc-ps-md-10 {
    padding-inline-end: 2.5rem !important;
  }
  .clc-p-md-11 {
    padding: 2.75rem !important;
  }
  .clc-py-md-11,
  .clc-pt-md-11 {
    padding-top: 2.75rem !important;
  }
  .clc-px-md-11,
  .clc-pr-md-11 {
    padding-right: 2.75rem !important;
  }
  .clc-py-md-11,
  .clc-pb-md-11 {
    padding-bottom: 2.75rem !important;
  }
  .clc-px-md-11,
  .clc-pl-md-11 {
    padding-left: 2.75rem !important;
  }
  .clc-ps-md-11 {
    padding-inline-start: 2.75rem !important;
  }
  .clc-ps-md-11 {
    padding-inline-end: 2.75rem !important;
  }
  .clc-p-md-12 {
    padding: 3rem !important;
  }
  .clc-py-md-12,
  .clc-pt-md-12 {
    padding-top: 3rem !important;
  }
  .clc-px-md-12,
  .clc-pr-md-12 {
    padding-right: 3rem !important;
  }
  .clc-py-md-12,
  .clc-pb-md-12 {
    padding-bottom: 3rem !important;
  }
  .clc-px-md-12,
  .clc-pl-md-12 {
    padding-left: 3rem !important;
  }
  .clc-ps-md-12 {
    padding-inline-start: 3rem !important;
  }
  .clc-ps-md-12 {
    padding-inline-end: 3rem !important;
  }
  .clc-m-md-auto {
    margin: auto !important;
  }
  .clc-my-md-auto,
  .clc-mt-md-auto {
    margin-top: auto !important;
  }
  .clc-mx-md-auto,
  .clc-mr-md-auto {
    margin-right: auto !important;
  }
  .clc-my-md-auto,
  .clc-mb-md-auto {
    margin-bottom: auto !important;
  }
  .clc-mx-md-auto,
  .clc-ml-md-auto {
    margin-left: auto !important;
  }
  .clc-ms-md-auto {
    margin-inline-start: auto !important;
  }
  .clc-me-md-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 1280px) {
  .clc-m-lg-0 {
    margin: 0 !important;
  }
  .clc-my-lg-0,
  .clc-mt-lg-0 {
    margin-top: 0 !important;
  }
  .clc-mx-lg-0,
  .clc-mr-lg-0 {
    margin-right: 0 !important;
  }
  .clc-my-lg-0,
  .clc-mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .clc-mx-lg-0,
  .clc-ml-lg-0 {
    margin-left: 0 !important;
  }
  .clc-ms-lg-0 {
    margin-inline-start: 0 !important;
  }
  .clc-ms-lg-0 {
    margin-inline-end: 0 !important;
  }
  .clc-m-lg-05 {
    margin: 0.125rem !important;
  }
  .clc-my-lg-05,
  .clc-mt-lg-05 {
    margin-top: 0.125rem !important;
  }
  .clc-mx-lg-05,
  .clc-mr-lg-05 {
    margin-right: 0.125rem !important;
  }
  .clc-my-lg-05,
  .clc-mb-lg-05 {
    margin-bottom: 0.125rem !important;
  }
  .clc-mx-lg-05,
  .clc-ml-lg-05 {
    margin-left: 0.125rem !important;
  }
  .clc-ms-lg-05 {
    margin-inline-start: 0.125rem !important;
  }
  .clc-ms-lg-05 {
    margin-inline-end: 0.125rem !important;
  }
  .clc-m-lg-1 {
    margin: 0.25rem !important;
  }
  .clc-my-lg-1,
  .clc-mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .clc-mx-lg-1,
  .clc-mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .clc-my-lg-1,
  .clc-mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .clc-mx-lg-1,
  .clc-ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .clc-ms-lg-1 {
    margin-inline-start: 0.25rem !important;
  }
  .clc-ms-lg-1 {
    margin-inline-end: 0.25rem !important;
  }
  .clc-m-lg-2 {
    margin: 0.5rem !important;
  }
  .clc-my-lg-2,
  .clc-mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .clc-mx-lg-2,
  .clc-mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .clc-my-lg-2,
  .clc-mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .clc-mx-lg-2,
  .clc-ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .clc-ms-lg-2 {
    margin-inline-start: 0.5rem !important;
  }
  .clc-ms-lg-2 {
    margin-inline-end: 0.5rem !important;
  }
  .clc-m-lg-3 {
    margin: 0.75rem !important;
  }
  .clc-my-lg-3,
  .clc-mt-lg-3 {
    margin-top: 0.75rem !important;
  }
  .clc-mx-lg-3,
  .clc-mr-lg-3 {
    margin-right: 0.75rem !important;
  }
  .clc-my-lg-3,
  .clc-mb-lg-3 {
    margin-bottom: 0.75rem !important;
  }
  .clc-mx-lg-3,
  .clc-ml-lg-3 {
    margin-left: 0.75rem !important;
  }
  .clc-ms-lg-3 {
    margin-inline-start: 0.75rem !important;
  }
  .clc-ms-lg-3 {
    margin-inline-end: 0.75rem !important;
  }
  .clc-m-lg-4 {
    margin: 1rem !important;
  }
  .clc-my-lg-4,
  .clc-mt-lg-4 {
    margin-top: 1rem !important;
  }
  .clc-mx-lg-4,
  .clc-mr-lg-4 {
    margin-right: 1rem !important;
  }
  .clc-my-lg-4,
  .clc-mb-lg-4 {
    margin-bottom: 1rem !important;
  }
  .clc-mx-lg-4,
  .clc-ml-lg-4 {
    margin-left: 1rem !important;
  }
  .clc-ms-lg-4 {
    margin-inline-start: 1rem !important;
  }
  .clc-ms-lg-4 {
    margin-inline-end: 1rem !important;
  }
  .clc-m-lg-5 {
    margin: 1.25rem !important;
  }
  .clc-my-lg-5,
  .clc-mt-lg-5 {
    margin-top: 1.25rem !important;
  }
  .clc-mx-lg-5,
  .clc-mr-lg-5 {
    margin-right: 1.25rem !important;
  }
  .clc-my-lg-5,
  .clc-mb-lg-5 {
    margin-bottom: 1.25rem !important;
  }
  .clc-mx-lg-5,
  .clc-ml-lg-5 {
    margin-left: 1.25rem !important;
  }
  .clc-ms-lg-5 {
    margin-inline-start: 1.25rem !important;
  }
  .clc-ms-lg-5 {
    margin-inline-end: 1.25rem !important;
  }
  .clc-m-lg-6 {
    margin: 1.5rem !important;
  }
  .clc-my-lg-6,
  .clc-mt-lg-6 {
    margin-top: 1.5rem !important;
  }
  .clc-mx-lg-6,
  .clc-mr-lg-6 {
    margin-right: 1.5rem !important;
  }
  .clc-my-lg-6,
  .clc-mb-lg-6 {
    margin-bottom: 1.5rem !important;
  }
  .clc-mx-lg-6,
  .clc-ml-lg-6 {
    margin-left: 1.5rem !important;
  }
  .clc-ms-lg-6 {
    margin-inline-start: 1.5rem !important;
  }
  .clc-ms-lg-6 {
    margin-inline-end: 1.5rem !important;
  }
  .clc-m-lg-7 {
    margin: 1.75rem !important;
  }
  .clc-my-lg-7,
  .clc-mt-lg-7 {
    margin-top: 1.75rem !important;
  }
  .clc-mx-lg-7,
  .clc-mr-lg-7 {
    margin-right: 1.75rem !important;
  }
  .clc-my-lg-7,
  .clc-mb-lg-7 {
    margin-bottom: 1.75rem !important;
  }
  .clc-mx-lg-7,
  .clc-ml-lg-7 {
    margin-left: 1.75rem !important;
  }
  .clc-ms-lg-7 {
    margin-inline-start: 1.75rem !important;
  }
  .clc-ms-lg-7 {
    margin-inline-end: 1.75rem !important;
  }
  .clc-m-lg-8 {
    margin: 2rem !important;
  }
  .clc-my-lg-8,
  .clc-mt-lg-8 {
    margin-top: 2rem !important;
  }
  .clc-mx-lg-8,
  .clc-mr-lg-8 {
    margin-right: 2rem !important;
  }
  .clc-my-lg-8,
  .clc-mb-lg-8 {
    margin-bottom: 2rem !important;
  }
  .clc-mx-lg-8,
  .clc-ml-lg-8 {
    margin-left: 2rem !important;
  }
  .clc-ms-lg-8 {
    margin-inline-start: 2rem !important;
  }
  .clc-ms-lg-8 {
    margin-inline-end: 2rem !important;
  }
  .clc-m-lg-9 {
    margin: 2.25rem !important;
  }
  .clc-my-lg-9,
  .clc-mt-lg-9 {
    margin-top: 2.25rem !important;
  }
  .clc-mx-lg-9,
  .clc-mr-lg-9 {
    margin-right: 2.25rem !important;
  }
  .clc-my-lg-9,
  .clc-mb-lg-9 {
    margin-bottom: 2.25rem !important;
  }
  .clc-mx-lg-9,
  .clc-ml-lg-9 {
    margin-left: 2.25rem !important;
  }
  .clc-ms-lg-9 {
    margin-inline-start: 2.25rem !important;
  }
  .clc-ms-lg-9 {
    margin-inline-end: 2.25rem !important;
  }
  .clc-m-lg-10 {
    margin: 2.5rem !important;
  }
  .clc-my-lg-10,
  .clc-mt-lg-10 {
    margin-top: 2.5rem !important;
  }
  .clc-mx-lg-10,
  .clc-mr-lg-10 {
    margin-right: 2.5rem !important;
  }
  .clc-my-lg-10,
  .clc-mb-lg-10 {
    margin-bottom: 2.5rem !important;
  }
  .clc-mx-lg-10,
  .clc-ml-lg-10 {
    margin-left: 2.5rem !important;
  }
  .clc-ms-lg-10 {
    margin-inline-start: 2.5rem !important;
  }
  .clc-ms-lg-10 {
    margin-inline-end: 2.5rem !important;
  }
  .clc-m-lg-11 {
    margin: 2.75rem !important;
  }
  .clc-my-lg-11,
  .clc-mt-lg-11 {
    margin-top: 2.75rem !important;
  }
  .clc-mx-lg-11,
  .clc-mr-lg-11 {
    margin-right: 2.75rem !important;
  }
  .clc-my-lg-11,
  .clc-mb-lg-11 {
    margin-bottom: 2.75rem !important;
  }
  .clc-mx-lg-11,
  .clc-ml-lg-11 {
    margin-left: 2.75rem !important;
  }
  .clc-ms-lg-11 {
    margin-inline-start: 2.75rem !important;
  }
  .clc-ms-lg-11 {
    margin-inline-end: 2.75rem !important;
  }
  .clc-m-lg-12 {
    margin: 3rem !important;
  }
  .clc-my-lg-12,
  .clc-mt-lg-12 {
    margin-top: 3rem !important;
  }
  .clc-mx-lg-12,
  .clc-mr-lg-12 {
    margin-right: 3rem !important;
  }
  .clc-my-lg-12,
  .clc-mb-lg-12 {
    margin-bottom: 3rem !important;
  }
  .clc-mx-lg-12,
  .clc-ml-lg-12 {
    margin-left: 3rem !important;
  }
  .clc-ms-lg-12 {
    margin-inline-start: 3rem !important;
  }
  .clc-ms-lg-12 {
    margin-inline-end: 3rem !important;
  }
  .clc-p-lg-0 {
    padding: 0 !important;
  }
  .clc-py-lg-0,
  .clc-pt-lg-0 {
    padding-top: 0 !important;
  }
  .clc-px-lg-0,
  .clc-pr-lg-0 {
    padding-right: 0 !important;
  }
  .clc-py-lg-0,
  .clc-pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .clc-px-lg-0,
  .clc-pl-lg-0 {
    padding-left: 0 !important;
  }
  .clc-ps-lg-0 {
    padding-inline-start: 0 !important;
  }
  .clc-ps-lg-0 {
    padding-inline-end: 0 !important;
  }
  .clc-p-lg-05 {
    padding: 0.125rem !important;
  }
  .clc-py-lg-05,
  .clc-pt-lg-05 {
    padding-top: 0.125rem !important;
  }
  .clc-px-lg-05,
  .clc-pr-lg-05 {
    padding-right: 0.125rem !important;
  }
  .clc-py-lg-05,
  .clc-pb-lg-05 {
    padding-bottom: 0.125rem !important;
  }
  .clc-px-lg-05,
  .clc-pl-lg-05 {
    padding-left: 0.125rem !important;
  }
  .clc-ps-lg-05 {
    padding-inline-start: 0.125rem !important;
  }
  .clc-ps-lg-05 {
    padding-inline-end: 0.125rem !important;
  }
  .clc-p-lg-1 {
    padding: 0.25rem !important;
  }
  .clc-py-lg-1,
  .clc-pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .clc-px-lg-1,
  .clc-pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .clc-py-lg-1,
  .clc-pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .clc-px-lg-1,
  .clc-pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .clc-ps-lg-1 {
    padding-inline-start: 0.25rem !important;
  }
  .clc-ps-lg-1 {
    padding-inline-end: 0.25rem !important;
  }
  .clc-p-lg-2 {
    padding: 0.5rem !important;
  }
  .clc-py-lg-2,
  .clc-pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .clc-px-lg-2,
  .clc-pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .clc-py-lg-2,
  .clc-pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .clc-px-lg-2,
  .clc-pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .clc-ps-lg-2 {
    padding-inline-start: 0.5rem !important;
  }
  .clc-ps-lg-2 {
    padding-inline-end: 0.5rem !important;
  }
  .clc-p-lg-3 {
    padding: 0.75rem !important;
  }
  .clc-py-lg-3,
  .clc-pt-lg-3 {
    padding-top: 0.75rem !important;
  }
  .clc-px-lg-3,
  .clc-pr-lg-3 {
    padding-right: 0.75rem !important;
  }
  .clc-py-lg-3,
  .clc-pb-lg-3 {
    padding-bottom: 0.75rem !important;
  }
  .clc-px-lg-3,
  .clc-pl-lg-3 {
    padding-left: 0.75rem !important;
  }
  .clc-ps-lg-3 {
    padding-inline-start: 0.75rem !important;
  }
  .clc-ps-lg-3 {
    padding-inline-end: 0.75rem !important;
  }
  .clc-p-lg-4 {
    padding: 1rem !important;
  }
  .clc-py-lg-4,
  .clc-pt-lg-4 {
    padding-top: 1rem !important;
  }
  .clc-px-lg-4,
  .clc-pr-lg-4 {
    padding-right: 1rem !important;
  }
  .clc-py-lg-4,
  .clc-pb-lg-4 {
    padding-bottom: 1rem !important;
  }
  .clc-px-lg-4,
  .clc-pl-lg-4 {
    padding-left: 1rem !important;
  }
  .clc-ps-lg-4 {
    padding-inline-start: 1rem !important;
  }
  .clc-ps-lg-4 {
    padding-inline-end: 1rem !important;
  }
  .clc-p-lg-5 {
    padding: 1.25rem !important;
  }
  .clc-py-lg-5,
  .clc-pt-lg-5 {
    padding-top: 1.25rem !important;
  }
  .clc-px-lg-5,
  .clc-pr-lg-5 {
    padding-right: 1.25rem !important;
  }
  .clc-py-lg-5,
  .clc-pb-lg-5 {
    padding-bottom: 1.25rem !important;
  }
  .clc-px-lg-5,
  .clc-pl-lg-5 {
    padding-left: 1.25rem !important;
  }
  .clc-ps-lg-5 {
    padding-inline-start: 1.25rem !important;
  }
  .clc-ps-lg-5 {
    padding-inline-end: 1.25rem !important;
  }
  .clc-p-lg-6 {
    padding: 1.5rem !important;
  }
  .clc-py-lg-6,
  .clc-pt-lg-6 {
    padding-top: 1.5rem !important;
  }
  .clc-px-lg-6,
  .clc-pr-lg-6 {
    padding-right: 1.5rem !important;
  }
  .clc-py-lg-6,
  .clc-pb-lg-6 {
    padding-bottom: 1.5rem !important;
  }
  .clc-px-lg-6,
  .clc-pl-lg-6 {
    padding-left: 1.5rem !important;
  }
  .clc-ps-lg-6 {
    padding-inline-start: 1.5rem !important;
  }
  .clc-ps-lg-6 {
    padding-inline-end: 1.5rem !important;
  }
  .clc-p-lg-7 {
    padding: 1.75rem !important;
  }
  .clc-py-lg-7,
  .clc-pt-lg-7 {
    padding-top: 1.75rem !important;
  }
  .clc-px-lg-7,
  .clc-pr-lg-7 {
    padding-right: 1.75rem !important;
  }
  .clc-py-lg-7,
  .clc-pb-lg-7 {
    padding-bottom: 1.75rem !important;
  }
  .clc-px-lg-7,
  .clc-pl-lg-7 {
    padding-left: 1.75rem !important;
  }
  .clc-ps-lg-7 {
    padding-inline-start: 1.75rem !important;
  }
  .clc-ps-lg-7 {
    padding-inline-end: 1.75rem !important;
  }
  .clc-p-lg-8 {
    padding: 2rem !important;
  }
  .clc-py-lg-8,
  .clc-pt-lg-8 {
    padding-top: 2rem !important;
  }
  .clc-px-lg-8,
  .clc-pr-lg-8 {
    padding-right: 2rem !important;
  }
  .clc-py-lg-8,
  .clc-pb-lg-8 {
    padding-bottom: 2rem !important;
  }
  .clc-px-lg-8,
  .clc-pl-lg-8 {
    padding-left: 2rem !important;
  }
  .clc-ps-lg-8 {
    padding-inline-start: 2rem !important;
  }
  .clc-ps-lg-8 {
    padding-inline-end: 2rem !important;
  }
  .clc-p-lg-9 {
    padding: 2.25rem !important;
  }
  .clc-py-lg-9,
  .clc-pt-lg-9 {
    padding-top: 2.25rem !important;
  }
  .clc-px-lg-9,
  .clc-pr-lg-9 {
    padding-right: 2.25rem !important;
  }
  .clc-py-lg-9,
  .clc-pb-lg-9 {
    padding-bottom: 2.25rem !important;
  }
  .clc-px-lg-9,
  .clc-pl-lg-9 {
    padding-left: 2.25rem !important;
  }
  .clc-ps-lg-9 {
    padding-inline-start: 2.25rem !important;
  }
  .clc-ps-lg-9 {
    padding-inline-end: 2.25rem !important;
  }
  .clc-p-lg-10 {
    padding: 2.5rem !important;
  }
  .clc-py-lg-10,
  .clc-pt-lg-10 {
    padding-top: 2.5rem !important;
  }
  .clc-px-lg-10,
  .clc-pr-lg-10 {
    padding-right: 2.5rem !important;
  }
  .clc-py-lg-10,
  .clc-pb-lg-10 {
    padding-bottom: 2.5rem !important;
  }
  .clc-px-lg-10,
  .clc-pl-lg-10 {
    padding-left: 2.5rem !important;
  }
  .clc-ps-lg-10 {
    padding-inline-start: 2.5rem !important;
  }
  .clc-ps-lg-10 {
    padding-inline-end: 2.5rem !important;
  }
  .clc-p-lg-11 {
    padding: 2.75rem !important;
  }
  .clc-py-lg-11,
  .clc-pt-lg-11 {
    padding-top: 2.75rem !important;
  }
  .clc-px-lg-11,
  .clc-pr-lg-11 {
    padding-right: 2.75rem !important;
  }
  .clc-py-lg-11,
  .clc-pb-lg-11 {
    padding-bottom: 2.75rem !important;
  }
  .clc-px-lg-11,
  .clc-pl-lg-11 {
    padding-left: 2.75rem !important;
  }
  .clc-ps-lg-11 {
    padding-inline-start: 2.75rem !important;
  }
  .clc-ps-lg-11 {
    padding-inline-end: 2.75rem !important;
  }
  .clc-p-lg-12 {
    padding: 3rem !important;
  }
  .clc-py-lg-12,
  .clc-pt-lg-12 {
    padding-top: 3rem !important;
  }
  .clc-px-lg-12,
  .clc-pr-lg-12 {
    padding-right: 3rem !important;
  }
  .clc-py-lg-12,
  .clc-pb-lg-12 {
    padding-bottom: 3rem !important;
  }
  .clc-px-lg-12,
  .clc-pl-lg-12 {
    padding-left: 3rem !important;
  }
  .clc-ps-lg-12 {
    padding-inline-start: 3rem !important;
  }
  .clc-ps-lg-12 {
    padding-inline-end: 3rem !important;
  }
  .clc-m-lg-auto {
    margin: auto !important;
  }
  .clc-my-lg-auto,
  .clc-mt-lg-auto {
    margin-top: auto !important;
  }
  .clc-mx-lg-auto,
  .clc-mr-lg-auto {
    margin-right: auto !important;
  }
  .clc-my-lg-auto,
  .clc-mb-lg-auto {
    margin-bottom: auto !important;
  }
  .clc-mx-lg-auto,
  .clc-ml-lg-auto {
    margin-left: auto !important;
  }
  .clc-ms-lg-auto {
    margin-inline-start: auto !important;
  }
  .clc-me-lg-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 1920px) {
  .clc-m-xl-0 {
    margin: 0 !important;
  }
  .clc-my-xl-0,
  .clc-mt-xl-0 {
    margin-top: 0 !important;
  }
  .clc-mx-xl-0,
  .clc-mr-xl-0 {
    margin-right: 0 !important;
  }
  .clc-my-xl-0,
  .clc-mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .clc-mx-xl-0,
  .clc-ml-xl-0 {
    margin-left: 0 !important;
  }
  .clc-ms-xl-0 {
    margin-inline-start: 0 !important;
  }
  .clc-ms-xl-0 {
    margin-inline-end: 0 !important;
  }
  .clc-m-xl-05 {
    margin: 0.125rem !important;
  }
  .clc-my-xl-05,
  .clc-mt-xl-05 {
    margin-top: 0.125rem !important;
  }
  .clc-mx-xl-05,
  .clc-mr-xl-05 {
    margin-right: 0.125rem !important;
  }
  .clc-my-xl-05,
  .clc-mb-xl-05 {
    margin-bottom: 0.125rem !important;
  }
  .clc-mx-xl-05,
  .clc-ml-xl-05 {
    margin-left: 0.125rem !important;
  }
  .clc-ms-xl-05 {
    margin-inline-start: 0.125rem !important;
  }
  .clc-ms-xl-05 {
    margin-inline-end: 0.125rem !important;
  }
  .clc-m-xl-1 {
    margin: 0.25rem !important;
  }
  .clc-my-xl-1,
  .clc-mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .clc-mx-xl-1,
  .clc-mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .clc-my-xl-1,
  .clc-mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .clc-mx-xl-1,
  .clc-ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .clc-ms-xl-1 {
    margin-inline-start: 0.25rem !important;
  }
  .clc-ms-xl-1 {
    margin-inline-end: 0.25rem !important;
  }
  .clc-m-xl-2 {
    margin: 0.5rem !important;
  }
  .clc-my-xl-2,
  .clc-mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .clc-mx-xl-2,
  .clc-mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .clc-my-xl-2,
  .clc-mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .clc-mx-xl-2,
  .clc-ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .clc-ms-xl-2 {
    margin-inline-start: 0.5rem !important;
  }
  .clc-ms-xl-2 {
    margin-inline-end: 0.5rem !important;
  }
  .clc-m-xl-3 {
    margin: 0.75rem !important;
  }
  .clc-my-xl-3,
  .clc-mt-xl-3 {
    margin-top: 0.75rem !important;
  }
  .clc-mx-xl-3,
  .clc-mr-xl-3 {
    margin-right: 0.75rem !important;
  }
  .clc-my-xl-3,
  .clc-mb-xl-3 {
    margin-bottom: 0.75rem !important;
  }
  .clc-mx-xl-3,
  .clc-ml-xl-3 {
    margin-left: 0.75rem !important;
  }
  .clc-ms-xl-3 {
    margin-inline-start: 0.75rem !important;
  }
  .clc-ms-xl-3 {
    margin-inline-end: 0.75rem !important;
  }
  .clc-m-xl-4 {
    margin: 1rem !important;
  }
  .clc-my-xl-4,
  .clc-mt-xl-4 {
    margin-top: 1rem !important;
  }
  .clc-mx-xl-4,
  .clc-mr-xl-4 {
    margin-right: 1rem !important;
  }
  .clc-my-xl-4,
  .clc-mb-xl-4 {
    margin-bottom: 1rem !important;
  }
  .clc-mx-xl-4,
  .clc-ml-xl-4 {
    margin-left: 1rem !important;
  }
  .clc-ms-xl-4 {
    margin-inline-start: 1rem !important;
  }
  .clc-ms-xl-4 {
    margin-inline-end: 1rem !important;
  }
  .clc-m-xl-5 {
    margin: 1.25rem !important;
  }
  .clc-my-xl-5,
  .clc-mt-xl-5 {
    margin-top: 1.25rem !important;
  }
  .clc-mx-xl-5,
  .clc-mr-xl-5 {
    margin-right: 1.25rem !important;
  }
  .clc-my-xl-5,
  .clc-mb-xl-5 {
    margin-bottom: 1.25rem !important;
  }
  .clc-mx-xl-5,
  .clc-ml-xl-5 {
    margin-left: 1.25rem !important;
  }
  .clc-ms-xl-5 {
    margin-inline-start: 1.25rem !important;
  }
  .clc-ms-xl-5 {
    margin-inline-end: 1.25rem !important;
  }
  .clc-m-xl-6 {
    margin: 1.5rem !important;
  }
  .clc-my-xl-6,
  .clc-mt-xl-6 {
    margin-top: 1.5rem !important;
  }
  .clc-mx-xl-6,
  .clc-mr-xl-6 {
    margin-right: 1.5rem !important;
  }
  .clc-my-xl-6,
  .clc-mb-xl-6 {
    margin-bottom: 1.5rem !important;
  }
  .clc-mx-xl-6,
  .clc-ml-xl-6 {
    margin-left: 1.5rem !important;
  }
  .clc-ms-xl-6 {
    margin-inline-start: 1.5rem !important;
  }
  .clc-ms-xl-6 {
    margin-inline-end: 1.5rem !important;
  }
  .clc-m-xl-7 {
    margin: 1.75rem !important;
  }
  .clc-my-xl-7,
  .clc-mt-xl-7 {
    margin-top: 1.75rem !important;
  }
  .clc-mx-xl-7,
  .clc-mr-xl-7 {
    margin-right: 1.75rem !important;
  }
  .clc-my-xl-7,
  .clc-mb-xl-7 {
    margin-bottom: 1.75rem !important;
  }
  .clc-mx-xl-7,
  .clc-ml-xl-7 {
    margin-left: 1.75rem !important;
  }
  .clc-ms-xl-7 {
    margin-inline-start: 1.75rem !important;
  }
  .clc-ms-xl-7 {
    margin-inline-end: 1.75rem !important;
  }
  .clc-m-xl-8 {
    margin: 2rem !important;
  }
  .clc-my-xl-8,
  .clc-mt-xl-8 {
    margin-top: 2rem !important;
  }
  .clc-mx-xl-8,
  .clc-mr-xl-8 {
    margin-right: 2rem !important;
  }
  .clc-my-xl-8,
  .clc-mb-xl-8 {
    margin-bottom: 2rem !important;
  }
  .clc-mx-xl-8,
  .clc-ml-xl-8 {
    margin-left: 2rem !important;
  }
  .clc-ms-xl-8 {
    margin-inline-start: 2rem !important;
  }
  .clc-ms-xl-8 {
    margin-inline-end: 2rem !important;
  }
  .clc-m-xl-9 {
    margin: 2.25rem !important;
  }
  .clc-my-xl-9,
  .clc-mt-xl-9 {
    margin-top: 2.25rem !important;
  }
  .clc-mx-xl-9,
  .clc-mr-xl-9 {
    margin-right: 2.25rem !important;
  }
  .clc-my-xl-9,
  .clc-mb-xl-9 {
    margin-bottom: 2.25rem !important;
  }
  .clc-mx-xl-9,
  .clc-ml-xl-9 {
    margin-left: 2.25rem !important;
  }
  .clc-ms-xl-9 {
    margin-inline-start: 2.25rem !important;
  }
  .clc-ms-xl-9 {
    margin-inline-end: 2.25rem !important;
  }
  .clc-m-xl-10 {
    margin: 2.5rem !important;
  }
  .clc-my-xl-10,
  .clc-mt-xl-10 {
    margin-top: 2.5rem !important;
  }
  .clc-mx-xl-10,
  .clc-mr-xl-10 {
    margin-right: 2.5rem !important;
  }
  .clc-my-xl-10,
  .clc-mb-xl-10 {
    margin-bottom: 2.5rem !important;
  }
  .clc-mx-xl-10,
  .clc-ml-xl-10 {
    margin-left: 2.5rem !important;
  }
  .clc-ms-xl-10 {
    margin-inline-start: 2.5rem !important;
  }
  .clc-ms-xl-10 {
    margin-inline-end: 2.5rem !important;
  }
  .clc-m-xl-11 {
    margin: 2.75rem !important;
  }
  .clc-my-xl-11,
  .clc-mt-xl-11 {
    margin-top: 2.75rem !important;
  }
  .clc-mx-xl-11,
  .clc-mr-xl-11 {
    margin-right: 2.75rem !important;
  }
  .clc-my-xl-11,
  .clc-mb-xl-11 {
    margin-bottom: 2.75rem !important;
  }
  .clc-mx-xl-11,
  .clc-ml-xl-11 {
    margin-left: 2.75rem !important;
  }
  .clc-ms-xl-11 {
    margin-inline-start: 2.75rem !important;
  }
  .clc-ms-xl-11 {
    margin-inline-end: 2.75rem !important;
  }
  .clc-m-xl-12 {
    margin: 3rem !important;
  }
  .clc-my-xl-12,
  .clc-mt-xl-12 {
    margin-top: 3rem !important;
  }
  .clc-mx-xl-12,
  .clc-mr-xl-12 {
    margin-right: 3rem !important;
  }
  .clc-my-xl-12,
  .clc-mb-xl-12 {
    margin-bottom: 3rem !important;
  }
  .clc-mx-xl-12,
  .clc-ml-xl-12 {
    margin-left: 3rem !important;
  }
  .clc-ms-xl-12 {
    margin-inline-start: 3rem !important;
  }
  .clc-ms-xl-12 {
    margin-inline-end: 3rem !important;
  }
  .clc-p-xl-0 {
    padding: 0 !important;
  }
  .clc-py-xl-0,
  .clc-pt-xl-0 {
    padding-top: 0 !important;
  }
  .clc-px-xl-0,
  .clc-pr-xl-0 {
    padding-right: 0 !important;
  }
  .clc-py-xl-0,
  .clc-pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .clc-px-xl-0,
  .clc-pl-xl-0 {
    padding-left: 0 !important;
  }
  .clc-ps-xl-0 {
    padding-inline-start: 0 !important;
  }
  .clc-ps-xl-0 {
    padding-inline-end: 0 !important;
  }
  .clc-p-xl-05 {
    padding: 0.125rem !important;
  }
  .clc-py-xl-05,
  .clc-pt-xl-05 {
    padding-top: 0.125rem !important;
  }
  .clc-px-xl-05,
  .clc-pr-xl-05 {
    padding-right: 0.125rem !important;
  }
  .clc-py-xl-05,
  .clc-pb-xl-05 {
    padding-bottom: 0.125rem !important;
  }
  .clc-px-xl-05,
  .clc-pl-xl-05 {
    padding-left: 0.125rem !important;
  }
  .clc-ps-xl-05 {
    padding-inline-start: 0.125rem !important;
  }
  .clc-ps-xl-05 {
    padding-inline-end: 0.125rem !important;
  }
  .clc-p-xl-1 {
    padding: 0.25rem !important;
  }
  .clc-py-xl-1,
  .clc-pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .clc-px-xl-1,
  .clc-pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .clc-py-xl-1,
  .clc-pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .clc-px-xl-1,
  .clc-pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .clc-ps-xl-1 {
    padding-inline-start: 0.25rem !important;
  }
  .clc-ps-xl-1 {
    padding-inline-end: 0.25rem !important;
  }
  .clc-p-xl-2 {
    padding: 0.5rem !important;
  }
  .clc-py-xl-2,
  .clc-pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .clc-px-xl-2,
  .clc-pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .clc-py-xl-2,
  .clc-pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .clc-px-xl-2,
  .clc-pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .clc-ps-xl-2 {
    padding-inline-start: 0.5rem !important;
  }
  .clc-ps-xl-2 {
    padding-inline-end: 0.5rem !important;
  }
  .clc-p-xl-3 {
    padding: 0.75rem !important;
  }
  .clc-py-xl-3,
  .clc-pt-xl-3 {
    padding-top: 0.75rem !important;
  }
  .clc-px-xl-3,
  .clc-pr-xl-3 {
    padding-right: 0.75rem !important;
  }
  .clc-py-xl-3,
  .clc-pb-xl-3 {
    padding-bottom: 0.75rem !important;
  }
  .clc-px-xl-3,
  .clc-pl-xl-3 {
    padding-left: 0.75rem !important;
  }
  .clc-ps-xl-3 {
    padding-inline-start: 0.75rem !important;
  }
  .clc-ps-xl-3 {
    padding-inline-end: 0.75rem !important;
  }
  .clc-p-xl-4 {
    padding: 1rem !important;
  }
  .clc-py-xl-4,
  .clc-pt-xl-4 {
    padding-top: 1rem !important;
  }
  .clc-px-xl-4,
  .clc-pr-xl-4 {
    padding-right: 1rem !important;
  }
  .clc-py-xl-4,
  .clc-pb-xl-4 {
    padding-bottom: 1rem !important;
  }
  .clc-px-xl-4,
  .clc-pl-xl-4 {
    padding-left: 1rem !important;
  }
  .clc-ps-xl-4 {
    padding-inline-start: 1rem !important;
  }
  .clc-ps-xl-4 {
    padding-inline-end: 1rem !important;
  }
  .clc-p-xl-5 {
    padding: 1.25rem !important;
  }
  .clc-py-xl-5,
  .clc-pt-xl-5 {
    padding-top: 1.25rem !important;
  }
  .clc-px-xl-5,
  .clc-pr-xl-5 {
    padding-right: 1.25rem !important;
  }
  .clc-py-xl-5,
  .clc-pb-xl-5 {
    padding-bottom: 1.25rem !important;
  }
  .clc-px-xl-5,
  .clc-pl-xl-5 {
    padding-left: 1.25rem !important;
  }
  .clc-ps-xl-5 {
    padding-inline-start: 1.25rem !important;
  }
  .clc-ps-xl-5 {
    padding-inline-end: 1.25rem !important;
  }
  .clc-p-xl-6 {
    padding: 1.5rem !important;
  }
  .clc-py-xl-6,
  .clc-pt-xl-6 {
    padding-top: 1.5rem !important;
  }
  .clc-px-xl-6,
  .clc-pr-xl-6 {
    padding-right: 1.5rem !important;
  }
  .clc-py-xl-6,
  .clc-pb-xl-6 {
    padding-bottom: 1.5rem !important;
  }
  .clc-px-xl-6,
  .clc-pl-xl-6 {
    padding-left: 1.5rem !important;
  }
  .clc-ps-xl-6 {
    padding-inline-start: 1.5rem !important;
  }
  .clc-ps-xl-6 {
    padding-inline-end: 1.5rem !important;
  }
  .clc-p-xl-7 {
    padding: 1.75rem !important;
  }
  .clc-py-xl-7,
  .clc-pt-xl-7 {
    padding-top: 1.75rem !important;
  }
  .clc-px-xl-7,
  .clc-pr-xl-7 {
    padding-right: 1.75rem !important;
  }
  .clc-py-xl-7,
  .clc-pb-xl-7 {
    padding-bottom: 1.75rem !important;
  }
  .clc-px-xl-7,
  .clc-pl-xl-7 {
    padding-left: 1.75rem !important;
  }
  .clc-ps-xl-7 {
    padding-inline-start: 1.75rem !important;
  }
  .clc-ps-xl-7 {
    padding-inline-end: 1.75rem !important;
  }
  .clc-p-xl-8 {
    padding: 2rem !important;
  }
  .clc-py-xl-8,
  .clc-pt-xl-8 {
    padding-top: 2rem !important;
  }
  .clc-px-xl-8,
  .clc-pr-xl-8 {
    padding-right: 2rem !important;
  }
  .clc-py-xl-8,
  .clc-pb-xl-8 {
    padding-bottom: 2rem !important;
  }
  .clc-px-xl-8,
  .clc-pl-xl-8 {
    padding-left: 2rem !important;
  }
  .clc-ps-xl-8 {
    padding-inline-start: 2rem !important;
  }
  .clc-ps-xl-8 {
    padding-inline-end: 2rem !important;
  }
  .clc-p-xl-9 {
    padding: 2.25rem !important;
  }
  .clc-py-xl-9,
  .clc-pt-xl-9 {
    padding-top: 2.25rem !important;
  }
  .clc-px-xl-9,
  .clc-pr-xl-9 {
    padding-right: 2.25rem !important;
  }
  .clc-py-xl-9,
  .clc-pb-xl-9 {
    padding-bottom: 2.25rem !important;
  }
  .clc-px-xl-9,
  .clc-pl-xl-9 {
    padding-left: 2.25rem !important;
  }
  .clc-ps-xl-9 {
    padding-inline-start: 2.25rem !important;
  }
  .clc-ps-xl-9 {
    padding-inline-end: 2.25rem !important;
  }
  .clc-p-xl-10 {
    padding: 2.5rem !important;
  }
  .clc-py-xl-10,
  .clc-pt-xl-10 {
    padding-top: 2.5rem !important;
  }
  .clc-px-xl-10,
  .clc-pr-xl-10 {
    padding-right: 2.5rem !important;
  }
  .clc-py-xl-10,
  .clc-pb-xl-10 {
    padding-bottom: 2.5rem !important;
  }
  .clc-px-xl-10,
  .clc-pl-xl-10 {
    padding-left: 2.5rem !important;
  }
  .clc-ps-xl-10 {
    padding-inline-start: 2.5rem !important;
  }
  .clc-ps-xl-10 {
    padding-inline-end: 2.5rem !important;
  }
  .clc-p-xl-11 {
    padding: 2.75rem !important;
  }
  .clc-py-xl-11,
  .clc-pt-xl-11 {
    padding-top: 2.75rem !important;
  }
  .clc-px-xl-11,
  .clc-pr-xl-11 {
    padding-right: 2.75rem !important;
  }
  .clc-py-xl-11,
  .clc-pb-xl-11 {
    padding-bottom: 2.75rem !important;
  }
  .clc-px-xl-11,
  .clc-pl-xl-11 {
    padding-left: 2.75rem !important;
  }
  .clc-ps-xl-11 {
    padding-inline-start: 2.75rem !important;
  }
  .clc-ps-xl-11 {
    padding-inline-end: 2.75rem !important;
  }
  .clc-p-xl-12 {
    padding: 3rem !important;
  }
  .clc-py-xl-12,
  .clc-pt-xl-12 {
    padding-top: 3rem !important;
  }
  .clc-px-xl-12,
  .clc-pr-xl-12 {
    padding-right: 3rem !important;
  }
  .clc-py-xl-12,
  .clc-pb-xl-12 {
    padding-bottom: 3rem !important;
  }
  .clc-px-xl-12,
  .clc-pl-xl-12 {
    padding-left: 3rem !important;
  }
  .clc-ps-xl-12 {
    padding-inline-start: 3rem !important;
  }
  .clc-ps-xl-12 {
    padding-inline-end: 3rem !important;
  }
  .clc-m-xl-auto {
    margin: auto !important;
  }
  .clc-my-xl-auto,
  .clc-mt-xl-auto {
    margin-top: auto !important;
  }
  .clc-mx-xl-auto,
  .clc-mr-xl-auto {
    margin-right: auto !important;
  }
  .clc-my-xl-auto,
  .clc-mb-xl-auto {
    margin-bottom: auto !important;
  }
  .clc-mx-xl-auto,
  .clc-ml-xl-auto {
    margin-left: auto !important;
  }
  .clc-ms-xl-auto {
    margin-inline-start: auto !important;
  }
  .clc-me-xl-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 2560px) {
  .clc-m-xx-0 {
    margin: 0 !important;
  }
  .clc-my-xx-0,
  .clc-mt-xx-0 {
    margin-top: 0 !important;
  }
  .clc-mx-xx-0,
  .clc-mr-xx-0 {
    margin-right: 0 !important;
  }
  .clc-my-xx-0,
  .clc-mb-xx-0 {
    margin-bottom: 0 !important;
  }
  .clc-mx-xx-0,
  .clc-ml-xx-0 {
    margin-left: 0 !important;
  }
  .clc-ms-xx-0 {
    margin-inline-start: 0 !important;
  }
  .clc-ms-xx-0 {
    margin-inline-end: 0 !important;
  }
  .clc-m-xx-05 {
    margin: 0.125rem !important;
  }
  .clc-my-xx-05,
  .clc-mt-xx-05 {
    margin-top: 0.125rem !important;
  }
  .clc-mx-xx-05,
  .clc-mr-xx-05 {
    margin-right: 0.125rem !important;
  }
  .clc-my-xx-05,
  .clc-mb-xx-05 {
    margin-bottom: 0.125rem !important;
  }
  .clc-mx-xx-05,
  .clc-ml-xx-05 {
    margin-left: 0.125rem !important;
  }
  .clc-ms-xx-05 {
    margin-inline-start: 0.125rem !important;
  }
  .clc-ms-xx-05 {
    margin-inline-end: 0.125rem !important;
  }
  .clc-m-xx-1 {
    margin: 0.25rem !important;
  }
  .clc-my-xx-1,
  .clc-mt-xx-1 {
    margin-top: 0.25rem !important;
  }
  .clc-mx-xx-1,
  .clc-mr-xx-1 {
    margin-right: 0.25rem !important;
  }
  .clc-my-xx-1,
  .clc-mb-xx-1 {
    margin-bottom: 0.25rem !important;
  }
  .clc-mx-xx-1,
  .clc-ml-xx-1 {
    margin-left: 0.25rem !important;
  }
  .clc-ms-xx-1 {
    margin-inline-start: 0.25rem !important;
  }
  .clc-ms-xx-1 {
    margin-inline-end: 0.25rem !important;
  }
  .clc-m-xx-2 {
    margin: 0.5rem !important;
  }
  .clc-my-xx-2,
  .clc-mt-xx-2 {
    margin-top: 0.5rem !important;
  }
  .clc-mx-xx-2,
  .clc-mr-xx-2 {
    margin-right: 0.5rem !important;
  }
  .clc-my-xx-2,
  .clc-mb-xx-2 {
    margin-bottom: 0.5rem !important;
  }
  .clc-mx-xx-2,
  .clc-ml-xx-2 {
    margin-left: 0.5rem !important;
  }
  .clc-ms-xx-2 {
    margin-inline-start: 0.5rem !important;
  }
  .clc-ms-xx-2 {
    margin-inline-end: 0.5rem !important;
  }
  .clc-m-xx-3 {
    margin: 0.75rem !important;
  }
  .clc-my-xx-3,
  .clc-mt-xx-3 {
    margin-top: 0.75rem !important;
  }
  .clc-mx-xx-3,
  .clc-mr-xx-3 {
    margin-right: 0.75rem !important;
  }
  .clc-my-xx-3,
  .clc-mb-xx-3 {
    margin-bottom: 0.75rem !important;
  }
  .clc-mx-xx-3,
  .clc-ml-xx-3 {
    margin-left: 0.75rem !important;
  }
  .clc-ms-xx-3 {
    margin-inline-start: 0.75rem !important;
  }
  .clc-ms-xx-3 {
    margin-inline-end: 0.75rem !important;
  }
  .clc-m-xx-4 {
    margin: 1rem !important;
  }
  .clc-my-xx-4,
  .clc-mt-xx-4 {
    margin-top: 1rem !important;
  }
  .clc-mx-xx-4,
  .clc-mr-xx-4 {
    margin-right: 1rem !important;
  }
  .clc-my-xx-4,
  .clc-mb-xx-4 {
    margin-bottom: 1rem !important;
  }
  .clc-mx-xx-4,
  .clc-ml-xx-4 {
    margin-left: 1rem !important;
  }
  .clc-ms-xx-4 {
    margin-inline-start: 1rem !important;
  }
  .clc-ms-xx-4 {
    margin-inline-end: 1rem !important;
  }
  .clc-m-xx-5 {
    margin: 1.25rem !important;
  }
  .clc-my-xx-5,
  .clc-mt-xx-5 {
    margin-top: 1.25rem !important;
  }
  .clc-mx-xx-5,
  .clc-mr-xx-5 {
    margin-right: 1.25rem !important;
  }
  .clc-my-xx-5,
  .clc-mb-xx-5 {
    margin-bottom: 1.25rem !important;
  }
  .clc-mx-xx-5,
  .clc-ml-xx-5 {
    margin-left: 1.25rem !important;
  }
  .clc-ms-xx-5 {
    margin-inline-start: 1.25rem !important;
  }
  .clc-ms-xx-5 {
    margin-inline-end: 1.25rem !important;
  }
  .clc-m-xx-6 {
    margin: 1.5rem !important;
  }
  .clc-my-xx-6,
  .clc-mt-xx-6 {
    margin-top: 1.5rem !important;
  }
  .clc-mx-xx-6,
  .clc-mr-xx-6 {
    margin-right: 1.5rem !important;
  }
  .clc-my-xx-6,
  .clc-mb-xx-6 {
    margin-bottom: 1.5rem !important;
  }
  .clc-mx-xx-6,
  .clc-ml-xx-6 {
    margin-left: 1.5rem !important;
  }
  .clc-ms-xx-6 {
    margin-inline-start: 1.5rem !important;
  }
  .clc-ms-xx-6 {
    margin-inline-end: 1.5rem !important;
  }
  .clc-m-xx-7 {
    margin: 1.75rem !important;
  }
  .clc-my-xx-7,
  .clc-mt-xx-7 {
    margin-top: 1.75rem !important;
  }
  .clc-mx-xx-7,
  .clc-mr-xx-7 {
    margin-right: 1.75rem !important;
  }
  .clc-my-xx-7,
  .clc-mb-xx-7 {
    margin-bottom: 1.75rem !important;
  }
  .clc-mx-xx-7,
  .clc-ml-xx-7 {
    margin-left: 1.75rem !important;
  }
  .clc-ms-xx-7 {
    margin-inline-start: 1.75rem !important;
  }
  .clc-ms-xx-7 {
    margin-inline-end: 1.75rem !important;
  }
  .clc-m-xx-8 {
    margin: 2rem !important;
  }
  .clc-my-xx-8,
  .clc-mt-xx-8 {
    margin-top: 2rem !important;
  }
  .clc-mx-xx-8,
  .clc-mr-xx-8 {
    margin-right: 2rem !important;
  }
  .clc-my-xx-8,
  .clc-mb-xx-8 {
    margin-bottom: 2rem !important;
  }
  .clc-mx-xx-8,
  .clc-ml-xx-8 {
    margin-left: 2rem !important;
  }
  .clc-ms-xx-8 {
    margin-inline-start: 2rem !important;
  }
  .clc-ms-xx-8 {
    margin-inline-end: 2rem !important;
  }
  .clc-m-xx-9 {
    margin: 2.25rem !important;
  }
  .clc-my-xx-9,
  .clc-mt-xx-9 {
    margin-top: 2.25rem !important;
  }
  .clc-mx-xx-9,
  .clc-mr-xx-9 {
    margin-right: 2.25rem !important;
  }
  .clc-my-xx-9,
  .clc-mb-xx-9 {
    margin-bottom: 2.25rem !important;
  }
  .clc-mx-xx-9,
  .clc-ml-xx-9 {
    margin-left: 2.25rem !important;
  }
  .clc-ms-xx-9 {
    margin-inline-start: 2.25rem !important;
  }
  .clc-ms-xx-9 {
    margin-inline-end: 2.25rem !important;
  }
  .clc-m-xx-10 {
    margin: 2.5rem !important;
  }
  .clc-my-xx-10,
  .clc-mt-xx-10 {
    margin-top: 2.5rem !important;
  }
  .clc-mx-xx-10,
  .clc-mr-xx-10 {
    margin-right: 2.5rem !important;
  }
  .clc-my-xx-10,
  .clc-mb-xx-10 {
    margin-bottom: 2.5rem !important;
  }
  .clc-mx-xx-10,
  .clc-ml-xx-10 {
    margin-left: 2.5rem !important;
  }
  .clc-ms-xx-10 {
    margin-inline-start: 2.5rem !important;
  }
  .clc-ms-xx-10 {
    margin-inline-end: 2.5rem !important;
  }
  .clc-m-xx-11 {
    margin: 2.75rem !important;
  }
  .clc-my-xx-11,
  .clc-mt-xx-11 {
    margin-top: 2.75rem !important;
  }
  .clc-mx-xx-11,
  .clc-mr-xx-11 {
    margin-right: 2.75rem !important;
  }
  .clc-my-xx-11,
  .clc-mb-xx-11 {
    margin-bottom: 2.75rem !important;
  }
  .clc-mx-xx-11,
  .clc-ml-xx-11 {
    margin-left: 2.75rem !important;
  }
  .clc-ms-xx-11 {
    margin-inline-start: 2.75rem !important;
  }
  .clc-ms-xx-11 {
    margin-inline-end: 2.75rem !important;
  }
  .clc-m-xx-12 {
    margin: 3rem !important;
  }
  .clc-my-xx-12,
  .clc-mt-xx-12 {
    margin-top: 3rem !important;
  }
  .clc-mx-xx-12,
  .clc-mr-xx-12 {
    margin-right: 3rem !important;
  }
  .clc-my-xx-12,
  .clc-mb-xx-12 {
    margin-bottom: 3rem !important;
  }
  .clc-mx-xx-12,
  .clc-ml-xx-12 {
    margin-left: 3rem !important;
  }
  .clc-ms-xx-12 {
    margin-inline-start: 3rem !important;
  }
  .clc-ms-xx-12 {
    margin-inline-end: 3rem !important;
  }
  .clc-p-xx-0 {
    padding: 0 !important;
  }
  .clc-py-xx-0,
  .clc-pt-xx-0 {
    padding-top: 0 !important;
  }
  .clc-px-xx-0,
  .clc-pr-xx-0 {
    padding-right: 0 !important;
  }
  .clc-py-xx-0,
  .clc-pb-xx-0 {
    padding-bottom: 0 !important;
  }
  .clc-px-xx-0,
  .clc-pl-xx-0 {
    padding-left: 0 !important;
  }
  .clc-ps-xx-0 {
    padding-inline-start: 0 !important;
  }
  .clc-ps-xx-0 {
    padding-inline-end: 0 !important;
  }
  .clc-p-xx-05 {
    padding: 0.125rem !important;
  }
  .clc-py-xx-05,
  .clc-pt-xx-05 {
    padding-top: 0.125rem !important;
  }
  .clc-px-xx-05,
  .clc-pr-xx-05 {
    padding-right: 0.125rem !important;
  }
  .clc-py-xx-05,
  .clc-pb-xx-05 {
    padding-bottom: 0.125rem !important;
  }
  .clc-px-xx-05,
  .clc-pl-xx-05 {
    padding-left: 0.125rem !important;
  }
  .clc-ps-xx-05 {
    padding-inline-start: 0.125rem !important;
  }
  .clc-ps-xx-05 {
    padding-inline-end: 0.125rem !important;
  }
  .clc-p-xx-1 {
    padding: 0.25rem !important;
  }
  .clc-py-xx-1,
  .clc-pt-xx-1 {
    padding-top: 0.25rem !important;
  }
  .clc-px-xx-1,
  .clc-pr-xx-1 {
    padding-right: 0.25rem !important;
  }
  .clc-py-xx-1,
  .clc-pb-xx-1 {
    padding-bottom: 0.25rem !important;
  }
  .clc-px-xx-1,
  .clc-pl-xx-1 {
    padding-left: 0.25rem !important;
  }
  .clc-ps-xx-1 {
    padding-inline-start: 0.25rem !important;
  }
  .clc-ps-xx-1 {
    padding-inline-end: 0.25rem !important;
  }
  .clc-p-xx-2 {
    padding: 0.5rem !important;
  }
  .clc-py-xx-2,
  .clc-pt-xx-2 {
    padding-top: 0.5rem !important;
  }
  .clc-px-xx-2,
  .clc-pr-xx-2 {
    padding-right: 0.5rem !important;
  }
  .clc-py-xx-2,
  .clc-pb-xx-2 {
    padding-bottom: 0.5rem !important;
  }
  .clc-px-xx-2,
  .clc-pl-xx-2 {
    padding-left: 0.5rem !important;
  }
  .clc-ps-xx-2 {
    padding-inline-start: 0.5rem !important;
  }
  .clc-ps-xx-2 {
    padding-inline-end: 0.5rem !important;
  }
  .clc-p-xx-3 {
    padding: 0.75rem !important;
  }
  .clc-py-xx-3,
  .clc-pt-xx-3 {
    padding-top: 0.75rem !important;
  }
  .clc-px-xx-3,
  .clc-pr-xx-3 {
    padding-right: 0.75rem !important;
  }
  .clc-py-xx-3,
  .clc-pb-xx-3 {
    padding-bottom: 0.75rem !important;
  }
  .clc-px-xx-3,
  .clc-pl-xx-3 {
    padding-left: 0.75rem !important;
  }
  .clc-ps-xx-3 {
    padding-inline-start: 0.75rem !important;
  }
  .clc-ps-xx-3 {
    padding-inline-end: 0.75rem !important;
  }
  .clc-p-xx-4 {
    padding: 1rem !important;
  }
  .clc-py-xx-4,
  .clc-pt-xx-4 {
    padding-top: 1rem !important;
  }
  .clc-px-xx-4,
  .clc-pr-xx-4 {
    padding-right: 1rem !important;
  }
  .clc-py-xx-4,
  .clc-pb-xx-4 {
    padding-bottom: 1rem !important;
  }
  .clc-px-xx-4,
  .clc-pl-xx-4 {
    padding-left: 1rem !important;
  }
  .clc-ps-xx-4 {
    padding-inline-start: 1rem !important;
  }
  .clc-ps-xx-4 {
    padding-inline-end: 1rem !important;
  }
  .clc-p-xx-5 {
    padding: 1.25rem !important;
  }
  .clc-py-xx-5,
  .clc-pt-xx-5 {
    padding-top: 1.25rem !important;
  }
  .clc-px-xx-5,
  .clc-pr-xx-5 {
    padding-right: 1.25rem !important;
  }
  .clc-py-xx-5,
  .clc-pb-xx-5 {
    padding-bottom: 1.25rem !important;
  }
  .clc-px-xx-5,
  .clc-pl-xx-5 {
    padding-left: 1.25rem !important;
  }
  .clc-ps-xx-5 {
    padding-inline-start: 1.25rem !important;
  }
  .clc-ps-xx-5 {
    padding-inline-end: 1.25rem !important;
  }
  .clc-p-xx-6 {
    padding: 1.5rem !important;
  }
  .clc-py-xx-6,
  .clc-pt-xx-6 {
    padding-top: 1.5rem !important;
  }
  .clc-px-xx-6,
  .clc-pr-xx-6 {
    padding-right: 1.5rem !important;
  }
  .clc-py-xx-6,
  .clc-pb-xx-6 {
    padding-bottom: 1.5rem !important;
  }
  .clc-px-xx-6,
  .clc-pl-xx-6 {
    padding-left: 1.5rem !important;
  }
  .clc-ps-xx-6 {
    padding-inline-start: 1.5rem !important;
  }
  .clc-ps-xx-6 {
    padding-inline-end: 1.5rem !important;
  }
  .clc-p-xx-7 {
    padding: 1.75rem !important;
  }
  .clc-py-xx-7,
  .clc-pt-xx-7 {
    padding-top: 1.75rem !important;
  }
  .clc-px-xx-7,
  .clc-pr-xx-7 {
    padding-right: 1.75rem !important;
  }
  .clc-py-xx-7,
  .clc-pb-xx-7 {
    padding-bottom: 1.75rem !important;
  }
  .clc-px-xx-7,
  .clc-pl-xx-7 {
    padding-left: 1.75rem !important;
  }
  .clc-ps-xx-7 {
    padding-inline-start: 1.75rem !important;
  }
  .clc-ps-xx-7 {
    padding-inline-end: 1.75rem !important;
  }
  .clc-p-xx-8 {
    padding: 2rem !important;
  }
  .clc-py-xx-8,
  .clc-pt-xx-8 {
    padding-top: 2rem !important;
  }
  .clc-px-xx-8,
  .clc-pr-xx-8 {
    padding-right: 2rem !important;
  }
  .clc-py-xx-8,
  .clc-pb-xx-8 {
    padding-bottom: 2rem !important;
  }
  .clc-px-xx-8,
  .clc-pl-xx-8 {
    padding-left: 2rem !important;
  }
  .clc-ps-xx-8 {
    padding-inline-start: 2rem !important;
  }
  .clc-ps-xx-8 {
    padding-inline-end: 2rem !important;
  }
  .clc-p-xx-9 {
    padding: 2.25rem !important;
  }
  .clc-py-xx-9,
  .clc-pt-xx-9 {
    padding-top: 2.25rem !important;
  }
  .clc-px-xx-9,
  .clc-pr-xx-9 {
    padding-right: 2.25rem !important;
  }
  .clc-py-xx-9,
  .clc-pb-xx-9 {
    padding-bottom: 2.25rem !important;
  }
  .clc-px-xx-9,
  .clc-pl-xx-9 {
    padding-left: 2.25rem !important;
  }
  .clc-ps-xx-9 {
    padding-inline-start: 2.25rem !important;
  }
  .clc-ps-xx-9 {
    padding-inline-end: 2.25rem !important;
  }
  .clc-p-xx-10 {
    padding: 2.5rem !important;
  }
  .clc-py-xx-10,
  .clc-pt-xx-10 {
    padding-top: 2.5rem !important;
  }
  .clc-px-xx-10,
  .clc-pr-xx-10 {
    padding-right: 2.5rem !important;
  }
  .clc-py-xx-10,
  .clc-pb-xx-10 {
    padding-bottom: 2.5rem !important;
  }
  .clc-px-xx-10,
  .clc-pl-xx-10 {
    padding-left: 2.5rem !important;
  }
  .clc-ps-xx-10 {
    padding-inline-start: 2.5rem !important;
  }
  .clc-ps-xx-10 {
    padding-inline-end: 2.5rem !important;
  }
  .clc-p-xx-11 {
    padding: 2.75rem !important;
  }
  .clc-py-xx-11,
  .clc-pt-xx-11 {
    padding-top: 2.75rem !important;
  }
  .clc-px-xx-11,
  .clc-pr-xx-11 {
    padding-right: 2.75rem !important;
  }
  .clc-py-xx-11,
  .clc-pb-xx-11 {
    padding-bottom: 2.75rem !important;
  }
  .clc-px-xx-11,
  .clc-pl-xx-11 {
    padding-left: 2.75rem !important;
  }
  .clc-ps-xx-11 {
    padding-inline-start: 2.75rem !important;
  }
  .clc-ps-xx-11 {
    padding-inline-end: 2.75rem !important;
  }
  .clc-p-xx-12 {
    padding: 3rem !important;
  }
  .clc-py-xx-12,
  .clc-pt-xx-12 {
    padding-top: 3rem !important;
  }
  .clc-px-xx-12,
  .clc-pr-xx-12 {
    padding-right: 3rem !important;
  }
  .clc-py-xx-12,
  .clc-pb-xx-12 {
    padding-bottom: 3rem !important;
  }
  .clc-px-xx-12,
  .clc-pl-xx-12 {
    padding-left: 3rem !important;
  }
  .clc-ps-xx-12 {
    padding-inline-start: 3rem !important;
  }
  .clc-ps-xx-12 {
    padding-inline-end: 3rem !important;
  }
  .clc-m-xx-auto {
    margin: auto !important;
  }
  .clc-my-xx-auto,
  .clc-mt-xx-auto {
    margin-top: auto !important;
  }
  .clc-mx-xx-auto,
  .clc-mr-xx-auto {
    margin-right: auto !important;
  }
  .clc-my-xx-auto,
  .clc-mb-xx-auto {
    margin-bottom: auto !important;
  }
  .clc-mx-xx-auto,
  .clc-ml-xx-auto {
    margin-left: auto !important;
  }
  .clc-ms-xx-auto {
    margin-inline-start: auto !important;
  }
  .clc-me-xx-auto {
    margin-inline-end: auto !important;
  }
}
h1.clc-heading {
  font-size: 2rem;
  line-height: 1.1875em;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 1rem;
}

h2.clc-heading {
  font-size: 1.5rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 1rem;
}

h3.clc-heading {
  font-size: 1.125rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.75rem;
}

h4.clc-heading {
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h5.clc-heading {
  font-size: 0.875rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h6.clc-heading {
  font-size: 0.75rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h1,
.h1 {
  font-size: 2rem;
  line-height: 1.1875em;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 1rem;
}

h2,
.h2 {
  font-size: 1.5rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 1rem;
}

h3,
.h3 {
  font-size: 1.125rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.75rem;
}

h4,
.h4 {
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h5,
.h5 {
  font-size: 0.875rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h6,
.h6 {
  font-size: 0.75rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clc-text-title-color);
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

h1.text-thin,
.h1.text-thin {
  font-size: 3rem;
  font-weight: 300;
}

h2.text-thin,
.h2.text-thin {
  font-size: 2rem;
  font-weight: 300;
}

h3.text-thin,
.h3.text-thin {
  font-size: 1.25rem;
  font-weight: 300;
}

h4.text-thin,
.h4.text-thin {
  font-size: 1rem;
  font-weight: 300;
}

h5.text-thin,
.h5.text-thin {
  font-size: 0.875rem;
  font-weight: 300;
}

h6.text-thin,
.h6.text-thin {
  font-size: 0.75rem;
  font-weight: 300;
}

.clc-text-display-h1 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-display-h1-font-size);
  line-height: var(--clc-text-display-h1-line-height);
  font-weight: var(--clc-text-display-h1-font-weight);
  letter-spacing: var(--clc-text-display-h1-letter-spacing);
  color: var(--clc-text-display-h1-color);
  margin-block-start: var(--clc-text-display-h1-margin-block-start);
  margin-block-end: var(--clc-text-display-h1-margin-block-end);
}

.clc-text-display-h2 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-display-h2-font-size);
  line-height: var(--clc-text-display-h2-line-height);
  font-weight: var(--clc-text-display-h2-font-weight);
  letter-spacing: var(--clc-text-display-h2-letter-spacing);
  color: var(--clc-text-display-h2-color);
  margin-block-start: var(--clc-text-display-h2-margin-block-start);
  margin-block-end: var(--clc-text-display-h2-margin-block-end);
}

.clc-text-display-h3 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-display-h3-font-size);
  line-height: var(--clc-text-display-h3-line-height);
  font-weight: var(--clc-text-display-h3-font-weight);
  letter-spacing: var(--clc-text-display-h3-letter-spacing);
  color: var(--clc-text-display-h3-color);
  margin-block-start: var(--clc-text-display-h3-margin-block-start);
  margin-block-end: var(--clc-text-display-h3-margin-block-end);
}

.clc-text-display-h4 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-display-h4-font-size);
  line-height: var(--clc-text-display-h4-line-height);
  font-weight: var(--clc-text-display-h4-font-weight);
  letter-spacing: var(--clc-text-display-h4-letter-spacing);
  color: var(--clc-text-display-h4-color);
  margin-block-start: var(--clc-text-display-h4-margin-block-start);
  margin-block-end: var(--clc-text-display-h4-margin-block-end);
}

.clc-text-display-h5 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-display-h5-font-size);
  line-height: var(--clc-text-display-h5-line-height);
  font-weight: var(--clc-text-display-h5-font-weight);
  letter-spacing: var(--clc-text-display-h5-letter-spacing);
  color: var(--clc-text-display-h5-color);
  margin-block-start: var(--clc-text-display-h5-margin-block-start);
  margin-block-end: var(--clc-text-display-h5-margin-block-end);
}

.clc-text-display-h6 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-display-h6-font-size);
  line-height: var(--clc-text-display-h6-line-height);
  font-weight: var(--clc-text-display-h6-font-weight);
  letter-spacing: var(--clc-text-display-h6-letter-spacing);
  color: var(--clc-text-display-h6-color);
  margin-block-start: var(--clc-text-display-h6-margin-block-start);
  margin-block-end: var(--clc-text-display-h6-margin-block-end);
}

.clc-text-h1 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h1-font-size);
  line-height: var(--clc-text-h1-line-height);
  font-weight: var(--clc-text-h1-font-weight);
  letter-spacing: var(--clc-text-h1-letter-spacing);
  color: var(--clc-text-h1-color);
  margin-block-start: var(--clc-text-h1-margin-block-start);
  margin-block-end: var(--clc-text-h1-margin-block-end);
}

.clc-text-h2 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h2-font-size);
  line-height: var(--clc-text-h2-line-height);
  font-weight: var(--clc-text-h2-font-weight);
  letter-spacing: var(--clc-text-h2-letter-spacing);
  color: var(--clc-text-h2-color);
  margin-block-start: var(--clc-text-h2-margin-block-start);
  margin-block-end: var(--clc-text-h2-margin-block-end);
}

.clc-text-h3 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h3-font-size);
  line-height: var(--clc-text-h3-line-height);
  font-weight: var(--clc-text-h3-font-weight);
  letter-spacing: var(--clc-text-h3-letter-spacing);
  color: var(--clc-text-h3-color);
  margin-block-start: var(--clc-text-h3-margin-block-start);
  margin-block-end: var(--clc-text-h3-margin-block-end);
}

.clc-text-h4 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h4-font-size);
  line-height: var(--clc-text-h4-line-height);
  font-weight: var(--clc-text-h4-font-weight);
  letter-spacing: var(--clc-text-h4-letter-spacing);
  color: var(--clc-text-h4-color);
  margin-block-start: var(--clc-text-h4-margin-block-start);
  margin-block-end: var(--clc-text-h4-margin-block-end);
}

.clc-text-h5 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h5-font-size);
  line-height: var(--clc-text-h5-line-height);
  font-weight: var(--clc-text-h5-font-weight);
  letter-spacing: var(--clc-text-h5-letter-spacing);
  color: var(--clc-text-h5-color);
  margin-block-start: var(--clc-text-h5-margin-block-start);
  margin-block-end: var(--clc-text-h5-margin-block-end);
}

.clc-text-h6 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h6-font-size);
  line-height: var(--clc-text-h6-line-height);
  font-weight: var(--clc-text-h6-font-weight);
  letter-spacing: var(--clc-text-h6-letter-spacing);
  color: var(--clc-text-h6-color);
  margin-block-start: var(--clc-text-h6-margin-block-start);
  margin-block-end: var(--clc-text-h6-margin-block-end);
}

.clc-text-subtitle1 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-subtitle1-font-size);
  line-height: var(--clc-text-subtitle1-line-height);
  font-weight: var(--clc-text-subtitle1-font-weight);
  letter-spacing: var(--clc-text-subtitle1-letter-spacing);
  color: var(--clc-text-subtitle1-color);
  margin-block-start: var(--clc-text-subtitle1-margin-block-start);
  margin-block-end: var(--clc-text-subtitle1-margin-block-end);
}

.clc-text-subtitle2 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-subtitle2-font-size);
  line-height: var(--clc-text-subtitle2-line-height);
  font-weight: var(--clc-text-subtitle2-font-weight);
  letter-spacing: var(--clc-text-subtitle2-letter-spacing);
  color: var(--clc-text-subtitle2-color);
  margin-block-start: var(--clc-text-subtitle2-margin-block-start);
  margin-block-end: var(--clc-text-subtitle2-margin-block-end);
}

.clc-text-body1 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-body1-font-size);
  line-height: var(--clc-text-body1-line-height);
  font-weight: var(--clc-text-body1-font-weight);
  letter-spacing: var(--clc-text-body1-letter-spacing);
  color: var(--clc-text-body1-color);
  margin-block-start: var(--clc-text-body1-margin-block-start);
  margin-block-end: var(--clc-text-body1-margin-block-end);
}

.clc-text-body2 {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-body2-font-size);
  line-height: var(--clc-text-body2-line-height);
  font-weight: var(--clc-text-body2-font-weight);
  letter-spacing: var(--clc-text-body2-letter-spacing);
  color: var(--clc-text-body2-color);
  margin-block-start: var(--clc-text-body2-margin-block-start);
  margin-block-end: var(--clc-text-body2-margin-block-end);
}

.clc-text-button {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-button-font-size);
  line-height: var(--clc-text-button-line-height);
  font-weight: var(--clc-text-button-font-weight);
  letter-spacing: var(--clc-text-button-letter-spacing);
  text-transform: var(--clc-text-button-text-transform);
  color: var(--clc-text-button-color);
  margin-block-start: var(--clc-text-button-margin-block-start);
  margin-block-end: var(--clc-text-button-margin-block-end);
}

.clc-text-caption {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-caption-font-size);
  line-height: var(--clc-text-caption-line-height);
  font-weight: var(--clc-text-caption-font-weight);
  letter-spacing: var(--clc-text-caption-letter-spacing);
  color: var(--clc-text-caption-color);
  margin-block-start: var(--clc-text-caption-margin-block-start);
  margin-block-end: var(--clc-text-caption-margin-block-end);
}

.clc-text-overline {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-overline-font-size);
  line-height: var(--clc-text-overline-line-height);
  font-weight: var(--clc-text-overline-font-weight);
  letter-spacing: var(--clc-text-overline-letter-spacing);
  text-transform: var(--clc-text-overline-text-transform);
  color: var(--clc-text-overline-color);
  margin-block-start: var(--clc-text-overline-margin-block-start);
  margin-block-end: var(--clc-text-overline-margin-block-end);
}

.clc-text-align-start {
  text-align: start;
}

.clc-text-align-end {
  text-align: end;
}

.clc-text-align-left {
  text-align: left;
}

.clc-text-align-right {
  text-align: right;
}

.clc-text-align-center {
  text-align: center;
}

.clc-text-align-justify {
  text-align: justify;
}

.clc-text-align-justify-all {
  text-align: justify-all;
}

.clc-text-align-match-parent {
  text-align: match-parent;
}

@media (min-width: 576px) {
  .clc-text-align-xs-start {
    text-align: start !important;
  }
  .clc-text-align-xs-end {
    text-align: end !important;
  }
  .clc-text-align-xs-left {
    text-align: left !important;
  }
  .clc-text-align-xs-right {
    text-align: right !important;
  }
  .clc-text-align-xs-center {
    text-align: center !important;
  }
  .clc-text-align-xs-justify {
    text-align: justify !important;
  }
  .clc-text-align-xs-justify-all {
    text-align: justify-all !important;
  }
  .clc-text-align-xs-match-parent {
    text-align: match-parent !important;
  }
}
@media (min-width: 768px) {
  .clc-text-align-sm-start {
    text-align: start !important;
  }
  .clc-text-align-sm-end {
    text-align: end !important;
  }
  .clc-text-align-sm-left {
    text-align: left !important;
  }
  .clc-text-align-sm-right {
    text-align: right !important;
  }
  .clc-text-align-sm-center {
    text-align: center !important;
  }
  .clc-text-align-sm-justify {
    text-align: justify !important;
  }
  .clc-text-align-sm-justify-all {
    text-align: justify-all !important;
  }
  .clc-text-align-sm-match-parent {
    text-align: match-parent !important;
  }
}
@media (min-width: 1024px) {
  .clc-text-align-md-start {
    text-align: start !important;
  }
  .clc-text-align-md-end {
    text-align: end !important;
  }
  .clc-text-align-md-left {
    text-align: left !important;
  }
  .clc-text-align-md-right {
    text-align: right !important;
  }
  .clc-text-align-md-center {
    text-align: center !important;
  }
  .clc-text-align-md-justify {
    text-align: justify !important;
  }
  .clc-text-align-md-justify-all {
    text-align: justify-all !important;
  }
  .clc-text-align-md-match-parent {
    text-align: match-parent !important;
  }
}
@media (min-width: 1280px) {
  .clc-text-align-lg-start {
    text-align: start !important;
  }
  .clc-text-align-lg-end {
    text-align: end !important;
  }
  .clc-text-align-lg-left {
    text-align: left !important;
  }
  .clc-text-align-lg-right {
    text-align: right !important;
  }
  .clc-text-align-lg-center {
    text-align: center !important;
  }
  .clc-text-align-lg-justify {
    text-align: justify !important;
  }
  .clc-text-align-lg-justify-all {
    text-align: justify-all !important;
  }
  .clc-text-align-lg-match-parent {
    text-align: match-parent !important;
  }
}
@media (min-width: 1920px) {
  .clc-text-align-xl-start {
    text-align: start !important;
  }
  .clc-text-align-xl-end {
    text-align: end !important;
  }
  .clc-text-align-xl-left {
    text-align: left !important;
  }
  .clc-text-align-xl-right {
    text-align: right !important;
  }
  .clc-text-align-xl-center {
    text-align: center !important;
  }
  .clc-text-align-xl-justify {
    text-align: justify !important;
  }
  .clc-text-align-xl-justify-all {
    text-align: justify-all !important;
  }
  .clc-text-align-xl-match-parent {
    text-align: match-parent !important;
  }
}
@media (min-width: 2560px) {
  .clc-text-align-xx-start {
    text-align: start !important;
  }
  .clc-text-align-xx-end {
    text-align: end !important;
  }
  .clc-text-align-xx-left {
    text-align: left !important;
  }
  .clc-text-align-xx-right {
    text-align: right !important;
  }
  .clc-text-align-xx-center {
    text-align: center !important;
  }
  .clc-text-align-xx-justify {
    text-align: justify !important;
  }
  .clc-text-align-xx-justify-all {
    text-align: justify-all !important;
  }
  .clc-text-align-xx-match-parent {
    text-align: match-parent !important;
  }
}
.clc-text-wrap {
  white-space: normal !important;
}

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

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

.clc-text-capitalize {
  text-transform: capitalize;
}

.clc-text-uppercase {
  text-transform: uppercase;
}

.clc-text-lowercase {
  text-transform: lowercase;
}

:root {
  font-size: var(--clc-root-font-size);
}

body {
  font-size: var(--clc-body-font-size);
  line-height: var(--clc-body-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  line-height: var(--clc-body-line-height);
}

.clc-label {
  vertical-align: middle;
  margin-block-start: 0;
  margin-block-end: 0;
}

.clc-form .row .clc-label {
  min-height: var(--clc-input-height);
  line-height: var(--clc-input-line-height);
  padding-block: var(--clc-input-padding-block);
  padding-inline: var(--clc-input-padding-inline);
  padding-inline-start: 0;
  border-top: var(--clc-input-border);
  border-bottom: var(--clc-input-border);
  border-color: transparent;
}

label {
  margin-block-start: 0;
  margin-block-end: 0;
}

::selection {
  background-color: var(--clc-text-selection-background-color);
  color: var(--clc-text-selection-color);
}

.clc-layout ::selection {
  background-color: var(--clc-text-selection-background-color);
  color: var(--clc-text-selection-color);
}

.clc-column-drag, .clc-datatable-loading-content .clci-circle-o-notch, .clc-datatable-header .clci-plus, .clc-sortable-column .clci-grid-sort, .clc-datatable .clci-chevron-circle-down, .clc-datatable .clci-chevron-circle-right, .clc-fileupload-row .clc-button .clci-close,
.clc-fileupload-row .clc-button .clci-times,
.clc-fileupload-row .clc-button .clc-icon-trash, .clc-menuitem .clc-menuitem-icon, .clci {
  box-sizing: border-box;
  font-family: var(--clc-icon-font-family);
  font-weight: var(--clc-icon-weight, inherit);
  font-style: normal;
  font-size: var(--clc-icon-size);
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  font-variation-settings: "FILL" var(--clc-icon-fill), "GRAD" var(--clc-icon-grade), "opsz" var(--clc-icon-optical-size);
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

i.clci {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.clci-primary {
  color: var(--clc-primary);
}

.clci-secondary {
  color: var(--clc-secondary);
}

.clci-info {
  color: var(--clc-info);
}

.clci-warning {
  color: var(--clc-warning);
}

.clci-error {
  color: var(--clc-danger);
}

.clci-danger {
  color: var(--clc-danger);
}

.clci-success {
  color: var(--clc-success);
}

.clci-base {
  color: var(--clc-base-200);
}

.clci-light {
  color: var(--clc-base-200);
}

.clci-dark {
  color: var(--clc-base-900);
}

[class^=clc-] img,
[class^=clc-] svg {
  vertical-align: middle;
}

.clc-helper-hidden-accessible {
  opacity: 0;
  height: 0;
}
.clc-helper-hidden-accessible input {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.clc-helper-hidden {
  display: none;
}

.clc-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.clc-pager-element, .clc-button {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  color: var(--clc-button-base-color);
  background-color: var(--clc-button-base-background-color);
  background-size: var(--clc-button-background-size);
  background-repeat: no-repeat;
  border: none;
  border-radius: var(--clc-button-border-radius);
  outline: none;
  box-shadow: var(--clc-button-shadow);
  font-size: 1.0625rem;
  font-family: inherit;
  line-height: var(--clc-button-line-height);
  text-decoration: none;
  transition: var(--clc-button-transition);
  -webkit-appearance: none;
}
.clc-pager-element:focus, .clc-button:focus {
  outline: var(--clc-outline-normal);
}
.clc-pager-element:focus-visible, .clc-button:focus-visible {
  outline: var(--clc-button-focus-outline);
  outline-offset: var(--clc-button-focus-outline-offset);
}
.clc-pager-element:not(.clc-state-disabled), .clc-button:not(.clc-state-disabled) {
  cursor: pointer;
}
.clc-pager-element:not(.clc-state-disabled):hover:not(:active), .clc-button:not(.clc-state-disabled):hover:not(:active) {
  text-decoration: none;
  background-image: var(--clc-button-hover-gradient);
  background-size: var(--clc-button-hover-background-size);
  box-shadow: var(--clc-button-hover-shadow);
}
.clc-pager-element:not(.clc-state-disabled):focus-visible:not(:active), .clc-button:not(.clc-state-disabled):focus-visible:not(:active) {
  text-decoration: none;
  background-image: var(--clc-button-focus-gradient);
  background-size: var(--clc-button-focus-background-size);
  box-shadow: var(--clc-button-focus-shadow);
}
.clc-pager-element:not(.clc-state-disabled):active, .clc-button:not(.clc-state-disabled):active {
  text-decoration: none;
  background-image: var(--clc-button-active-gradient);
  background-size: var(--clc-button-active-background-size);
  box-shadow: var(--clc-button-active-shadow);
}
.clc-state-disabled.clc-pager-element, .clc-button.clc-state-disabled {
  opacity: var(--clc-button-disabled-opacity);
  cursor: initial;
}
.clc-state-empty.clc-pager-element, .clc-button.clc-state-empty {
  opacity: var(--clc-button-empty-opacity);
  cursor: initial;
}
.clc-pager-element .clc-button-box, .clc-button .clc-button-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: var(--clc-button-vertical-align);
  line-height: var(--clc-button-line-height);
}
.clc-pager-element .clc-button-text, .clc-button .clc-button-text {
  vertical-align: var(--clc-button-vertical-align);
}
.clc-pager-element .clci, .clc-button .clci {
  vertical-align: var(--clc-button-vertical-align);
}

.clc-button.clc-primary:focus-visible {
  outline-color: var(--clc-primary);
}

.clc-button.clc-secondary:focus-visible {
  outline-color: var(--clc-secondary);
}

.clc-button.clc-info:focus-visible {
  outline-color: var(--clc-info);
}

.clc-button.clc-warning:focus-visible {
  outline-color: var(--clc-warning);
}

.clc-button.clc-error:focus-visible {
  outline-color: var(--clc-error);
}

.clc-button.clc-danger:focus-visible {
  outline-color: var(--clc-danger);
}

.clc-button.clc-success:focus-visible {
  outline-color: var(--clc-success);
}

.clc-button.clc-base:focus-visible {
  outline-color: var(--clc-base);
}

.clc-button.clc-light:focus-visible {
  outline-color: var(--clc-outline-color);
}

.clc-button.clc-dark:focus-visible {
  outline-color: var(--clc-outline-color);
}

.clc-button.clc-primary {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}
.clc-button.clc-primary.clc-shade-lighter {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
}
.clc-button.clc-primary.clc-shade-light {
  background-color: var(--clc-primary-light);
  color: var(--clc-on-primary-light);
}
.clc-button.clc-primary.clc-shade-default {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}
.clc-button.clc-primary.clc-shade-dark {
  background-color: var(--clc-primary-dark);
  color: var(--clc-on-primary-dark);
}
.clc-button.clc-primary.clc-shade-darker {
  background-color: var(--clc-primary-darker);
  color: var(--clc-on-primary-darker);
}
.clc-button.clc-primary.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-primary.clc-variant-flat:focus-visible {
  outline-color: var(--clc-primary);
}

.clc-button.clc-secondary {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}
.clc-button.clc-secondary.clc-shade-lighter {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
}
.clc-button.clc-secondary.clc-shade-light {
  background-color: var(--clc-secondary-light);
  color: var(--clc-on-secondary-light);
}
.clc-button.clc-secondary.clc-shade-default {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}
.clc-button.clc-secondary.clc-shade-dark {
  background-color: var(--clc-secondary-dark);
  color: var(--clc-on-secondary-dark);
}
.clc-button.clc-secondary.clc-shade-darker {
  background-color: var(--clc-secondary-darker);
  color: var(--clc-on-secondary-darker);
}
.clc-button.clc-secondary.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-secondary.clc-variant-flat:focus-visible {
  outline-color: var(--clc-secondary);
}

.clc-button.clc-info {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}
.clc-button.clc-info.clc-shade-lighter {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
}
.clc-button.clc-info.clc-shade-light {
  background-color: var(--clc-info-light);
  color: var(--clc-on-info-light);
}
.clc-button.clc-info.clc-shade-default {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}
.clc-button.clc-info.clc-shade-dark {
  background-color: var(--clc-info-dark);
  color: var(--clc-on-info-dark);
}
.clc-button.clc-info.clc-shade-darker {
  background-color: var(--clc-info-darker);
  color: var(--clc-on-info-darker);
}
.clc-button.clc-info.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-info.clc-variant-flat:focus-visible {
  outline-color: var(--clc-info);
}

.clc-button.clc-warning {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}
.clc-button.clc-warning.clc-shade-lighter {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
}
.clc-button.clc-warning.clc-shade-light {
  background-color: var(--clc-warning-light);
  color: var(--clc-on-warning-light);
}
.clc-button.clc-warning.clc-shade-default {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}
.clc-button.clc-warning.clc-shade-dark {
  background-color: var(--clc-warning-dark);
  color: var(--clc-on-warning-dark);
}
.clc-button.clc-warning.clc-shade-darker {
  background-color: var(--clc-warning-darker);
  color: var(--clc-on-warning-darker);
}
.clc-button.clc-warning.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-warning.clc-variant-flat:focus-visible {
  outline-color: var(--clc-warning);
}

.clc-button.clc-error {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-button.clc-error.clc-shade-lighter {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
}
.clc-button.clc-error.clc-shade-light {
  background-color: var(--clc-error-light);
  color: var(--clc-on-error-light);
}
.clc-button.clc-error.clc-shade-default {
  background-color: var(--clc-error);
  color: var(--clc-on-error);
}
.clc-button.clc-error.clc-shade-dark {
  background-color: var(--clc-error-dark);
  color: var(--clc-on-error-dark);
}
.clc-button.clc-error.clc-shade-darker {
  background-color: var(--clc-error-darker);
  color: var(--clc-on-error-darker);
}
.clc-button.clc-error.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-error.clc-variant-flat:focus-visible {
  outline-color: var(--clc-error);
}

.clc-button.clc-danger {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-button.clc-danger.clc-shade-lighter {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
}
.clc-button.clc-danger.clc-shade-light {
  background-color: var(--clc-danger-light);
  color: var(--clc-on-danger-light);
}
.clc-button.clc-danger.clc-shade-default {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-button.clc-danger.clc-shade-dark {
  background-color: var(--clc-danger-dark);
  color: var(--clc-on-danger-dark);
}
.clc-button.clc-danger.clc-shade-darker {
  background-color: var(--clc-danger-darker);
  color: var(--clc-on-danger-darker);
}
.clc-button.clc-danger.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-danger.clc-variant-flat:focus-visible {
  outline-color: var(--clc-danger);
}

.clc-button.clc-success {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}
.clc-button.clc-success.clc-shade-lighter {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
}
.clc-button.clc-success.clc-shade-light {
  background-color: var(--clc-success-light);
  color: var(--clc-on-success-light);
}
.clc-button.clc-success.clc-shade-default {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}
.clc-button.clc-success.clc-shade-dark {
  background-color: var(--clc-success-dark);
  color: var(--clc-on-success-dark);
}
.clc-button.clc-success.clc-shade-darker {
  background-color: var(--clc-success-darker);
  color: var(--clc-on-success-darker);
}
.clc-button.clc-success.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-success.clc-variant-flat:focus-visible {
  outline-color: var(--clc-success);
}

.clc-button.clc-base {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}
.clc-button.clc-base.clc-shade-lighter {
  background-color: var(--clc-base-lighter);
  color: var(--clc-on-base-lighter);
}
.clc-button.clc-base.clc-shade-light {
  background-color: var(--clc-base-light);
  color: var(--clc-on-base-light);
}
.clc-button.clc-base.clc-shade-default {
  background-color: var(--clc-base);
  color: var(--clc-on-base);
}
.clc-button.clc-base.clc-shade-dark {
  background-color: var(--clc-base-dark);
  color: var(--clc-on-base-dark);
}
.clc-button.clc-base.clc-shade-darker {
  background-color: var(--clc-base-darker);
  color: var(--clc-on-base-darker);
}
.clc-button.clc-base.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-base.clc-variant-flat:focus-visible {
  outline-color: var(--clc-base);
}

.clc-button.clc-light {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}
.clc-button.clc-light.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-light.clc-variant-flat:focus-visible {
  outline-color: var(--clc-outline-color);
}

.clc-button.clc-dark {
  background-color: var(--clc-base-900);
  color: var(--clc-text-contrast-color);
}
.clc-button.clc-dark.clc-variant-flat {
  box-shadow: none !important;
}
.clc-button.clc-dark.clc-variant-flat:focus-visible {
  outline-color: var(--clc-outline-color);
}

.clc-button.clc-variant-outlined.clc-primary {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-primary.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-lighter);
  color: var(--clc-primary-light);
}
.clc-button.clc-variant-outlined.clc-primary.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-light);
  color: var(--clc-primary-light);
}
.clc-button.clc-variant-outlined.clc-primary.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary);
  color: var(--clc-primary);
}
.clc-button.clc-variant-outlined.clc-primary.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-dark);
  color: var(--clc-primary-dark);
}
.clc-button.clc-variant-outlined.clc-primary.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-darker);
  color: var(--clc-primary-darker);
}
.clc-button.clc-variant-outlined.clc-primary:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-primary:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-primary:not(.clc-state-disabled):active {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-secondary {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-secondary.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-lighter);
  color: var(--clc-secondary-light);
}
.clc-button.clc-variant-outlined.clc-secondary.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-light);
  color: var(--clc-secondary-light);
}
.clc-button.clc-variant-outlined.clc-secondary.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary);
  color: var(--clc-secondary);
}
.clc-button.clc-variant-outlined.clc-secondary.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-dark);
  color: var(--clc-secondary-dark);
}
.clc-button.clc-variant-outlined.clc-secondary.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-darker);
  color: var(--clc-secondary-darker);
}
.clc-button.clc-variant-outlined.clc-secondary:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-secondary:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-secondary:not(.clc-state-disabled):active {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-info {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-info.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-lighter);
  color: var(--clc-info-light);
}
.clc-button.clc-variant-outlined.clc-info.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-light);
  color: var(--clc-info-light);
}
.clc-button.clc-variant-outlined.clc-info.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info);
  color: var(--clc-info);
}
.clc-button.clc-variant-outlined.clc-info.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-dark);
  color: var(--clc-info-dark);
}
.clc-button.clc-variant-outlined.clc-info.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-darker);
  color: var(--clc-info-darker);
}
.clc-button.clc-variant-outlined.clc-info:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-info:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-info:not(.clc-state-disabled):active {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-warning {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-warning.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-lighter);
  color: var(--clc-warning-light);
}
.clc-button.clc-variant-outlined.clc-warning.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-light);
  color: var(--clc-warning-light);
}
.clc-button.clc-variant-outlined.clc-warning.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning);
  color: var(--clc-warning);
}
.clc-button.clc-variant-outlined.clc-warning.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-dark);
  color: var(--clc-warning-dark);
}
.clc-button.clc-variant-outlined.clc-warning.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-darker);
  color: var(--clc-warning-darker);
}
.clc-button.clc-variant-outlined.clc-warning:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-warning:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-warning:not(.clc-state-disabled):active {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-error {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-error.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-lighter);
  color: var(--clc-error-light);
}
.clc-button.clc-variant-outlined.clc-error.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-light);
  color: var(--clc-error-light);
}
.clc-button.clc-variant-outlined.clc-error.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error);
  color: var(--clc-error);
}
.clc-button.clc-variant-outlined.clc-error.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-dark);
  color: var(--clc-error-dark);
}
.clc-button.clc-variant-outlined.clc-error.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-darker);
  color: var(--clc-error-darker);
}
.clc-button.clc-variant-outlined.clc-error:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-error:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-error:not(.clc-state-disabled):active {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-danger {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-danger.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-lighter);
  color: var(--clc-danger-light);
}
.clc-button.clc-variant-outlined.clc-danger.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-light);
  color: var(--clc-danger-light);
}
.clc-button.clc-variant-outlined.clc-danger.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger);
  color: var(--clc-danger);
}
.clc-button.clc-variant-outlined.clc-danger.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-dark);
  color: var(--clc-danger-dark);
}
.clc-button.clc-variant-outlined.clc-danger.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-darker);
  color: var(--clc-danger-darker);
}
.clc-button.clc-variant-outlined.clc-danger:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-danger:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-danger:not(.clc-state-disabled):active {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-success {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-success.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-lighter);
  color: var(--clc-success-light);
}
.clc-button.clc-variant-outlined.clc-success.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-light);
  color: var(--clc-success-light);
}
.clc-button.clc-variant-outlined.clc-success.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success);
  color: var(--clc-success);
}
.clc-button.clc-variant-outlined.clc-success.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-dark);
  color: var(--clc-success-dark);
}
.clc-button.clc-variant-outlined.clc-success.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-darker);
  color: var(--clc-success-darker);
}
.clc-button.clc-variant-outlined.clc-success:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-success:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-success:not(.clc-state-disabled):active {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-base {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-base.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-lighter);
  color: var(--clc-base-light);
}
.clc-button.clc-variant-outlined.clc-base.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-light);
  color: var(--clc-base-light);
}
.clc-button.clc-variant-outlined.clc-base.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-text-color);
  color: var(--clc-text-color);
}
.clc-button.clc-variant-outlined.clc-base.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-dark);
  color: var(--clc-base-dark);
}
.clc-button.clc-variant-outlined.clc-base.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-darker);
  color: var(--clc-base-darker);
}
.clc-button.clc-variant-outlined.clc-base:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-base:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-base:not(.clc-state-disabled):active {
  background-color: var(--clc-base-lighter);
  color: var(--clc-on-base-lighter);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-light {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-light.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-200);
  color: var(--clc-base-200);
}
.clc-button.clc-variant-outlined.clc-light:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-light:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-light:not(.clc-state-disabled):active {
  background-color: rgba(255, 255, 255, 0.12);
  background-image: none;
}

.clc-button.clc-variant-outlined.clc-dark {
  background-color: transparent;
}
.clc-button.clc-variant-outlined.clc-dark.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-900);
  color: var(--clc-base-900);
}
.clc-button.clc-variant-outlined.clc-dark:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-outlined.clc-dark:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-outlined.clc-dark:not(.clc-state-disabled):active {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
}

.clc-button.clc-variant-text.clc-primary {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-primary.clc-shade-lighter {
  color: var(--clc-primary-lighter);
}
.clc-button.clc-variant-text.clc-primary.clc-shade-light {
  color: var(--clc-primary-light);
}
.clc-button.clc-variant-text.clc-primary.clc-shade-default {
  color: var(--clc-primary);
}
.clc-button.clc-variant-text.clc-primary.clc-shade-dark {
  color: var(--clc-primary-dark);
}
.clc-button.clc-variant-text.clc-primary.clc-shade-darker {
  color: var(--clc-primary-darker);
}
.clc-button.clc-variant-text.clc-primary:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-primary:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-primary:not(.clc-state-disabled):active {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-secondary {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-secondary.clc-shade-lighter {
  color: var(--clc-secondary-lighter);
}
.clc-button.clc-variant-text.clc-secondary.clc-shade-light {
  color: var(--clc-secondary-light);
}
.clc-button.clc-variant-text.clc-secondary.clc-shade-default {
  color: var(--clc-secondary);
}
.clc-button.clc-variant-text.clc-secondary.clc-shade-dark {
  color: var(--clc-secondary-dark);
}
.clc-button.clc-variant-text.clc-secondary.clc-shade-darker {
  color: var(--clc-secondary-darker);
}
.clc-button.clc-variant-text.clc-secondary:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-secondary:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-secondary:not(.clc-state-disabled):active {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-info {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-info.clc-shade-lighter {
  color: var(--clc-info-lighter);
}
.clc-button.clc-variant-text.clc-info.clc-shade-light {
  color: var(--clc-info-light);
}
.clc-button.clc-variant-text.clc-info.clc-shade-default {
  color: var(--clc-info);
}
.clc-button.clc-variant-text.clc-info.clc-shade-dark {
  color: var(--clc-info-dark);
}
.clc-button.clc-variant-text.clc-info.clc-shade-darker {
  color: var(--clc-info-darker);
}
.clc-button.clc-variant-text.clc-info:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-info:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-info:not(.clc-state-disabled):active {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-warning {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-warning.clc-shade-lighter {
  color: var(--clc-warning-lighter);
}
.clc-button.clc-variant-text.clc-warning.clc-shade-light {
  color: var(--clc-warning-light);
}
.clc-button.clc-variant-text.clc-warning.clc-shade-default {
  color: var(--clc-warning);
}
.clc-button.clc-variant-text.clc-warning.clc-shade-dark {
  color: var(--clc-warning-dark);
}
.clc-button.clc-variant-text.clc-warning.clc-shade-darker {
  color: var(--clc-warning-darker);
}
.clc-button.clc-variant-text.clc-warning:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-warning:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-warning:not(.clc-state-disabled):active {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-error {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-error.clc-shade-lighter {
  color: var(--clc-error-lighter);
}
.clc-button.clc-variant-text.clc-error.clc-shade-light {
  color: var(--clc-error-light);
}
.clc-button.clc-variant-text.clc-error.clc-shade-default {
  color: var(--clc-error);
}
.clc-button.clc-variant-text.clc-error.clc-shade-dark {
  color: var(--clc-error-dark);
}
.clc-button.clc-variant-text.clc-error.clc-shade-darker {
  color: var(--clc-error-darker);
}
.clc-button.clc-variant-text.clc-error:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-error:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-error:not(.clc-state-disabled):active {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-danger {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-danger.clc-shade-lighter {
  color: var(--clc-danger-lighter);
}
.clc-button.clc-variant-text.clc-danger.clc-shade-light {
  color: var(--clc-danger-light);
}
.clc-button.clc-variant-text.clc-danger.clc-shade-default {
  color: var(--clc-danger);
}
.clc-button.clc-variant-text.clc-danger.clc-shade-dark {
  color: var(--clc-danger-dark);
}
.clc-button.clc-variant-text.clc-danger.clc-shade-darker {
  color: var(--clc-danger-darker);
}
.clc-button.clc-variant-text.clc-danger:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-danger:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-danger:not(.clc-state-disabled):active {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-success {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-success.clc-shade-lighter {
  color: var(--clc-success-lighter);
}
.clc-button.clc-variant-text.clc-success.clc-shade-light {
  color: var(--clc-success-light);
}
.clc-button.clc-variant-text.clc-success.clc-shade-default {
  color: var(--clc-success);
}
.clc-button.clc-variant-text.clc-success.clc-shade-dark {
  color: var(--clc-success-dark);
}
.clc-button.clc-variant-text.clc-success.clc-shade-darker {
  color: var(--clc-success-darker);
}
.clc-button.clc-variant-text.clc-success:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-success:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-success:not(.clc-state-disabled):active {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-base {
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-base.clc-shade-lighter {
  color: var(--clc-base-lighter);
}
.clc-button.clc-variant-text.clc-base.clc-shade-light {
  color: var(--clc-base-light);
}
.clc-button.clc-variant-text.clc-base.clc-shade-default {
  color: inherit;
}
.clc-button.clc-variant-text.clc-base.clc-shade-dark {
  color: var(--clc-base-dark);
}
.clc-button.clc-variant-text.clc-base.clc-shade-darker {
  color: var(--clc-base-darker);
}
.clc-button.clc-variant-text.clc-base:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-base:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-base:not(.clc-state-disabled):active {
  background-color: var(--clc-base-lighter);
  color: var(--clc-on-base-lighter);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-light {
  color: var(--clc-base-200);
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-light:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-light:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-light:not(.clc-state-disabled):active {
  background-color: rgba(255, 255, 255, 0.12);
  background-image: none;
  box-shadow: none;
}

.clc-button.clc-variant-text.clc-dark {
  color: var(--clc-base-900);
  background-color: transparent;
  box-shadow: none;
}
.clc-button.clc-variant-text.clc-dark:not(.clc-state-disabled):hover:not(:active), .clc-button.clc-variant-text.clc-dark:not(.clc-state-disabled):focus-visible:not(:active), .clc-button.clc-variant-text.clc-dark:not(.clc-state-disabled):active {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
  box-shadow: none;
}

.clc-pager-element, .clc-button-lg {
  padding: 0.75rem 1.5rem;
  height: auto;
  line-height: 1.5rem;
  min-height: 3rem;
  min-width: 3rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: normal;
}
.clc-pager-element .clc-button-box, .clc-button-lg .clc-button-box {
  line-height: 1.5rem;
  gap: 0.25rem;
}
.clc-button-icon-left.clc-pager-element, .clc-button-lg.clc-button-icon-left {
  padding: 0 1.375rem;
}
.clc-pager-element, .clc-button-lg.clc-button-icon-only {
  padding: 0.75rem;
}
.clc-pager-element .clci, .clc-button-lg .clci {
  font-size: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}

.clc-button-md {
  padding: 0.625rem 1.5rem;
  height: auto;
  line-height: 1.25rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: normal;
}
.clc-button-md .clc-button-box {
  line-height: 1.25rem;
  gap: 0.25rem;
}
.clc-button-md.clc-button-icon-left {
  padding: 0 1.375rem;
}
.clc-button-md.clc-button-icon-only, .clc-button-md.clc-pager-element {
  padding: 0.625rem;
}
.clc-button-md .clci {
  font-size: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  width: 1.25rem;
}

.clc-pager.clc-density-compact .clc-pager-element, .clc-fileupload .clc-button, .clc-button-sm {
  padding: 0.375rem 1rem;
  height: auto;
  line-height: 1rem;
  min-height: 1.75rem;
  min-width: 1.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: normal;
}
.clc-pager.clc-density-compact .clc-pager-element .clc-button-box, .clc-fileupload .clc-button .clc-button-box, .clc-button-sm .clc-button-box {
  line-height: 1rem;
  gap: 0.25rem;
}
.clc-pager.clc-density-compact .clc-button-icon-left.clc-pager-element, .clc-fileupload .clc-button-icon-left.clc-button, .clc-button-sm.clc-button-icon-left {
  padding: 0 1.375rem;
}
.clc-pager.clc-density-compact .clc-pager-element, .clc-fileupload .clc-button-icon-only.clc-button, .clc-fileupload .clc-button.clc-pager-element, .clc-button-sm.clc-button-icon-only, .clc-button-sm.clc-pager-element {
  padding: 0.375rem;
}
.clc-pager.clc-density-compact .clc-pager-element .clci, .clc-fileupload .clc-button .clci, .clc-button-sm .clci {
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
}

.clc-button-xs {
  padding: 0.25rem 0.75rem;
  height: auto;
  line-height: 1rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: normal;
}
.clc-button-xs .clc-button-box {
  line-height: 1rem;
  gap: 0.125rem;
}
.clc-button-xs.clc-button-icon-left {
  padding: 0 1rem;
}
.clc-button-xs.clc-button-icon-only, .clc-button-xs.clc-pager-element {
  padding: 0.25rem;
}
.clc-button-xs .clci {
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
}

@keyframes button-icon-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.clc-badge {
  box-sizing: border-box;
  color: var(--clc-text-contrast-color);
  display: inline-block;
  padding: var(--clc-badge-padding);
  font-size: var(--clc-badge-font-size);
  font-weight: var(--clc-badge-font-weight);
  line-height: var(--clc-badge-line-height);
  text-align: center;
  text-transform: var(--clc-badge-text-transform);
  white-space: nowrap;
  border-radius: var(--clc-badge-border-radius);
  letter-spacing: var(--clc-badge-letter-spacing);
}
.clc-button .clc-badge {
  vertical-align: top;
}

.clc-badge-primary {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}
.clc-badge-primary.clc-shade-lighter {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
}
.clc-badge-primary.clc-shade-light {
  background-color: var(--clc-primary-light);
  color: var(--clc-on-primary-light);
}
.clc-badge-primary.clc-shade-default {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}
.clc-badge-primary.clc-shade-dark {
  background-color: var(--clc-primary-dark);
  color: var(--clc-on-primary-dark);
}
.clc-badge-primary.clc-shade-darker {
  background-color: var(--clc-primary-darker);
  color: var(--clc-on-primary-darker);
}

.clc-badge-secondary {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}
.clc-badge-secondary.clc-shade-lighter {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
}
.clc-badge-secondary.clc-shade-light {
  background-color: var(--clc-secondary-light);
  color: var(--clc-on-secondary-light);
}
.clc-badge-secondary.clc-shade-default {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}
.clc-badge-secondary.clc-shade-dark {
  background-color: var(--clc-secondary-dark);
  color: var(--clc-on-secondary-dark);
}
.clc-badge-secondary.clc-shade-darker {
  background-color: var(--clc-secondary-darker);
  color: var(--clc-on-secondary-darker);
}

.clc-badge-info {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}
.clc-badge-info.clc-shade-lighter {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
}
.clc-badge-info.clc-shade-light {
  background-color: var(--clc-info-light);
  color: var(--clc-on-info-light);
}
.clc-badge-info.clc-shade-default {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}
.clc-badge-info.clc-shade-dark {
  background-color: var(--clc-info-dark);
  color: var(--clc-on-info-dark);
}
.clc-badge-info.clc-shade-darker {
  background-color: var(--clc-info-darker);
  color: var(--clc-on-info-darker);
}

.clc-badge-warning {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}
.clc-badge-warning.clc-shade-lighter {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
}
.clc-badge-warning.clc-shade-light {
  background-color: var(--clc-warning-light);
  color: var(--clc-on-warning-light);
}
.clc-badge-warning.clc-shade-default {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}
.clc-badge-warning.clc-shade-dark {
  background-color: var(--clc-warning-dark);
  color: var(--clc-on-warning-dark);
}
.clc-badge-warning.clc-shade-darker {
  background-color: var(--clc-warning-darker);
  color: var(--clc-on-warning-darker);
}

.clc-badge-error {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-badge-error.clc-shade-lighter {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
}
.clc-badge-error.clc-shade-light {
  background-color: var(--clc-error-light);
  color: var(--clc-on-error-light);
}
.clc-badge-error.clc-shade-default {
  background-color: var(--clc-error);
  color: var(--clc-on-error);
}
.clc-badge-error.clc-shade-dark {
  background-color: var(--clc-error-dark);
  color: var(--clc-on-error-dark);
}
.clc-badge-error.clc-shade-darker {
  background-color: var(--clc-error-darker);
  color: var(--clc-on-error-darker);
}

.clc-badge-danger {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-badge-danger.clc-shade-lighter {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
}
.clc-badge-danger.clc-shade-light {
  background-color: var(--clc-danger-light);
  color: var(--clc-on-danger-light);
}
.clc-badge-danger.clc-shade-default {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-badge-danger.clc-shade-dark {
  background-color: var(--clc-danger-dark);
  color: var(--clc-on-danger-dark);
}
.clc-badge-danger.clc-shade-darker {
  background-color: var(--clc-danger-darker);
  color: var(--clc-on-danger-darker);
}

.clc-badge-success {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}
.clc-badge-success.clc-shade-lighter {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
}
.clc-badge-success.clc-shade-light {
  background-color: var(--clc-success-light);
  color: var(--clc-on-success-light);
}
.clc-badge-success.clc-shade-default {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}
.clc-badge-success.clc-shade-dark {
  background-color: var(--clc-success-dark);
  color: var(--clc-on-success-dark);
}
.clc-badge-success.clc-shade-darker {
  background-color: var(--clc-success-darker);
  color: var(--clc-on-success-darker);
}

.clc-badge-base {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}
.clc-badge-base.clc-shade-lighter {
  background-color: var(--clc-base-lighter);
  color: var(--clc-on-base-lighter);
}
.clc-badge-base.clc-shade-light {
  background-color: var(--clc-base-light);
  color: var(--clc-on-base-light);
}
.clc-badge-base.clc-shade-default {
  background-color: var(--clc-base);
  color: var(--clc-on-base);
}
.clc-badge-base.clc-shade-dark {
  background-color: var(--clc-base-dark);
  color: var(--clc-on-base-dark);
}
.clc-badge-base.clc-shade-darker {
  background-color: var(--clc-base-darker);
  color: var(--clc-on-base-darker);
}

.clc-badge-light {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}

.clc-badge-dark {
  background-color: var(--clc-base-900);
  color: var(--clc-text-contrast-color);
}

.clc-variant-outlined.clc-badge-primary {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-primary.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-lighter);
  color: var(--clc-primary-lighter);
}
.clc-variant-outlined.clc-badge-primary.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-light);
  color: var(--clc-primary-light);
}
.clc-variant-outlined.clc-badge-primary.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary);
  color: var(--clc-primary);
}
.clc-variant-outlined.clc-badge-primary.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-dark);
  color: var(--clc-primary-dark);
}
.clc-variant-outlined.clc-badge-primary.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-darker);
  color: var(--clc-primary-darker);
}

.clc-variant-outlined.clc-badge-secondary {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-secondary.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-lighter);
  color: var(--clc-secondary-lighter);
}
.clc-variant-outlined.clc-badge-secondary.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-light);
  color: var(--clc-secondary-light);
}
.clc-variant-outlined.clc-badge-secondary.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary);
  color: var(--clc-secondary);
}
.clc-variant-outlined.clc-badge-secondary.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-dark);
  color: var(--clc-secondary-dark);
}
.clc-variant-outlined.clc-badge-secondary.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-darker);
  color: var(--clc-secondary-darker);
}

.clc-variant-outlined.clc-badge-info {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-info.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-lighter);
  color: var(--clc-info-lighter);
}
.clc-variant-outlined.clc-badge-info.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-light);
  color: var(--clc-info-light);
}
.clc-variant-outlined.clc-badge-info.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info);
  color: var(--clc-info);
}
.clc-variant-outlined.clc-badge-info.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-dark);
  color: var(--clc-info-dark);
}
.clc-variant-outlined.clc-badge-info.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-darker);
  color: var(--clc-info-darker);
}

.clc-variant-outlined.clc-badge-warning {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-warning.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-lighter);
  color: var(--clc-warning-lighter);
}
.clc-variant-outlined.clc-badge-warning.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-light);
  color: var(--clc-warning-light);
}
.clc-variant-outlined.clc-badge-warning.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning);
  color: var(--clc-warning);
}
.clc-variant-outlined.clc-badge-warning.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-dark);
  color: var(--clc-warning-dark);
}
.clc-variant-outlined.clc-badge-warning.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-darker);
  color: var(--clc-warning-darker);
}

.clc-variant-outlined.clc-badge-error {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-error.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-lighter);
  color: var(--clc-error-lighter);
}
.clc-variant-outlined.clc-badge-error.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-light);
  color: var(--clc-error-light);
}
.clc-variant-outlined.clc-badge-error.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error);
  color: var(--clc-error);
}
.clc-variant-outlined.clc-badge-error.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-dark);
  color: var(--clc-error-dark);
}
.clc-variant-outlined.clc-badge-error.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-darker);
  color: var(--clc-error-darker);
}

.clc-variant-outlined.clc-badge-danger {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-danger.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-lighter);
  color: var(--clc-danger-lighter);
}
.clc-variant-outlined.clc-badge-danger.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-light);
  color: var(--clc-danger-light);
}
.clc-variant-outlined.clc-badge-danger.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger);
  color: var(--clc-danger);
}
.clc-variant-outlined.clc-badge-danger.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-dark);
  color: var(--clc-danger-dark);
}
.clc-variant-outlined.clc-badge-danger.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-darker);
  color: var(--clc-danger-darker);
}

.clc-variant-outlined.clc-badge-success {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-success.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-lighter);
  color: var(--clc-success-lighter);
}
.clc-variant-outlined.clc-badge-success.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-light);
  color: var(--clc-success-light);
}
.clc-variant-outlined.clc-badge-success.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success);
  color: var(--clc-success);
}
.clc-variant-outlined.clc-badge-success.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-dark);
  color: var(--clc-success-dark);
}
.clc-variant-outlined.clc-badge-success.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-darker);
  color: var(--clc-success-darker);
}

.clc-variant-outlined.clc-badge-base {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-base.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-lighter);
  color: var(--clc-base-lighter);
}
.clc-variant-outlined.clc-badge-base.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-light);
  color: var(--clc-base-light);
}
.clc-variant-outlined.clc-badge-base.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base);
  color: var(--clc-base);
}
.clc-variant-outlined.clc-badge-base.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-dark);
  color: var(--clc-base-dark);
}
.clc-variant-outlined.clc-badge-base.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-darker);
  color: var(--clc-base-darker);
}

.clc-variant-outlined.clc-badge-light {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-light.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-200);
  color: var(--clc-base-200);
}

.clc-variant-outlined.clc-badge-dark {
  background-color: transparent;
}
.clc-variant-outlined.clc-badge-dark.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-900);
  color: var(--clc-base-900);
}

.clc-variant-text.clc-badge-primary {
  background-color: transparent;
}
.clc-variant-text.clc-badge-primary.clc-shade-lighter {
  color: var(--clc-primary-lighter);
}
.clc-variant-text.clc-badge-primary.clc-shade-light {
  color: var(--clc-primary-light);
}
.clc-variant-text.clc-badge-primary.clc-shade-default {
  color: var(--clc-primary);
}
.clc-variant-text.clc-badge-primary.clc-shade-dark {
  color: var(--clc-primary-dark);
}
.clc-variant-text.clc-badge-primary.clc-shade-darker {
  color: var(--clc-primary-darker);
}

.clc-variant-text.clc-badge-secondary {
  background-color: transparent;
}
.clc-variant-text.clc-badge-secondary.clc-shade-lighter {
  color: var(--clc-secondary-lighter);
}
.clc-variant-text.clc-badge-secondary.clc-shade-light {
  color: var(--clc-secondary-light);
}
.clc-variant-text.clc-badge-secondary.clc-shade-default {
  color: var(--clc-secondary);
}
.clc-variant-text.clc-badge-secondary.clc-shade-dark {
  color: var(--clc-secondary-dark);
}
.clc-variant-text.clc-badge-secondary.clc-shade-darker {
  color: var(--clc-secondary-darker);
}

.clc-variant-text.clc-badge-info {
  background-color: transparent;
}
.clc-variant-text.clc-badge-info.clc-shade-lighter {
  color: var(--clc-info-lighter);
}
.clc-variant-text.clc-badge-info.clc-shade-light {
  color: var(--clc-info-light);
}
.clc-variant-text.clc-badge-info.clc-shade-default {
  color: var(--clc-info);
}
.clc-variant-text.clc-badge-info.clc-shade-dark {
  color: var(--clc-info-dark);
}
.clc-variant-text.clc-badge-info.clc-shade-darker {
  color: var(--clc-info-darker);
}

.clc-variant-text.clc-badge-warning {
  background-color: transparent;
}
.clc-variant-text.clc-badge-warning.clc-shade-lighter {
  color: var(--clc-warning-lighter);
}
.clc-variant-text.clc-badge-warning.clc-shade-light {
  color: var(--clc-warning-light);
}
.clc-variant-text.clc-badge-warning.clc-shade-default {
  color: var(--clc-warning);
}
.clc-variant-text.clc-badge-warning.clc-shade-dark {
  color: var(--clc-warning-dark);
}
.clc-variant-text.clc-badge-warning.clc-shade-darker {
  color: var(--clc-warning-darker);
}

.clc-variant-text.clc-badge-error {
  background-color: transparent;
}
.clc-variant-text.clc-badge-error.clc-shade-lighter {
  color: var(--clc-error-lighter);
}
.clc-variant-text.clc-badge-error.clc-shade-light {
  color: var(--clc-error-light);
}
.clc-variant-text.clc-badge-error.clc-shade-default {
  color: var(--clc-error);
}
.clc-variant-text.clc-badge-error.clc-shade-dark {
  color: var(--clc-error-dark);
}
.clc-variant-text.clc-badge-error.clc-shade-darker {
  color: var(--clc-error-darker);
}

.clc-variant-text.clc-badge-danger {
  background-color: transparent;
}
.clc-variant-text.clc-badge-danger.clc-shade-lighter {
  color: var(--clc-danger-lighter);
}
.clc-variant-text.clc-badge-danger.clc-shade-light {
  color: var(--clc-danger-light);
}
.clc-variant-text.clc-badge-danger.clc-shade-default {
  color: var(--clc-danger);
}
.clc-variant-text.clc-badge-danger.clc-shade-dark {
  color: var(--clc-danger-dark);
}
.clc-variant-text.clc-badge-danger.clc-shade-darker {
  color: var(--clc-danger-darker);
}

.clc-variant-text.clc-badge-success {
  background-color: transparent;
}
.clc-variant-text.clc-badge-success.clc-shade-lighter {
  color: var(--clc-success-lighter);
}
.clc-variant-text.clc-badge-success.clc-shade-light {
  color: var(--clc-success-light);
}
.clc-variant-text.clc-badge-success.clc-shade-default {
  color: var(--clc-success);
}
.clc-variant-text.clc-badge-success.clc-shade-dark {
  color: var(--clc-success-dark);
}
.clc-variant-text.clc-badge-success.clc-shade-darker {
  color: var(--clc-success-darker);
}

.clc-variant-text.clc-badge-base {
  background-color: transparent;
}
.clc-variant-text.clc-badge-base.clc-shade-lighter {
  color: var(--clc-base-lighter);
}
.clc-variant-text.clc-badge-base.clc-shade-light {
  color: var(--clc-base-light);
}
.clc-variant-text.clc-badge-base.clc-shade-default {
  color: var(--clc-base);
}
.clc-variant-text.clc-badge-base.clc-shade-dark {
  color: var(--clc-base-dark);
}
.clc-variant-text.clc-badge-base.clc-shade-darker {
  color: var(--clc-base-darker);
}

.clc-variant-text.clc-badge-light {
  color: var(--clc-base-200);
  background-color: transparent;
}

.clc-variant-text.clc-badge-dark {
  color: var(--clc-base-900);
  background-color: transparent;
}

.clc-badge-pill {
  border-radius: var(--clc-badge-pill-border-radius);
  padding: var(--clc-badge-pill-padding);
}

.clc-dropzone {
  user-select: none;
}

.clc-dropzone-item {
  user-select: none;
  cursor: grab;
}

.clc-dragging {
  cursor: grabbing;
}

.clc-form-field:hover .clc-form-field-content, .clc-autocomplete:hover:not(.clc-state-disabled), .clc-radiobutton-box:hover:not(.clc-state-disabled), .clc-chkbox-box:hover:not(.clc-state-disabled), .clc-colorpicker:not(:disabled):not(.clc-state-disabled):hover, .clc-lookup-search input:not(:disabled):not(.clc-state-disabled):hover, .clc-numeric:not(:disabled):not(.clc-state-disabled):hover, .clc-datepicker > .clc-inputtext:not(:disabled):not(.clc-state-disabled):hover, .clc-multiselect:not(:disabled):not(.clc-state-disabled):hover, .clc-dropdown:not(:disabled):not(.clc-state-disabled):hover, .mask:not(:disabled):not(.clc-state-disabled):hover, .clc-textarea:not(:disabled):not(.clc-state-disabled):hover, .clc-textbox:not(:disabled):not(.clc-state-disabled):hover {
  box-shadow: var(--clc-input-hover-shadow);
  border: var(--clc-input-hover-border);
}

.clc-form-field.clc-state-focused .clc-form-field-content, .clc-numeric:focus-within:not(.clc-state-disabled), .clc-autocomplete:focus-within:not(.clc-state-disabled), .clc-colorpicker:not(:disabled):not(.clc-state-disabled):focus, .clc-lookup-search input:not(:disabled):not(.clc-state-disabled):focus, .clc-numeric:not(:disabled):not(.clc-state-disabled):focus, .clc-datepicker > .clc-inputtext:not(:disabled):not(.clc-state-disabled):focus, .clc-multiselect:not(:disabled):not(.clc-state-disabled):focus, .clc-dropdown:not(:disabled):not(.clc-state-disabled):focus, .mask:not(:disabled):not(.clc-state-disabled):focus, .clc-textarea:not(:disabled):not(.clc-state-disabled):focus, .clc-textbox:not(:disabled):not(.clc-state-disabled):focus {
  box-shadow: var(--clc-input-focus-shadow);
  border: var(--clc-input-focus-border);
  outline: var(--clc-input-focus-outline);
  outline-offset: var(--clc-input-focus-outline-offset);
}

:not(.clc-form-field-content) > .clc-colorpicker.clc-state-disabled, :not(.clc-form-field-content) > .clc-numeric.clc-state-disabled, :not(.clc-form-field-content) > .clc-listbox.clc-state-disabled, :not(.clc-form-field-content) > .clc-autocomplete-input:disabled, :not(.clc-form-field-content) > .clc-state-disabled.clc-autocomplete, :not(.clc-form-field-content) > .clc-state-disabled.clc-multiselect, :not(.clc-form-field-content) > .clc-state-disabled.clc-dropdown, :not(.clc-form-field-content) > .clc-colorpicker:disabled, .clc-lookup-search :not(.clc-form-field-content) > input:disabled, :not(.clc-form-field-content) > .clc-numeric:disabled, .clc-datepicker:not(.clc-form-field-content) > .clc-inputtext:disabled, :not(.clc-form-field-content) > .clc-multiselect:disabled, :not(.clc-form-field-content) > .clc-dropdown:disabled, :not(.clc-form-field-content) > .mask:disabled, :not(.clc-form-field-content) > .clc-textarea:disabled, :not(.clc-form-field-content) > .clc-textbox:disabled {
  color: var(--clc-input-disabled-color);
  box-shadow: var(--clc-input-disabled-shadow);
  background-color: var(--clc-input-disabled-background-color);
  border: var(--clc-input-disabled-border);
  opacity: var(--clc-input-disabled-opacity);
}
:not(.clc-form-field-content) > .clc-colorpicker.clc-state-disabled::placeholder, :not(.clc-form-field-content) > .clc-numeric.clc-state-disabled::placeholder, :not(.clc-form-field-content) > .clc-listbox.clc-state-disabled::placeholder, :not(.clc-form-field-content) > .clc-autocomplete-input:disabled::placeholder, :not(.clc-form-field-content) > .clc-state-disabled.clc-autocomplete::placeholder, :not(.clc-form-field-content) > .clc-state-disabled.clc-multiselect::placeholder, :not(.clc-form-field-content) > .clc-state-disabled.clc-dropdown::placeholder, :not(.clc-form-field-content) > .clc-colorpicker:disabled::placeholder, .clc-lookup-search :not(.clc-form-field-content) > input:disabled::placeholder, :not(.clc-form-field-content) > .clc-numeric:disabled::placeholder, .clc-datepicker:not(.clc-form-field-content) > .clc-inputtext:disabled::placeholder, :not(.clc-form-field-content) > .clc-multiselect:disabled::placeholder, :not(.clc-form-field-content) > .clc-dropdown:disabled::placeholder, :not(.clc-form-field-content) > .mask:disabled::placeholder, :not(.clc-form-field-content) > .clc-textarea:disabled::placeholder, :not(.clc-form-field-content) > .clc-textbox:disabled::placeholder {
  color: var(--clc-input-disabled-placeholder-color);
}
:not(.clc-form-field-content) > .clc-colorpicker.clc-state-disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-numeric.clc-state-disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-listbox.clc-state-disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-autocomplete-input:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-state-disabled.clc-autocomplete .clc-inputtext, :not(.clc-form-field-content) > .clc-state-disabled.clc-multiselect .clc-inputtext, :not(.clc-form-field-content) > .clc-state-disabled.clc-dropdown .clc-inputtext, :not(.clc-form-field-content) > .clc-colorpicker:disabled .clc-inputtext, .clc-lookup-search :not(.clc-form-field-content) > input:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-numeric:disabled .clc-inputtext, .clc-datepicker:not(.clc-form-field-content) > .clc-inputtext:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-multiselect:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-dropdown:disabled .clc-inputtext, :not(.clc-form-field-content) > .mask:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-textarea:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-textbox:disabled .clc-inputtext {
  background-color: var(--clc-input-disabled-background-color);
  color: var(--clc-input-disabled-color);
  border: none;
}

input {
  color: var(--clc-input-value-color);
  font-size: var(--clc-input-font-size);
}
input::placeholder {
  color: var(--clc-input-placeholder-color);
}

.clc-colorpicker, .clc-lookup-search input, .clc-numeric, .clc-datepicker > .clc-inputtext, .clc-multiselect, .clc-dropdown, .mask, .clc-textarea, .clc-textbox {
  padding-block: var(--clc-input-padding-block);
  padding-inline: var(--clc-input-padding-inline);
}

.clc-form-field-content, .clc-colorpicker, .clc-lookup-search input, .clc-numeric, .clc-datepicker > .clc-inputtext, .clc-multiselect, .clc-dropdown, .mask, .clc-textarea, .clc-textbox {
  box-sizing: border-box;
  border: var(--clc-input-border);
  border-radius: var(--clc-input-border-radius);
  box-shadow: var(--clc-input-shadow);
  background-color: var(--clc-input-background-color);
}

.clc-colorpicker, .clc-lookup-search input, .clc-numeric, .clc-datepicker > .clc-inputtext, .clc-multiselect, .clc-dropdown, .mask, .clc-textarea, .clc-textbox {
  height: var(--clc-input-height);
  line-height: var(--clc-input-line-height);
  color: var(--clc-input-value-color);
  font-family: inherit;
  font-size: var(--clc-input-font-size);
  transition: var(--clc-input-transition);
  outline: none;
}
.clc-form-field-content > *, .clc-form-field-content > .clc-autocomplete, .clc-form-field-content > .clc-autocomplete.clc-state-disabled > .clc-inputtext, .clc-form-field-content input, .clc-form-field-content .clc-inputtext, .clc-form-field-content .clc-inputtext.clc-state-disabled, .clc-form-field-content .clc-datepicker.clc-state-disabled > .clc-inputtext {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
}
.clc-form-field-content > :not(:disabled):not(.clc-state-disabled):hover, .clc-form-field-content input:not(:disabled):not(.clc-state-disabled):hover, .clc-form-field-content .clc-inputtext:not(:disabled):not(.clc-state-disabled):hover {
  border: none;
  box-shadow: none;
}
.clc-form-field-content > :not(:disabled):not(.clc-state-disabled):focus, .clc-form-field-content input:not(:disabled):not(.clc-state-disabled):focus, .clc-form-field-content .clc-inputtext:not(:disabled):not(.clc-state-disabled):focus {
  border: none;
  box-shadow: none;
}
.clc-form-field-content > :not(:disabled):not(.clc-state-disabled):focus-within, .clc-form-field-content input:not(:disabled):not(.clc-state-disabled):focus-within, .clc-form-field-content .clc-inputtext:not(:disabled):not(.clc-state-disabled):focus-within {
  border: none;
  box-shadow: none;
}

.clc-header {
  background-color: var(--clc-header-background-color);
  min-height: var(--clc-header-min-height);
  border-bottom: var(--clc-header-border);
  color: var(--clc-header-color);
  box-shadow: var(--clc-header-shadow);
}
.clc-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--clc-header-z);
}
.clc-header a {
  text-decoration: none;
}

.clc-footer {
  padding: var(--clc-footer-padding);
  border-top: var(--clc-footer-border);
  background-color: var(--clc-footer-background-color);
  color: var(--clc-footer-color);
}
.clc-footer.fixed {
  position: fixed;
  z-index: var(--clc-footer-z);
  bottom: 0;
  left: 0;
  right: 0;
}

.clc-sidebar {
  background-color: var(--clc-sidebar-background-color);
  color: var(--clc-sidebar-color);
  border-inline-end: var(--clc-sidebar-border-inline-end);
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: var(--clc-sidebar-z);
  width: var(--clc-sidebar-width);
  opacity: 1;
  transition: width var(--clc-transition), opacity var(--clc-transition);
}

@media (max-width: 768px) {
  .clc-sidebar-responsive {
    width: 0;
    opacity: 0;
  }
}
.clc-sidebar-expanded {
  width: var(--clc-sidebar-width);
  opacity: 1;
}

.clc-sidebar-collapsed {
  width: 0 !important;
  opacity: 0;
}

.clc-card {
  box-sizing: border-box;
  padding: var(--clc-card-padding);
  border-radius: var(--clc-card-border-radius);
  background-color: var(--clc-card-background-color);
}
.clc-card.clc-variant-filled {
  box-shadow: var(--clc-card-shadow);
}
.clc-card.clc-variant-flat {
  background-color: var(--clc-card-flat-background-color);
}
.clc-card.clc-variant-outlined {
  background: transparent;
  border: var(--clc-card-border);
}
.clc-card.clc-variant-text {
  background: transparent;
}
.clc-card h1,
.clc-card h2,
.clc-card h3,
.clc-card h4,
.clc-card h5,
.clc-card h6 {
  margin-bottom: var(--clc-card-heading-margin-bottom);
}
.clc-card p {
  margin-bottom: 0;
}

.clc-body {
  margin: var(--clc-layout-body-margin);
  padding: var(--clc-layout-body-padding);
  border-radius: var(--clc-layout-body-border-radius);
  background-color: var(--clc-layout-body-background-color);
}
.clc-body:only-child {
  background-color: transparent;
}
.clc-layout .clc-body {
  transform: translateZ(0);
}

.clc-accordion {
  box-sizing: border-box;
  border-radius: var(--clc-accordion-border-radius);
  box-shadow: var(--clc-accordion-shadow);
}
.clc-accordion > div:first-child {
  border-radius: var(--clc-accordion-border-radius) var(--clc-accordion-border-radius) 0 0;
}
.clc-accordion > div:last-child, .clc-accordion > div:last-child > div {
  border-radius: 0 0 var(--clc-accordion-border-radius) var(--clc-accordion-border-radius);
}
.clc-accordion > div:only-child {
  border-radius: var(--clc-accordion-border-radius);
}
.clc-accordion:focus {
  outline: var(--clc-outline-normal);
}
.clc-accordion:focus-visible {
  outline: var(--clc-accordion-item-focus-outline);
}
.clc-accordion .clc-accordion-header {
  background-color: var(--clc-accordion-item-background-color);
  margin: var(--clc-accordion-item-margin);
}
.clc-accordion .clc-accordion-header:not(:first-child) {
  border-top: var(--clc-accordion-item-border);
}
.clc-accordion .clc-accordion-header > a {
  padding-block: var(--clc-accordion-item-padding-block);
  padding-inline: var(--clc-accordion-item-padding-inline);
  color: var(--clc-accordion-item-color);
  line-height: var(--clc-accordion-item-line-height);
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: var(--clc-accordion-item-font-size);
  font-weight: var(--clc-accordion-item-font-weight);
  cursor: pointer;
}
.clc-accordion .clc-accordion-header > a:hover {
  color: var(--clc-accordion-hover-color);
}
.clc-accordion .clc-accordion-header > a span:not(.clc-accordion-toggle-icon) {
  flex-grow: 1;
}
:focus-visible .clc-accordion .clc-accordion-header.clc-state-focused {
  outline: var(--clc-accordion-item-focus-outline);
  outline-offset: var(--clc-accordion-item-focus-outline-offset);
}
.clc-accordion .clc-accordion-header .clci {
  font-size: var(--clc-accordion-icon-font-size);
  margin-inline: var(--clc-accordion-icon-margin-inline);
}

.clc-accordion-toggle-icon {
  width: var(--clc-accordion-icon-width);
  height: var(--clc-accordion-icon-height);
  font-size: var(--clc-accordion-icon-font-size);
  order: var(--clc-accordion-toggle-icon-order);
}
.clc-accordion-toggle-icon.clci {
  margin-inline: var(--clc-accordion-toggle-icon-margin-inline);
}
.clc-accordion-toggle-icon.clci-chevron-right:before {
  content: "keyboard_arrow_down";
}
.clc-accordion-toggle-icon.clci-chevron-down:before {
  content: "keyboard_arrow_up";
}

.clc-accordion-content-wrapper-overflown {
  overflow: hidden;
}

.clc-accordion-content {
  font-size: var(--clc-accordion-content-font-size);
  background-color: var(--clc-accordion-item-background-color);
  padding-block: var(--clc-accordion-content-padding-block);
  padding-inline: var(--clc-accordion-content-padding-inline);
}

/* Right-to-left toggle icons */
*[dir=rtl] .clc-accordion-toggle-icon.clci-chevron-right:before {
  content: "keyboard_arrow_down";
}
*[dir=rtl] .clc-accordion-toggle-icon.clci-chevron-down:before {
  content: "keyboard_arrow_up";
}

.clc-panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--clc-panel-padding);
  background: var(--clc-panel-background-color);
  border-radius: var(--clc-panel-border-radius);
  box-shadow: var(--clc-panel-shadow);
}

.clc-panel-titlebar {
  display: flex;
  justify-content: space-between;
}

.clc-panel-content {
  margin: var(--clc-panel-content-margin);
}

.clc-panel-content-wrapper[aria-hidden=true] {
  display: none;
}

.clc-panel-title {
  line-height: var(--clc-panel-title-line-height);
  font-weight: var(--clc-panel-title-font-weight);
}

.clc-panel-titlebar-toggler {
  width: var(--clc-panel-toggle-icon-width);
  height: var(--clc-panel-toggle-icon-height);
  font-size: var(--clc-panel-toggle-icon-font-size);
  border-radius: var(--clc-panel-toggle-icon-border-radius);
  background-color: var(--clc-panel-toggle-icon-background-color);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.clc-panel-titlebar-toggler:hover {
  text-decoration: none;
  color: var(--clc-panel-hover-color);
}
.clc-panel-titlebar-toggler:focus {
  outline: var(--clc-outline-normal);
}
.clc-panel-titlebar-toggler:focus-visible {
  outline: var(--clc-panel-toggle-icon-focus-outline);
  outline-offset: var(--clc-panel-toggle-icon-focus-outline-offset);
}
.clc-panel-titlebar-toggler .clci-minus:before {
  content: "remove";
}
.clc-panel-titlebar-toggler .clci-plus:before {
  content: "add";
}

.clc-sidebar-toggle {
  appearance: none;
  cursor: pointer;
  border: none;
  padding: var(--clc-sidebar-toggle-padding);
  margin-inline-end: var(--clc-sidebar-toggle-margin-inline-end);
  border-inline-end: var(--clc-sidebar-toggle-border);
  background-color: var(--clc-sidebar-toggle-background-color);
  color: var(--clc-sidebar-toggle-color);
}
.clc-justify-content-flex-end .clc-sidebar-toggle {
  border-inline-start: var(--clc-sidebar-toggle-border);
  border-inline-end: none;
}
.clc-sidebar-toggle:focus {
  outline: none;
}
.clc-sidebar-toggle:focus-visible {
  outline: var(--clc-sidebar-toggle-focus-outline);
  outline-offset: var(--clc-sidebar-toggle-focus-outline-offset);
}
.clc-sidebar-toggle:focus-visible, .clc-sidebar-toggle:hover {
  color: var(--clc-sidebar-toggle-hover-color);
  background: var(--clc-sidebar-toggle-hover-background-color);
  border-radius: var(--clc-sidebar-toggle-hover-border-radius);
}
.clc-sidebar-toggle .clci {
  width: var(--clc-sidebar-toggle-icon-width);
  height: var(--clc-sidebar-toggle-icon-height);
  font-size: var(--clc-sidebar-toggle-icon-width);
}

.clc-navigation-item-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
.clc-navigation-item-link:hover {
  text-decoration: none;
}

.clc-navigation-item-text {
  flex: auto;
}

.clc-context-menu {
  box-sizing: border-box;
}
.clc-context-menu .clc-menu {
  flex-direction: column;
}

.clc-context-menu .clc-menu, .clc-context-menu .clc-navigation-menu {
  box-shadow: var(--clc-context-menu-box-shadow);
  border: var(--clc-menu-border);
  border-radius: var(--clc-menu-border-radius);
}

.clc-context-menu .clc-menu:not(.clc-profile-menu) {
  align-items: stretch;
  background-color: var(--clc-menu-background-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-link {
  color: var(--clc-menu-item-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-item-icon-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper {
  border-radius: var(--clc-menu-item-border-radius);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper .clc-navigation-item-link {
  padding-block: var(--clc-menu-item-padding-block);
  padding-inline: var(--clc-menu-item-padding-inline);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover {
  background-color: var(--clc-menu-item-hover-background-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover .clc-navigation-item-link {
  color: var(--clc-menu-item-hover-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-item-icon-hover-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper-active .clc-navigation-item-link {
  color: var(--clc-menu-item-selected-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper-active .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-item-selected-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) > .clc-navigation-item > .clc-navigation-item-wrapper-active:before {
  display: none;
}

.clc-menu:not(.clc-profile-menu) {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  background-color: var(--clc-menu-top-item-background-color);
}
.clc-context-menu .clc-menu:not(.clc-profile-menu) {
  padding-block: var(--clc-context-menu-padding-block);
  padding-inline: var(--clc-context-menu-padding-inline);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-link {
  color: var(--clc-menu-top-item-color);
  white-space: nowrap;
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-top-item-icon-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper {
  border-radius: var(--clc-menu-top-item-border-radius);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper .clc-navigation-item-link {
  padding-block: var(--clc-menu-top-item-padding-block);
  padding-inline: var(--clc-menu-top-item-padding-inline);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover {
  background-color: var(--clc-menu-top-item-hover-background-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover .clc-navigation-item-link {
  color: var(--clc-menu-top-item-hover-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-top-item-icon-hover-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper-active .clc-navigation-item-link {
  color: var(--clc-menu-top-item-selected-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper-active .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-top-item-selected-color);
}
.clc-menu:not(.clc-profile-menu):focus {
  outline: var(--clc-outline-normal);
}
.clc-menu:not(.clc-profile-menu):focus-visible {
  outline: var(--clc-menu-item-focus-outline);
}
.clc-menu:not(.clc-profile-menu):focus-visible .clc-navigation-item.clc-state-focused > .clc-navigation-item-wrapper {
  outline: var(--clc-menu-item-focus-outline);
  outline-offset: var(--clc-menu-item-focus-outline-offset);
}
.clc-menu:not(.clc-profile-menu) > .clc-navigation-item > .clc-navigation-item-wrapper-active:before {
  position: absolute;
  content: "";
  inset-block-end: -2px;
  height: 1px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: var(--clc-menu-top-item-selected-color);
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.5rem;
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item {
  position: relative;
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu {
  list-style: none;
  overflow: hidden;
  position: absolute;
  padding-block: var(--clc-context-menu-padding-block);
  padding-inline: var(--clc-context-menu-padding-inline);
  margin: 0;
  min-width: 100%;
  box-shadow: var(--clc-context-menu-box-shadow);
  z-index: 3;
  border-radius: var(--clc-menu-border-radius);
  background-color: var(--clc-menu-background-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper {
  border-radius: var(--clc-menu-item-border-radius);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper .clc-navigation-item-link {
  padding-block: var(--clc-menu-item-padding-block);
  padding-inline: var(--clc-menu-item-padding-inline);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:hover {
  background-color: var(--clc-menu-item-hover-background-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:hover .clc-navigation-item-link {
  color: var(--clc-menu-item-hover-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:hover .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-item-icon-hover-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-link {
  color: var(--clc-menu-item-color);
  white-space: nowrap;
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-item-icon-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu {
  position: static;
  box-shadow: none;
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-link {
  color: var(--clc-menu-item-color);
  margin-inline-start: var(--clc-menu-item-offset);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-link {
  margin-inline-start: calc(var(--clc-menu-item-offset) * 2);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-link {
  margin-inline-start: calc(var(--clc-menu-item-offset) * 3);
}
.clc-menu:not(.clc-profile-menu) .clci:not(.clc-navigation-item-icon-children) {
  margin-inline: var(--clc-menu-item-icon-margin-inline);
}

.clc-navigation-item-wrapper,
.clc-navigation-item-link,
.clc-navigation-item-text {
  transition: var(--clc-menu-item-transition);
}

li.clc-navigation-item.clc-state-disabled {
  opacity: var(--clc-menu-item-disabled-opacity);
  cursor: initial;
  pointer-events: none;
}

.clc-menu-toggle-item {
  display: none;
  padding-block: var(--clc-menu-top-item-padding-block);
  padding-inline: var(--clc-menu-top-item-padding-inline);
  justify-content: end;
  align-items: center;
  width: 100%;
  height: 100%;
}

.clc-menu-toggle {
  appearance: none;
  background-color: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--clc-menu-top-item-color);
}
.clc-menu-toggle:hover {
  background-color: transparent;
  color: var(--clc-menu-top-item-hover-color);
}
.clc-menu-toggle:active {
  background-color: transparent;
  color: var(--clc-menu-top-item-color);
}
.clc-context-menu .clc-menu-toggle {
  color: var(--clc-menu-item-color);
}
.clc-context-menu .clc-menu-toggle:hover {
  color: var(--clc-menu-item-hover-color);
}
.clc-context-menu .clc-menu-toggle:active {
  color: var(--clc-menu-item-color);
}

@media (max-width: 768px) {
  .clc-menu:not(.clc-profile-menu).clc-menu-closed .clc-navigation-item {
    display: none;
  }
  .clc-menu:not(.clc-profile-menu) .clc-menu-toggle .clci {
    margin: 0;
  }
  .clc-menu:not(.clc-profile-menu).clc-menu-open {
    display: block;
  }
  .clc-menu:not(.clc-profile-menu).clc-menu-open .clc-navigation-item {
    background-color: inherit;
  }
  .clc-menu:not(.clc-profile-menu).clc-menu-open .clc-navigation-menu {
    position: static;
    box-shadow: none;
    border-radius: 0;
  }
  .clc-menu:not(.clc-profile-menu) .clc-menu-toggle-item {
    display: flex;
  }
  .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper-active:before {
    display: none !important;
  }
}
.clc-panel-menu {
  box-sizing: border-box;
  list-style: none;
  padding-block: var(--clc-panel-menu-padding-block);
  padding-inline: var(--clc-panel-menu-padding-inline);
  margin-block-start: 0;
  margin-block-end: 0;
  overflow: auto;
  font-size: var(--clc-panel-menu-font-size);
  font-weight: var(--clc-panel-menu-font-weight);
  color: var(--clc-panel-menu-item-color);
  background-color: var(--clc-panel-menu-item-background-color);
  /* First level items */
  /* Second level items */
}
.clc-panel-menu:focus {
  outline: var(--clc-outline-normal);
}
.clc-panel-menu:focus-visible .clc-navigation-item.clc-state-focused > .clc-navigation-item-wrapper {
  outline: var(--clc-panel-menu-focus-outline);
  outline-offset: var(--clc-panel-menu-focus-outline-offset);
}
.clc-panel-menu > .clc-navigation-item {
  margin-block: var(--clc-panel-menu-item-margin-block);
  margin-inline: var(--clc-panel-menu-item-margin-inline);
}
.clc-panel-menu .clc-navigation-item {
  border-block-end: var(--clc-panel-menu-item-border);
  border-radius: var(--clc-panel-menu-item-border-radius);
  overflow: hidden;
}
.clc-panel-menu .clc-navigation-item-wrapper {
  position: relative;
  line-height: var(--clc-panel-menu-item-line-height);
  transition: var(--clc-panel-menu-item-transition);
  border-radius: var(--clc-panel-menu-item-border-radius);
  overflow: hidden;
}
.clc-panel-menu .clc-navigation-item-wrapper:hover {
  background-color: var(--clc-panel-menu-item-hover-background-color);
  color: var(--clc-panel-menu-item-hover-color);
}
.clc-panel-menu .clc-navigation-item-wrapper:hover .clc-navigation-item-icon {
  color: var(--clc-panel-menu-item-hover-color);
}
.clc-panel-menu .clc-navigation-item-active,
.clc-panel-menu .clc-navigation-item-wrapper-active {
  background-color: var(--clc-panel-menu-item-active-background-color);
  color: var(--clc-panel-menu-item-active-color);
}
.clc-panel-menu .clc-navigation-item-active:before,
.clc-panel-menu .clc-navigation-item-wrapper-active:before {
  position: absolute;
  content: "";
  inset-block-start: 0;
  inset-block-end: 0;
  width: 4px;
  background-color: var(--clc-panel-menu-item-active-indicator);
}
.clc-panel-menu .clc-navigation-item-active .clc-navigation-item-icon,
.clc-panel-menu .clc-navigation-item-wrapper-active .clc-navigation-item-icon {
  color: var(--clc-panel-menu-item-active-color);
}
.clc-panel-menu .clc-navigation-item-link {
  padding-block: var(--clc-panel-menu-item-padding-block);
  padding-inline: var(--clc-panel-menu-item-padding-inline);
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.clc-panel-menu a.clc-navigation-item-link {
  cursor: pointer;
  text-decoration: none;
}
.clc-panel-menu .clc-navigation-item-text {
  flex: auto;
}
.clc-panel-menu .clc-navigation-item-icon-children {
  margin-inline-start: auto;
  font-size: var(--clc-panel-menu-toggle-icon-font-size);
  opacity: var(--clc-panel-menu-toggle-icon-opacity);
  z-index: 1;
}
.clc-panel-menu .clc-navigation-item-icon {
  height: var(--clc-panel-menu-icon-height);
  width: var(--clc-panel-menu-icon-width);
  color: var(--clc-panel-menu-icon-color);
  margin-inline: var(--clc-panel-menu-icon-margin-inline);
  font-size: var(--clc-panel-menu-icon-font-size);
  transition: var(--clc-panel-menu-item-transition);
}
.clc-panel-menu .clc-navigation-menu {
  list-style: none;
  padding: 0;
  margin-block-end: 0;
  overflow: hidden;
  /* Third level items */
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-wrapper {
  margin-block: var(--clc-panel-menu-item-2nd-level-margin-block);
  margin-inline: var(--clc-panel-menu-item-2nd-level-margin-inline);
  border-radius: var(--clc-panel-menu-item-2nd-level-border-radius);
  background-color: var(--clc-panel-menu-item-2nd-level-background-color);
  overflow: hidden;
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-wrapper:hover {
  background-color: var(--clc-panel-menu-item-2nd-level-hover-background-color);
  color: var(--clc-panel-menu-item-2nd-level-hover-color);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-wrapper:hover .clc-navigation-item-icon {
  color: var(--clc-panel-menu-item-2nd-level-hover-color);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-active,
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-wrapper-active {
  background-color: var(--clc-panel-menu-item-2nd-level-active-background-color);
  color: var(--clc-panel-menu-item-2nd-level-active-color);
  font-weight: var(--clc-panel-menu-item-2nd-level-active-font-weight);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-active .clc-navigation-item-icon,
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-wrapper-active .clc-navigation-item-icon {
  color: var(--clc-panel-menu-item-2nd-level-active-color);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item-icon {
  height: var(--clc-panel-menu-icon-2nd-level-icon-size);
  width: var(--clc-panel-menu-icon-2nd-level-icon-size);
  font-size: var(--clc-panel-menu-icon-2nd-level-icon-size);
  margin-inline: var(--clc-panel-menu-icon-2nd-level-margin-inline);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item {
  border-block-end: none;
  color: var(--clc-panel-menu-item-2nd-level-color);
  font-size: var(--clc-panel-menu-item-2nd-level-font-size);
  font-weight: var(--clc-panel-menu-item-2nd-level-font-weight);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item:first-child {
  margin-block-start: var(--clc-panel-menu-2nd-level-vertical-offset);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item:last-child {
  margin-block-end: var(--clc-panel-menu-2nd-level-vertical-offset);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-item .clc-navigation-item-link {
  padding-block: var(--clc-panel-menu-item-2nd-level-padding-block);
  padding-inline: var(--clc-panel-menu-item-2nd-level-padding-inline);
  padding-inline-start: var(--clc-panel-menu-item-2nd-level-offset);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-menu {
  margin: 0;
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-wrapper {
  color: var(--clc-panel-menu-item-3rd-level-color);
  background-color: var(--clc-panel-menu-item-3rd-level-background-color);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-wrapper:hover {
  color: var(--clc-panel-menu-item-3rd-level-hover-color);
  background-color: var(--clc-panel-menu-item-3rd-level-hover-background-color);
}
.clc-panel-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-active,
.clc-panel-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-wrapper-active {
  background-color: var(--clc-panel-menu-item-3rd-level-active-background-color);
  color: var(--clc-panel-menu-item-3rd-level-active-color);
}

ul.clc-profile-menu {
  box-sizing: border-box;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-block: var(--clc-profile-menu-padding-block);
  padding-inline: var(--clc-profile-menu-padding-inline);
  display: inline-block;
  background-color: var(--clc-profile-menu-top-item-background-color);
  border-inline-start: var(--clc-profile-menu-border);
  position: relative;
  z-index: 3;
}
ul.clc-profile-menu:focus {
  outline: var(--clc-outline-normal);
}
ul.clc-profile-menu:focus-visible {
  outline: var(--clc-menu-item-focus-outline);
}
ul.clc-profile-menu:focus-visible .clc-navigation-item.clc-state-focused > .clc-navigation-item-wrapper {
  outline: var(--clc-profile-menu-item-focus-outline);
  outline-offset: var(--clc-profile-menu-item-focus-outline-offset);
}
ul.clc-profile-menu .clc-navigation-item-icon-children {
  color: var(--clc-profile-menu-toggle-button-color);
}
ul.clc-profile-menu .clc-navigation-menu {
  list-style: none;
  overflow: hidden;
  position: absolute;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-block: var(--clc-context-menu-padding-block);
  padding-inline: var(--clc-context-menu-padding-inline);
  border-radius: var(--clc-profile-menu-border-radius);
  background-color: var(--clc-profile-menu-background-color);
  box-shadow: var(--clc-context-menu-box-shadow);
  text-align: start;
  inset-block-start: calc(100% - 2px);
  inset-inline-end: 0;
  min-width: 100%;
  white-space: nowrap;
}
ul.clc-profile-menu .clc-navigation-menu .clc-navigation-item-wrapper .clc-navigation-item-link {
  padding-block: var(--clc-menu-item-padding-block);
  padding-inline: var(--clc-menu-item-padding-inline);
}
ul.clc-profile-menu .clc-navigation-menu .clc-navigation-item-wrapper:hover {
  background-color: var(--clc-profile-menu-item-hover-background-color);
  color: var(--clc-menu-item-hover-color);
}
ul.clc-profile-menu .clc-navigation-menu .clc-navigation-item-wrapper:hover .clc-navigation-item-link {
  color: var(--clc-menu-item-hover-color);
}
ul.clc-profile-menu .clc-navigation-menu .clc-navigation-item-wrapper:hover .clc-navigation-item-text {
  color: var(--clc-menu-item-hover-color);
}
ul.clc-profile-menu .clc-navigation-menu .clc-navigation-item-link,
ul.clc-profile-menu .clc-navigation-menu .clc-navigation-item-text {
  color: var(--clc-menu-item-color);
}
ul.clc-profile-menu .clc-navigation-menu .clci {
  width: var(--clc-profile-menu-item-icon-width);
  height: var(--clc-profile-menu-item-icon-height);
  font-size: var(--clc-profile-menu-item-icon-font-size);
  margin-inline: var(--clc-profile-menu-item-icon-margin-inline);
}

.clc-gravatar {
  box-sizing: border-box;
  width: var(--clc-gravatar-width);
  height: var(--clc-gravatar-height);
  display: inline-block;
  border-radius: var(--clc-gravatar-border-radius);
  box-shadow: var(--clc-gravatar-box-shadow);
}

.clc-steps {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.clc-steps .clc-widget-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.clc-steps ul {
  list-style: none;
  padding: 0;
}
.clc-steps .clc-menuitem-link {
  display: inline-flex;
  align-items: center;
  color: var(--clc-steps-color);
  cursor: pointer;
  text-decoration: none;
}
.clc-steps .clc-menuitem-link:hover {
  text-decoration: none;
  color: var(--clc-steps-title-selected-color) !important;
}
.clc-steps .clc-state-disabled .clc-menuitem-link {
  color: var(--clc-text-disabled-color);
  cursor: default;
}
.clc-steps .clc-state-disabled .clc-menuitem-link:hover {
  color: var(--clc-text-disabled-color) !important;
}
.clc-steps .clc-state-highlight .clc-steps-title {
  color: var(--clc-steps-title-selected-color);
}
.clc-steps .clc-state-highlight .clc-steps-number {
  background: var(--clc-steps-number-selected-background);
  color: var(--clc-steps-number-selected-color);
}

.clc-steps-item {
  display: inline-block;
}
.clc-steps-item:focus {
  outline: var(--clc-outline-normal);
}
.clc-steps-item:focus-visible {
  outline: var(--clc-outline-normal);
}
.clc-steps-item:focus-visible .clc-steps-number {
  outline: var(--clc-steps-number-focus-outline);
  outline-offset: var(--clc-steps-number-focus-outline-offset);
}

.clc-steps-title {
  margin-block: var(--clc-steps-title-margin-block);
  margin-inline: var(--clc-steps-title-margin-inline);
}

.clc-steps-number {
  text-align: center;
  line-height: var(--clc-steps-number-line-height);
  color: var(--clc-steps-number-color);
  padding-block: var(--clc-steps-number-padding-block);
  padding-inline: var(--clc-steps-number-padding-inline);
  width: var(--clc-steps-number-width);
  height: var(--clc-steps-number-height);
  background-color: var(--clc-steps-number-background-color);
  border-radius: var(--clc-steps-number-border-radius);
}

.clc-steps-buttons {
  display: flex;
  justify-content: space-between;
  padding-block: var(--clc-steps-buttons-padding-block);
  padding-inline: var(--clc-steps-buttons-padding-inline);
}

.clc-steps-next,
.clc-steps-prev {
  display: inline-flex;
  align-items: center;
  color: var(--clc-steps-button-color) !important;
  text-decoration: none;
}
.clc-steps-next:not(.clc-state-disabled):hover,
.clc-steps-prev:not(.clc-state-disabled):hover {
  cursor: pointer;
  color: var(--clc-steps-title-selected-color) !important;
}
.clc-steps-next:hover,
.clc-steps-prev:hover {
  text-decoration: none;
}
.clc-steps-next.clc-state-disabled,
.clc-steps-prev.clc-state-disabled {
  opacity: 0.5 !important;
}

.clc-steps-prev .clci:before {
  content: "navigate_before";
}

.clc-steps-next .clci:before {
  content: "navigate_next";
}

*[dir=rtl] .clc-steps-prev .clci:before {
  content: "navigate_next";
}
*[dir=rtl] .clc-steps-next .clci:before {
  content: "navigate_before";
}

.clc-textarea {
  padding-block: var(--clc-text-area-padding-block);
  padding-inline: var(--clc-text-area-padding-inline);
  height: auto;
}

.clc-checkbox-list-vertical {
  box-sizing: border-box;
}
.clc-checkbox-list-vertical .clc-checkbox {
  display: flex;
  align-items: center;
  margin-block: var(--clc-checkbox-margin-block);
  margin-inline: var(--clc-checkbox-margin-inline);
  cursor: pointer;
}

.clc-checkbox-list-horizontal {
  box-sizing: border-box;
}
.clc-checkbox-list-horizontal .clc-checkbox {
  display: inline-flex;
  align-items: center;
}

.clc-state-disabled .clc-checkbox {
  cursor: initial;
}

.clc-chkbox-label,
.clc-chkbox-template {
  margin-block: var(--clc-checkbox-label-margin-block);
  margin-inline: var(--clc-checkbox-label-margin-inline);
}

.clc-chkbox {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: var(--clc-checkbox-width);
  min-width: var(--clc-checkbox-width);
  height: var(--clc-checkbox-height);
}
.clc-chkbox:focus {
  outline: var(--clc-outline-normal);
}
.clc-chkbox:focus-visible .clc-chkbox-box {
  outline: var(--clc-checkbox-focus-outline);
  outline-offset: var(--clc-checkbox-focus-outline-offset);
}

.clc-chkbox-box {
  position: absolute;
  cursor: pointer;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--clc-input-border);
  border-width: var(--clc-checkbox-border-width);
  border-radius: var(--clc-checkbox-border-radius);
  box-shadow: var(--clc-input-shadow);
  background-color: var(--clc-input-background-color);
  transition: var(--clc-transition-all);
}
.clc-chkbox-box:hover:not(.clc-state-disabled) {
  border-width: var(--clc-checkbox-border-width);
}
.clc-chkbox-box.clc-state-disabled {
  cursor: initial;
  color: var(--clc-input-disabled-color);
  box-shadow: var(--clc-input-disabled-shadow);
  background-color: var(--clc-input-disabled-background-color);
  border: var(--clc-input-disabled-border);
  border-width: var(--clc-checkbox-border-width);
  opacity: var(--clc-input-disabled-opacity);
}
.clc-chkbox-box .clci {
  width: var(--clc-checkbox-icon-width);
  height: var(--clc-checkbox-icon-height);
  font-size: var(--clc-checkbox-icon-font-size);
  color: var(--clc-checkbox-checked-color);
  vertical-align: middle;
  background-color: var(--clc-checkbox-checked-icon-background-color);
  border-radius: var(--clc-checkbox-checked-icon-border-radius);
}
.clc-chkbox-box .clci-check:before {
  content: "check";
}
.clc-chkbox-box .clci-times {
  width: var(--clc-checkbox-tri-icon-width);
  height: var(--clc-checkbox-tri-icon-height);
  font-size: var(--clc-checkbox-tri-icon-font-size);
}
.clc-chkbox-box .clci-times:before {
  content: "remove";
}
.clc-chkbox-box.clc-state-active {
  background-color: var(--clc-checkbox-checked-background-color);
  border: var(--clc-checkbox-checked-border);
}
.clc-chkbox-box.clc-state-active:hover:not(.clc-state-disabled) {
  background-color: var(--clc-checkbox-checked-hover-background-color);
  border: var(--clc-checkbox-checked-hover-border);
}
.clc-chkbox-box.clc-state-active.clc-state-disabled {
  background-color: var(--clc-checkbox-checked-disabled-background-color);
  border: var(--clc-checkbox-checked-disabled-border);
  opacity: 0.5;
}

.clc-switch {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 3.25rem;
  min-width: 3.25rem;
  height: 2rem;
  border-radius: calc(5 * var(--clc-border-radius));
}
.clc-switch:focus {
  outline: var(--clc-outline-normal);
}
.clc-switch:focus-visible {
  outline: var(--clc-switch-focus-outline);
  outline-offset: var(--clc-switch-focus-outline-offset);
}

.clc-switch-circle {
  position: absolute;
  cursor: pointer;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
}

.clc-switch-circle.clc-disabled {
  opacity: 0.5;
  cursor: initial;
}

.clc-switch .clc-switch-circle {
  background: var(--clc-switch-background-color);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: calc(5 * var(--clc-border-radius));
}

.clc-switch.clc-switch-checked .clc-switch-circle {
  background: var(--clc-switch-checked-background-color);
}

.clc-switch .clc-switch-circle:before {
  background: var(--clc-switch-circle-background-color);
  width: 1rem;
  height: 1rem;
  inset-inline-start: 0.5rem;
  margin-block-start: -0.5rem;
  border-radius: calc(5 * var(--clc-border-radius) - 3px);
  transition: transform 0.2s linear;
  box-shadow: var(--clc-switch-box-shadow);
}

.clc-switch-circle:before {
  position: absolute;
  content: "";
  inset-block-start: 50%;
}

.clc-switch-circle.clc-disabled:before {
  box-shadow: none;
}

.clc-switch.clc-switch-checked .clc-switch-circle:before {
  background: var(--clc-switch-checked-circle-background-color);
  transform: translateX(1.25rem);
}

*[dir=rtl] .clc-switch.clc-switch-checked .clc-switch-circle:before {
  transform: translateX(-1.25rem);
}

.clc-radio-button-list-vertical {
  box-sizing: border-box;
}
.clc-radio-button-list-vertical .clc-radio-btn {
  display: flex;
  margin-block: var(--clc-radio-margin-block);
  margin-inline: var(--clc-radio-margin-inline);
  align-items: center;
}

.clc-radio-button-list-horizontal {
  box-sizing: border-box;
}
.clc-radio-button-list-horizontal .clc-radio-btn {
  display: inline-flex;
  align-items: center;
}

.clc-state-disabled .clc-radiobutton {
  cursor: initial;
}

.clc-radiobutton-label,
.clc-radiobutton-template {
  margin-block: var(--clc-radio-label-margin-block);
  margin-inline: var(--clc-radio-label-margin-inline);
}

.clc-radiobutton {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  width: var(--clc-radio-width);
  height: var(--clc-radio-height);
  border-radius: var(--clc-radio-border-radius);
}
.clc-radiobutton:focus {
  outline: var(--clc-outline-normal);
}
.clc-radiobutton:focus-visible {
  outline: var(--clc-radio-focus-outline);
  outline-offset: var(--clc-radio-focus-outline-offset);
}

.clc-radiobutton-box {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  border: var(--clc-input-border);
  border-width: var(--clc-radio-border-width);
  border-radius: var(--clc-radio-border-radius);
  box-shadow: var(--clc-input-shadow);
  background-color: var(--clc-input-background-color);
  transition: var(--clc-transition-all);
}
.clc-radiobutton-box:hover:not(.clc-state-disabled) {
  border-width: var(--clc-radio-border-width);
}
.clc-radiobutton-box:active:not(.clc-state-disabled) {
  background-color: var(--clc-radio-active-background-color);
  box-shadow: var(--clc-radio-active-shadow);
  border-width: var(--clc-radio-border-width);
}
.clc-radiobutton-box.clc-state-disabled {
  cursor: initial;
  box-shadow: var(--clc-input-disabled-shadow);
  background-color: var(--clc-input-disabled-background-color);
  border: var(--clc-input-disabled-border);
  border-width: var(--clc-radio-border-width);
  opacity: var(--clc-input-disabled-opacity);
}
.clc-radiobutton-box .clci {
  width: var(--clc-radio-icon-width);
  height: var(--clc-radio-icon-height);
  color: var(--clc-radio-checked-color);
}
.clc-radiobutton-box .clci-circle-on {
  border-radius: var(--clc-radio-border-radius);
  vertical-align: middle;
  background-color: var(--clc-radio-circle-background-color);
  box-shadow: var(--clc-radio-circle-shadow);
}
.clc-radiobutton-box .clci-circle-on:hover:not(.clc-state-disabled) {
  background-color: var(--clc-radio-circle-hover-background-color);
}
.clc-radiobutton-box.clc-state-active {
  background-color: var(--clc-radio-checked-background-color);
  border: var(--clc-radio-checked-border);
  border-width: var(--clc-radio-border-width);
}
.clc-radiobutton-box.clc-state-active:hover:not(.clc-state-disabled) {
  background-color: var(--clc-radio-checked-hover-background-color);
  border: var(--clc-radio-checked-border);
  box-shadow: var(--clc-radio-checked-hover-shadow);
  border-width: var(--clc-radio-border-width);
}
.clc-radiobutton-box.clc-state-active.clc-state-disabled {
  background-color: var(--clc-radio-checked-background-color);
  border: var(--clc-radio-checked-border);
  border-width: var(--clc-radio-border-width);
  opacity: 0.5;
}

.clc-fieldset {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  min-width: 0;
  border: var(--clc-fieldset-border);
  border-radius: var(--clc-fieldset-border-radius);
}

.clc-fieldset-content {
  padding: var(--clc-fieldset-padding);
}

.clc-fieldset-content-wrapper {
  overflow: hidden;
}

.clc-fieldset-legend-text {
  vertical-align: middle;
}

.clc-fieldset-toggler {
  vertical-align: middle;
  width: var(--clc-fieldset-toggle-width);
  height: var(--clc-fieldset-toggle-height);
  background-color: var(--clc-fieldset-toggle-background-color);
  color: var(--clc-fieldset-toggle-color);
  border: var(--clc-fieldset-toggle-border);
}
.clc-fieldset-toggler.clci {
  text-align: center;
  font-size: var(--clc-fieldset-toggle-font-size);
  line-height: var(--clc-fieldset-toggle-height);
  margin-block: var(--clc-fieldset-toggle-margin-block);
  margin-inline: var(--clc-fieldset-toggle-margin-inline);
}
.clc-fieldset-toggler.clci-minus:before {
  content: "remove";
}
.clc-fieldset-toggler.clci-plus:before {
  content: "add";
}
a:focus .clc-fieldset-toggler {
  outline: var(--clc-outline-normal);
}
a:focus-visible .clc-fieldset-toggler {
  outline: var(--clc-fieldset-toggle-focus-outline);
  outline-offset: var(--clc-fieldset-toggle-focus-outline-offset);
}

.clc-fieldset-legend {
  float: none;
  margin-block: var(--clc-fieldset-legend-margin-block);
  margin-inline: var(--clc-fieldset-legend-margin-inline);
  padding-block: var(--clc-fieldset-legend-padding-block);
  padding-inline: var(--clc-fieldset-legend-padding-inline);
  width: auto;
  color: var(--clc-fieldset-legend-color);
  font-size: var(--clc-fieldset-legend-font-size);
}
.clc-fieldset-legend a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.clc-fieldset-legend a:focus {
  outline: var(--clc-outline-normal);
}

.clc-multiselect, .clc-dropdown {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  text-align: start;
}
.clc-multiselect .clc-placeholder, .clc-dropdown .clc-placeholder {
  color: var(--clc-input-placeholder-color);
}

.clc-dropdown.clc-dropdown-open {
  background-color: var(--clc-dropdown-open-background-color);
  border: var(--clc-dropdown-open-border);
}

.clc-multiselect.clc-state-focus {
  background-color: var(--clc-dropdown-open-background-color);
  border: var(--clc-dropdown-open-border);
}

.clc-multiselect-trigger, .clc-dropdown-trigger {
  position: absolute;
  display: flex;
  align-items: center;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
}
.clc-multiselect-trigger .clci, .clc-dropdown-trigger .clci {
  width: var(--clc-dropdown-trigger-icon-width);
  height: var(--clc-dropdown-trigger-icon-height);
  font-size: var(--clc-dropdown-trigger-icon-height);
  margin-block: var(--clc-dropdown-trigger-icon-margin-block);
  margin-inline: var(--clc-dropdown-trigger-icon-margin-inline);
}
.clc-multiselect-trigger .clci-chevron-down:before, .clc-dropdown-trigger .clci-chevron-down:before {
  content: "arrow_drop_down";
}

.clc-dropdown-clear-icon {
  position: absolute;
  inset-inline-end: calc(var(--clc-dropdown-trigger-icon-width) + 0.5rem);
  inset-block-start: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--clc-dropdown-trigger-icon-height);
  opacity: 0.4;
}
.clc-dropdown-clear-icon:before {
  content: "close";
}
.clc-dropdown-clear-icon:hover {
  opacity: 1;
}
.clc-state-disabled > .clc-dropdown-clear-icon {
  display: none;
}

.clc-html-editor-dropdown-items, .clc-splitbutton-menu, .clc-autocomplete-panel, .clc-multiselect-panel, .clc-dropdown-panel {
  position: absolute;
  background-color: var(--clc-dropdown-open-background-color);
  border-radius: var(--clc-input-border-radius);
  border: var(--clc-dropdown-panel-border);
  box-shadow: var(--clc-dropdown-panel-shadow);
}

.clc-dropdown-panel {
  box-sizing: content-box;
  padding: var(--clc-dropdown-panel-padding);
}

.clc-multiselect-panel {
  box-sizing: content-box;
  padding: var(--clc-dropdown-panel-padding);
}
.clc-multiselect-panel .clc-chkbox {
  margin-block: var(--clc-multiselect-checkbox-margin-block);
  margin-inline: var(--clc-multiselect-checkbox-margin-inline);
}

.clc-autocomplete-items, .clc-multiselect-items, .clc-dropdown-items {
  list-style: none;
  padding: var(--clc-dropdown-items-padding);
  margin: 0;
}
.clc-autocomplete-items li, .clc-multiselect-items li, .clc-dropdown-items li {
  /* The 'No results found' item has no CSS class */
}

.clc-dropdown-items-wrapper,
.clc-multiselect-items-wrapper {
  overflow: auto;
  margin: var(--clc-dropdown-items-margin);
  border-radius: var(--clc-input-border-radius);
}

.clc-multiselect-items-wrapper {
  overflow: auto;
}

.clc-dropdown-filter-container {
  padding: var(--clc-dropdown-filter-padding);
  border-bottom: var(--clc-dropdown-filter-border);
}

.clc-multiselect-filter-container .clc-inputtext, .clc-dropdown-filter {
  background-color: transparent;
  color: var(--clc-text-color);
}

.clc-multiselect-header {
  display: flex;
  align-items: center;
  padding: var(--clc-dropdown-item-padding);
  margin: var(--clc-dropdown-items-margin);
}

.clc-menuitem, .clc-autocomplete-list-item, .clc-multiselect-item, .clc-autocomplete-items li, .clc-dropdown-items li, .clc-multiselect-items li, .clc-dropdown-item {
  padding: var(--clc-dropdown-item-padding);
  transition: var(--clc-dropdown-item-transition);
  cursor: default;
  font-size: var(--clc-dropdown-item-font-size);
}
.clc-state-highlight.clc-menuitem, .clc-state-highlight.clc-autocomplete-list-item, .clc-state-highlight.clc-multiselect-item, .clc-autocomplete-items li.clc-state-highlight, .clc-dropdown-items li.clc-state-highlight, .clc-multiselect-items li.clc-state-highlight, .clc-dropdown-item.clc-state-highlight {
  background-color: var(--clc-dropdown-item-selected-background-color);
  color: var(--clc-dropdown-item-selected-color);
  box-shadow: var(--clc-dropdown-item-selected-shadow);
  border-radius: 0;
}
.clc-state-highlight.clc-menuitem:hover, .clc-state-highlight.clc-autocomplete-list-item:hover, .clc-state-highlight.clc-multiselect-item:hover, .clc-autocomplete-items li.clc-state-highlight:hover, .clc-dropdown-items li.clc-state-highlight:hover, .clc-multiselect-items li.clc-state-highlight:hover, .clc-dropdown-item.clc-state-highlight:hover {
  background-color: var(--clc-dropdown-item-selected-hover-background-color);
  color: var(--clc-dropdown-item-selected-hover-color);
}
.clc-state-disabled.clc-menuitem, .clc-state-disabled.clc-autocomplete-list-item, .clc-state-disabled.clc-multiselect-item, .clc-autocomplete-items li.clc-state-disabled, .clc-dropdown-items li.clc-state-disabled, .clc-multiselect-items li.clc-state-disabled, .clc-dropdown-item.clc-state-disabled {
  opacity: var(--clc-dropdown-item-disabled-opacity);
  cursor: initial;
}
.clc-menuitem:hover, .clc-autocomplete-list-item:hover, .clc-multiselect-item:hover, .clc-autocomplete-items li:hover, .clc-dropdown-items li:hover, .clc-multiselect-items li:hover, .clc-dropdown-item:hover {
  background-color: var(--clc-dropdown-item-hover-background-color);
  color: var(--clc-dropdown-item-hover-color);
  border-radius: 0;
}

.clc-multiselect-close {
  display: none;
}

.clc-multiselect-filter-container {
  flex: auto;
  border-bottom: var(--clc-dropdown-filter-border);
}
.clc-multiselect-filter-container .clc-inputtext {
  padding: 0;
}

.clc-multiselect-item {
  display: flex;
  align-items: center;
}

.clc-multiselect-item-content {
  flex: 1;
}

.clc-multiselect-label-container,
.clc-dropdown-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-block: var(--clc-dropdown-label-padding-block);
  padding-inline: var(--clc-dropdown-label-padding-inline);
  margin: 0;
}

.clc-dropdown-chips {
  height: inherit;
  padding-block: var(--clc-dropdown-chips-padding-block);
  padding-inline: var(--clc-dropdown-chips-padding-inline);
}
.clc-dropdown-chips .clc-dropdown-chips-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-inline-end: 3rem;
}
.clc-dropdown-chips .clc-chip {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: var(--clc-chip-gap);
  padding-block: var(--clc-chip-padding-block);
  padding-inline: var(--clc-chip-padding-inline);
  color: var(--clc-chip-color);
  background-color: var(--clc-chip-background-color);
  border-radius: var(--clc-chip-border-radius);
}
.clc-dropdown-chips .clc-chip .clc-chip-text {
  font-size: var(--clc-chip-font-size);
}
.clc-dropdown-chips .clc-chip .clc-button {
  border-radius: var(--clc-chip-border-radius);
  box-shadow: none;
  align-self: stretch;
}
.clc-dropdown-chips .clc-chip .clci {
  vertical-align: middle;
  font-size: 1rem;
}

.clc-clear .clc-multiselect-label-container,
.clc-clear .clc-dropdown-label {
  padding-inline-end: calc(2 * var(--clc-dropdown-trigger-icon-width));
}

.clc-autocomplete {
  box-sizing: border-box;
  display: inline-block;
  border: var(--clc-input-border);
  border-radius: var(--clc-input-border-radius);
  background-color: var(--clc-input-background-color);
  transition: var(--clc-input-transition);
  overflow: hidden;
}
.clc-autocomplete-input {
  padding-block: var(--clc-input-padding-block);
  padding-inline: var(--clc-input-padding-inline);
  background-color: transparent;
  color: var(--clc-input-value-color);
  box-shadow: var(--clc-input-shadow);
  border: none;
  height: var(--clc-input-height);
  line-height: var(--clc-input-line-height);
  width: 100%;
  transition: var(--clc-input-transition);
}
.clc-autocomplete-input:focus {
  outline: none;
}
.clc-autocomplete-input:disabled {
  border: none;
}

.clc-autocomplete-panel {
  overflow: auto;
  box-sizing: content-box;
}

.clc-listbox {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--clc-listbox-background-color);
  border: var(--clc-listbox-border);
  border-radius: var(--clc-listbox-border-radius);
  text-align: start;
}
.clc-listbox .clc-chkbox {
  margin-block: var(--clc-listbox-checkbox-margin-block);
  margin-inline: var(--clc-listbox-checkbox-margin-inline);
}
.clc-listbox:not(.clc-state-disabled) .clc-listbox-item:hover:hover {
  background-color: var(--clc-dropdown-item-hover-background-color);
  color: var(--clc-dropdown-item-hover-color);
  border-radius: 0;
}
.clc-listbox:focus, .clc-listbox:focus-within {
  outline: var(--clc-outline-normal);
  border: var(--clc-listbox-focus-border);
  box-shadow: var(--clc-listbox-focus-shadow);
}

.clc-listbox-list {
  margin: 0;
  padding: 0;
}

.clc-listbox-item {
  cursor: default;
  padding: var(--clc-listbox-item-padding);
  margin: var(--clc-listbox-item-margin);
  cursor: default;
  font-size: var(--clc-dropdown-item-font-size);
}
.clc-listbox-item.clc-state-highlight {
  background-color: var(--clc-dropdown-item-selected-background-color);
  color: var(--clc-dropdown-item-selected-color);
  box-shadow: var(--clc-dropdown-item-selected-shadow);
  border-radius: 0;
}
.clc-listbox-item.clc-state-highlight:hover {
  background-color: var(--clc-dropdown-item-selected-hover-background-color);
  color: var(--clc-dropdown-item-selected-hover-color);
}
.clc-listbox-item.clc-state-disabled {
  opacity: var(--clc-dropdown-item-disabled-opacity);
  cursor: initial;
}

.clc-listbox-header {
  display: flex;
  align-items: center;
  padding-block: var(--clc-listbox-header-padding-block);
  padding-inline: var(--clc-listbox-header-padding-inline);
  border-bottom: var(--clc-listbox-filter-border);
}

.clc-listbox-list-wrapper {
  flex: auto;
  overflow: auto;
  padding: var(--clc-listbox-padding);
}

.clc-listbox-filter-container, .clc-dropdown-filter-container, .clc-multiselect-filter-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.clc-listbox-filter-container .clc-inputtext, .clc-dropdown-filter-container .clc-inputtext, .clc-multiselect-filter-container .clc-inputtext {
  flex: auto;
  width: 0;
  border: none;
  line-height: var(--clc-input-line-height);
}
.clc-listbox-filter-container .clc-inputtext:focus, .clc-dropdown-filter-container .clc-inputtext:focus, .clc-multiselect-filter-container .clc-inputtext:focus {
  outline: none;
}
.clc-listbox-filter-container .clci-search, .clc-dropdown-filter-container .clci-search, .clc-multiselect-filter-container .clci-search {
  width: var(--clc-listbox-header-icon-width);
  height: var(--clc-listbox-header-icon-height);
  line-height: var(--clc-listbox-header-icon-height);
  font-size: var(--clc-listbox-header-icon-height);
}
.clc-listbox-filter-container .clci-search:before, .clc-dropdown-filter-container .clci-search:before, .clc-multiselect-filter-container .clci-search:before {
  content: "search";
}

.clc-listbox-filter-container {
  flex: auto;
}
.clc-listbox-filter-container .clc-inputtext {
  background-color: transparent;
}

.clc-splitbutton {
  box-sizing: border-box;
  display: inline-flex;
}
.clc-splitbutton .clc-button-icon-only .clc-button-text, .clc-splitbutton .clc-pager-element .clc-button-text {
  display: none;
}
.clc-splitbutton .clc-button.clc-splitbutton-menubutton {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.clc-splitbutton .clc-button:not(.clc-splitbutton-menubutton) {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.clc-splitbutton-menu {
  display: none;
  position: absolute;
  min-width: var(--clc-splitbutton-menu-min-width);
  box-shadow: var(--clc-splitbutton-menu-shadow);
}

.clc-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.clc-menuitem .clc-menuitem-link {
  color: inherit;
  display: block;
  text-decoration: none;
}
.clc-menuitem .clc-menuitem-link:hover {
  text-decoration: none;
}
.clc-menuitem .clc-menuitem-icon {
  vertical-align: top;
}

.clc-splitbutton-menubutton {
  margin-inline-start: 1px;
}
.clc-splitbutton-menubutton.clc-variant-outlined {
  border-inline-start: 0;
  margin-inline-start: calc(-1 * var(--clc-border-width));
}
.clc-splitbutton-menubutton .clc-button-text {
  display: none;
}
.clc-splitbutton-menubutton .clci-chevron-down:before {
  content: "arrow_drop_down";
}

.clc-slider {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: var(--clc-slider-border);
  border-radius: var(--clc-slider-border-radius);
  background-color: var(--clc-slider-background-color);
}
.clc-slider.clc-state-disabled {
  background-color: var(--clc-slider-disabled-background-color);
  border: var(--clc-slider-disabled-border);
}
.clc-slider.clc-state-disabled .clc-slider-range {
  background-color: var(--clc-slider-disabled-range-background-color);
  border: var(--clc-slider-disabled-range-border);
}
.clc-slider.clc-state-disabled .clc-slider-handle {
  background-color: var(--clc-slider-disabled-handle-background-color);
  border: var(--clc-slider-disabled-handle-border);
}

.clc-slider-horizontal {
  height: var(--clc-slider-horizontal-height);
  width: var(--clc-slider-horizontal-width);
}

.clc-slider-range {
  position: absolute;
  inset-block-start: -1px;
  inset-block-end: -1px;
  inset-inline-start: -1px;
  border-start-start-radius: var(--clc-slider-border-radius);
  border-end-start-radius: var(--clc-slider-border-radius);
  background-color: var(--clc-slider-range-background-color);
  border: var(--clc-slider-range-border);
}

.clc-slider-handle {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  margin-inline-start: calc(var(--clc-slider-handle-width) / -2);
  background-color: var(--clc-slider-handle-background-color);
  border: var(--clc-slider-handle-border);
  border-radius: var(--clc-slider-handle-border-radius);
  box-shadow: var(--clc-slider-handle-shadow);
  width: var(--clc-slider-handle-width);
  height: var(--clc-slider-handle-height);
  transition: var(--clc-slider-handle-transition);
}

.clc-slider:not(.clc-state-disabled) .clc-slider-handle:hover, .clc-slider:not(.clc-state-disabled) .clc-slider-handle:focus, .clc-slider:not(.clc-state-disabled) .clc-slider-handle:active {
  background-color: var(--clc-slider-handle-hover-background-color);
  box-shadow: var(--clc-slider-handle-hover-shadow);
  border: var(--clc-slider-handle-hover-border);
  cursor: pointer;
  outline: none;
}
.clc-slider:not(.clc-state-disabled) .clc-slider-handle:focus {
  outline: var(--clc-outline-normal);
}
.clc-slider:not(.clc-state-disabled) .clc-slider-handle:focus-visible {
  outline: var(--clc-slider-handle-focus-outline);
  outline-offset: var(--clc-slider-handle-focus-outline-offset);
}

.clc-rating {
  box-sizing: border-box;
  display: inline-flex;
  font-size: var(--clc-rating-font-size);
  height: 1em;
}
.clc-rating.clc-state-disabled .clci {
  opacity: var(--clc-rating-disabled-opacity);
  color: var(--clc-rating-disabled-color);
}
.clc-rating a {
  width: 1em;
  height: 1em;
  text-decoration: none;
  cursor: default;
  outline: none;
}
.clc-rating .clci {
  color: var(--clc-rating-color);
  font-size: 1em;
}
.clc-rating .clci-ban {
  color: var(--clc-rating-ban-icon-color);
}
.clc-rating .clci-ban:before {
  content: "highlight_off";
}
.clc-rating .clci-star-o {
  opacity: var(--clc-rating-opacity);
}
.clc-rating .clci-star-o:before {
  content: "star_border";
}
.clc-rating .clci-star {
  color: var(--clc-rating-selected-color);
}
.clc-rating .clci-star:before {
  content: "star";
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:hover {
  cursor: pointer;
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:hover .clci-star,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:hover .clci-star-o,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:hover .clci-ban {
  color: var(--clc-rating-selected-color);
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:hover .clci-star-o:before {
  content: "star";
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:focus-visible .clci-star,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:focus-visible .clci-star-o,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:focus-visible .clci-ban {
  color: var(--clc-rating-focus-color);
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:focus-visible .clci-star-o:before {
  content: "star";
}

.clc-security-code {
  box-sizing: border-box;
  display: inline-flex;
}

.clc-security-code-wrapper {
  flex: 1;
  --clc-gap: 0.5rem;
}

.clc-security-code-input {
  text-align: center;
  min-width: var(--clc-security-code-input-min-width);
  min-height: var(--clc-security-code-input-min-height);
  width: 100%;
  height: 100%;
  padding: var(--clc-security-code-input-padding);
  font-size: var(--clc-security-code-input-font-size);
  font-weight: var(--clc-security-code-input-font-weight);
  line-height: var(--clc-security-code-input-line-height);
}

.clc-selectbutton {
  box-sizing: border-box;
  display: inline-flex;
}
.clc-selectbutton .clc-button:focus-visible {
  z-index: 1;
}

.clc-selectbutton .clc-button.clc-button-xs {
  margin-inline-start: -1px;
  display: inline-block;
  background-color: var(--clc-selectbar-background-color);
  color: var(--clc-selectbar-color);
  border: var(--clc-selectbar-border);
  border-radius: 0;
}
.clc-selectbutton .clc-button.clc-button-xs:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--clc-selectbar-border-radius);
  border-end-start-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-xs:last-child {
  border-start-end-radius: var(--clc-selectbar-border-radius);
  border-end-end-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-xs.clc-state-active {
  background-color: var(--clc-selectbar-selected-background-color);
  color: var(--clc-selectbar-selected-color);
  border: var(--clc-selectbar-selected-border);
}

.clc-selectbutton .clc-button.clc-button-sm {
  margin-inline-start: -1px;
  display: inline-block;
  background-color: var(--clc-selectbar-background-color);
  color: var(--clc-selectbar-color);
  border: var(--clc-selectbar-border);
  border-radius: 0;
}
.clc-selectbutton .clc-button.clc-button-sm:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--clc-selectbar-border-radius);
  border-end-start-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-sm:last-child {
  border-start-end-radius: var(--clc-selectbar-border-radius);
  border-end-end-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-sm.clc-state-active {
  background-color: var(--clc-selectbar-selected-background-color);
  color: var(--clc-selectbar-selected-color);
  border: var(--clc-selectbar-selected-border);
}

.clc-selectbutton .clc-button.clc-button-md {
  margin-inline-start: -1px;
  display: inline-block;
  background-color: var(--clc-selectbar-background-color);
  color: var(--clc-selectbar-color);
  border: var(--clc-selectbar-border);
  border-radius: 0;
}
.clc-selectbutton .clc-button.clc-button-md:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--clc-selectbar-border-radius);
  border-end-start-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-md:last-child {
  border-start-end-radius: var(--clc-selectbar-border-radius);
  border-end-end-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-md.clc-state-active {
  background-color: var(--clc-selectbar-selected-background-color);
  color: var(--clc-selectbar-selected-color);
  border: var(--clc-selectbar-selected-border);
}

.clc-selectbutton .clc-button.clc-button-lg {
  margin-inline-start: -1px;
  display: inline-block;
  background-color: var(--clc-selectbar-background-color);
  color: var(--clc-selectbar-color);
  border: var(--clc-selectbar-border);
  border-radius: 0;
}
.clc-selectbutton .clc-button.clc-button-lg:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--clc-selectbar-border-radius);
  border-end-start-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-lg:last-child {
  border-start-end-radius: var(--clc-selectbar-border-radius);
  border-end-end-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbutton .clc-button.clc-button-lg.clc-state-active {
  background-color: var(--clc-selectbar-selected-background-color);
  color: var(--clc-selectbar-selected-color);
  border: var(--clc-selectbar-selected-border);
}

.clc-datepicker {
  display: inline-block;
  position: relative;
}
.clc-datepicker .clc-readonly {
  cursor: pointer;
}
.clc-datepicker > .clc-inputtext {
  width: 100%;
  line-height: var(--clc-datepicker-line-height);
  padding-inline-end: calc(1rem + var(--clc-datepicker-trigger-icon-width));
}
.clc-datepicker:not(.clc-state-disabled):hover .clc-datepicker-trigger {
  box-shadow: none;
  color: var(--clc-datepicker-trigger-icon-hover-color);
}
.clc-datepicker.clc-state-disabled > .clc-inputtext {
  color: var(--clc-input-disabled-color);
  box-shadow: var(--clc-input-disabled-shadow);
  background-color: var(--clc-input-disabled-background-color);
  border: var(--clc-input-disabled-border);
  opacity: var(--clc-input-disabled-opacity);
}
.clc-datepicker.clc-state-disabled > .clc-inputtext::placeholder {
  color: var(--clc-input-disabled-placeholder-color);
}

.clc-datepicker-inline {
  background-color: var(--clc-datepicker-panel-background-color);
  border: var(--clc-input-border);
}

.clc-datepicker-trigger {
  box-shadow: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0.625rem;
  transform: translateY(-50%);
  background-color: transparent;
  padding: 0;
  vertical-align: text-top;
  color: var(--clc-datepicker-trigger-icon-color);
  width: var(--clc-datepicker-trigger-icon-width);
  height: var(--clc-datepicker-trigger-icon-height);
  font-size: var(--clc-datepicker-trigger-icon-height);
}
.clc-datepicker-trigger.clc-state-disabled {
  border: none;
  box-shadow: none;
  cursor: initial;
  opacity: 1;
  color: var(--clc-input-disabled-color);
}
.clc-datepicker-trigger:not(.clc-state-disabled):hover:not(:active), .clc-datepicker-trigger:not(.clc-state-disabled):hover:active {
  background-color: transparent;
}
.clc-datepicker-trigger:not(.clc-state-disabled):active {
  box-shadow: none !important;
  background-image: none !important;
}
.clc-datepicker-trigger .clci-calendar,
.clc-datepicker-trigger .clci-time {
  font-size: inherit;
  vertical-align: top;
}
.clc-datepicker-trigger .clci-calendar:before {
  content: "calendar_today";
}
.clc-datepicker-trigger .clci-time:before {
  content: "schedule";
}
.clc-datepicker-trigger .clc-button-text {
  display: none;
}

.clc-datepicker-popup-container {
  box-sizing: content-box;
  position: absolute;
  width: var(--clc-datepicker-popup-width);
  margin: var(--clc-datepicker-panel-margin);
  box-shadow: var(--clc-datepicker-panel-shadow);
  border: var(--clc-datepicker-panel-border);
  border-radius: var(--clc-border-radius);
  background-color: var(--clc-datepicker-panel-background-color);
}

.clc-datepicker-inline-container {
  position: static;
  white-space: nowrap;
}
.clc-datepicker-inline-container .clc-calendar {
  display: inline-block;
}

.clc-datepicker-footer {
  position: relative;
  line-height: var(--clc-datepicker-footer-line-height);
  padding: var(--clc-datepicker-footer-padding);
}

/* Calendar Styles */
.clc-calendar {
  box-sizing: border-box;
}

.clc-calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--clc-datepicker-header-background-color);
  border-bottom: var(--clc-datepicker-header-border);
  color: var(--clc-datepicker-header-color);
  padding-block: var(--clc-datepicker-header-padding-block);
  padding-inline: var(--clc-datepicker-header-padding-inline);
}

.clc-calendar-prev,
.clc-calendar-next {
  border-radius: var(--clc-datepicker-prev-next-button-border-radius);
}
.clc-calendar-prev .clci,
.clc-calendar-next .clci {
  color: var(--clc-datepicker-header-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--clc-datepicker-prev-next-icon-size);
}
*[dir=rtl] .clc-calendar-prev .clci,
*[dir=rtl] .clc-calendar-next .clci {
  transform: rotate(180deg);
}

.clc-calendar-prev {
  order: 1;
}
.clc-calendar-prev .clc-calendar-prev-icon:before {
  content: "chevron_left";
}

.clc-calendar-next {
  order: 3;
}
.clc-calendar-next .clc-calendar-next-icon:before {
  content: "chevron_right";
}

.clc-calendar-title {
  order: 2;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
}

.clc-calendar-month-dropdown {
  width: var(--clc-datepicker-month-dropdown-width);
}

.clc-calendar-year-dropdown {
  width: var(--clc-datepicker-year-dropdown-width);
}

.clc-calendar-view-container {
  padding-block: var(--clc-datepicker-calendar-padding-block);
  padding-inline: var(--clc-datepicker-calendar-padding-inline);
}
.clc-calendar-view-container:focus {
  outline: var(--clc-outline-normal);
}
.clc-calendar-view-container:focus-visible {
  outline: var(--clc-datepicker-focus-outline);
  outline-offset: var(--clc-datepicker-focus-outline-offset);
}

.clc-calendar-view {
  table-layout: fixed;
  border-collapse: collapse;
}
.clc-calendar-view th {
  font-weight: normal;
  font-size: var(--clc-datepicker-calendar-header-font-size);
  text-transform: var(--clc-datepicker-calendar-header-text-transform);
  color: var(--clc-datepicker-calendar-header-color);
  padding: var(--clc-datepicker-calendar-item-padding);
  text-align: center;
}
.clc-calendar-view td {
  text-align: center;
  border-top: var(--clc-datepicker-calendar-border);
  padding: 0;
}
.clc-calendar-view td .clc-state-default {
  display: block;
  padding: var(--clc-datepicker-calendar-item-padding);
  color: var(--clc-datepicker-calendar-color);
  font-size: var(--clc-datepicker-calendar-font-size);
  border-radius: var(--clc-datepicker-calendar-border-radius);
  transition: var(--clc-datepicker-calendar-transition);
}
.clc-calendar-view td .clc-state-default.clc-calendar-today {
  color: var(--clc-datepicker-calendar-today-color);
  background-color: var(--clc-datepicker-calendar-today-background-color);
  box-shadow: var(--clc-datepicker-calendar-today-box-shadow);
  border-radius: var(--clc-datepicker-calendar-today-border-radius);
}
.clc-calendar-view td .clc-state-default.clc-state-focused, .clc-calendar-view td .clc-state-default:hover {
  text-decoration: none;
  color: var(--clc-datepicker-calendar-hover-color);
  background-color: var(--clc-datepicker-calendar-hover-background-color);
  cursor: pointer;
}
.clc-calendar-view td .clc-state-active,
.clc-calendar-view td .clc-state-active.clc-calendar-today {
  color: var(--clc-datepicker-calendar-selected-color);
  background-color: var(--clc-datepicker-calendar-selected-background-color);
  padding: var(--clc-datepicker-calendar-item-padding);
  box-shadow: none;
}
.clc-calendar-view td .clc-state-active.clc-state-focused, .clc-calendar-view td .clc-state-active:hover,
.clc-calendar-view td .clc-state-active.clc-calendar-today.clc-state-focused,
.clc-calendar-view td .clc-state-active.clc-calendar-today:hover {
  color: var(--clc-datepicker-calendar-selected-hover-color);
  background-color: var(--clc-datepicker-calendar-selected-hover-background-color);
}
.clc-calendar-view .clc-state-disabled {
  opacity: 0.5;
}
.clc-calendar-view .clc-calendar-other-month {
  opacity: 0.5;
}
.clc-calendar-view .clc-calendar-week-number {
  opacity: 0.5;
}

/* Time Picker Styles */
.clc-timepicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--clc-timepicker-gap);
  border-top: var(--clc-datepicker-calendar-border);
  padding-block: var(--clc-timepicker-padding-block);
  padding-inline: var(--clc-timepicker-padding-inline);
  color: var(--clc-timepicker-color);
}
.clc-timepicker .clci-chevron-up:before {
  content: "expand_less";
}
.clc-timepicker .clci-chevron-down:before {
  content: "expand_more";
}
.clc-timepicker .clc-separator {
  color: var(--clc-timepicker-separator-color);
}
.clc-timepicker .clc-separator a {
  display: none;
}
.clc-timepicker .clc-button-md {
  padding: var(--clc-timepicker-button-padding);
  text-transform: uppercase;
}

.clc-hour-picker,
.clc-minute-picker,
.clc-second-picker {
  background-color: var(--clc-timepicker-background-color);
  width: 4rem;
}

.clc-ampm-picker a {
  text-decoration: none;
}

.clc-numeric {
  display: inline-block;
  position: relative;
  padding: 0px;
}
.clc-numeric input[type=number],
.clc-numeric input[type=text] {
  -moz-appearance: textfield;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  line-height: var(--clc-numeric-line-height);
  padding-block: var(--clc-numeric-input-padding-block);
  padding-inline: var(--clc-numeric-input-padding-inline);
  outline: none;
}
.clc-numeric input[type=number]::-webkit-inner-spin-button, .clc-numeric input[type=number]::-webkit-outer-spin-button,
.clc-numeric input[type=text]::-webkit-inner-spin-button,
.clc-numeric input[type=text]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.clc-numeric.clc-state-disabled .clc-numeric-button {
  background-color: var(--clc-numeric-button-disabled-background-color);
  color: var(--clc-numeric-button-disabled-color);
}
.clc-numeric.clc-state-disabled .clc-numeric-button:active, .clc-numeric.clc-state-disabled .clc-numeric-button:hover {
  background-color: var(--clc-numeric-button-disabled-background-color);
  color: var(--clc-numeric-button-disabled-color);
  background-image: none;
  box-shadow: none;
  cursor: initial;
}

.clc-numeric-button {
  position: absolute;
  inset-inline-end: var(--clc-numeric-button-offset);
  padding: 0;
  width: var(--clc-numeric-button-width);
  height: var(--clc-numeric-button-height);
  border-radius: var(--clc-numeric-button-border-radius);
  background-color: var(--clc-numeric-button-background-color);
  color: var(--clc-numeric-button-color);
}
.clc-numeric-button:hover {
  background-color: var(--clc-numeric-button-background-color);
}
.clc-numeric-button .clci {
  font-size: var(--clc-numeric-button-height);
  vertical-align: top;
}
.clc-numeric-button .clci-caret-up:before {
  content: "expand_less";
}
.clc-numeric-button .clci-caret-down:before {
  content: "expand_more";
}

.clc-numeric-up {
  inset-block-start: var(--clc-numeric-button-offset);
}

.clc-numeric-down {
  inset-block-end: var(--clc-numeric-button-offset);
}

.clc-fileupload {
  box-sizing: border-box;
  display: inline-block;
}
.clc-fileupload .clc-button {
  vertical-align: middle;
  -webkit-appearance: none !important;
}

.clc-fileupload-choose {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: var(--clc-upload-choose-background-color);
  color: var(--clc-upload-choose-color);
}
.clc-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  cursor: pointer;
}
.clc-fileupload-choose.clc-state-disabled input[type=file] {
  cursor: default;
}
.clc-fileupload-choose:not(.clc-state-disabled) {
  background-color: var(--clc-upload-choose-background-color);
  color: var(--clc-upload-choose-color);
}
.clc-fileupload-choose:not(.clc-state-disabled):hover {
  background-color: var(--clc-upload-choose-hover-background-color);
  color: var(--clc-upload-choose-hover-color);
}
.clc-fileupload-choose:not(.clc-state-disabled):hover:not(:active) {
  background-color: var(--clc-upload-choose-hover-background-color);
  color: var(--clc-upload-choose-hover-color);
}
.clc-fileupload-choose:not(.clc-state-disabled):active {
  background-color: var(--clc-upload-choose-active-background-color);
  color: var(--clc-upload-choose-active-color);
}

.clc-fileupload-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.clc-fileupload-row > div {
  margin: var(--clc-upload-files-margin);
}
.clc-fileupload-row .clc-button-text {
  display: none;
}
.clc-fileupload-row .clc-button {
  background-color: var(--clc-upload-files-remove-background-color);
  color: var(--clc-upload-files-remove-color);
}
.clc-fileupload-row .clc-button .clci-close,
.clc-fileupload-row .clc-button .clci-times,
.clc-fileupload-row .clc-button .clc-icon-trash {
  display: block;
}
.clc-fileupload-row .clc-button .clci-close:before,
.clc-fileupload-row .clc-button .clci-times:before,
.clc-fileupload-row .clc-button .clc-icon-trash:before {
  content: "close";
}

.clc-fileupload-buttonbar {
  position: relative;
  background-color: var(--clc-upload-button-bar-background-color);
  padding: var(--clc-upload-button-bar-padding);
  border-radius: var(--clc-upload-button-bar-border-radius);
}
.clc-fileupload-buttonbar .clc-button:nth-child(3) {
  float: right;
  background-color: var(--clc-upload-cancel-background-color);
  color: var(--clc-upload-cancel-color);
}

.clc-fileupload-files {
  background-color: var(--clc-upload-files-background-color);
  padding: var(--clc-upload-files-padding);
}

.clc-datatable {
  position: relative;
  box-shadow: var(--clc-grid-shadow);
  border: var(--clc-grid-cell-border);
  border-radius: var(--clc-grid-border-radius);
  background-color: var(--clc-grid-background-color);
  overflow: hidden;
}
.clc-datatable:focus {
  outline: var(--clc-outline-normal);
}
.clc-datatable:focus-visible {
  outline: var(--clc-grid-focus-outline);
  outline-offset: var(--clc-grid-focus-outline-offset);
}
.clc-datatable .clc-col-icon {
  text-align: center;
  vertical-align: middle;
  width: var(--clc-grid-column-icon-width);
  padding: var(--clc-grid-column-icon-padding);
}
.clc-datatable .clci-chevron-circle-right {
  vertical-align: top;
  /* Right-to-left arrow icons */
}
.clc-datatable .clci-chevron-circle-right:before {
  content: "arrow_right";
}
*[dir=rtl] .clc-datatable .clci-chevron-circle-right {
  transform: rotate(180deg);
}
.clc-datatable .clci-chevron-circle-down {
  vertical-align: top;
}
.clc-datatable .clci-chevron-circle-down:before {
  content: "arrow_drop_down";
}
.clc-datatable.clc-has-template > .clc-datatable-scrollable-wrapper > .clc-datatable-scrollable-view > .clc-datatable-scrollable-body > .clc-datatable-scrollable-table-wrapper > table > .clc-datatable-scrollable-colgroup col:first-child {
  width: var(--clc-grid-column-icon-width);
}

.clc-unselectable-text {
  user-select: none;
}

.clc-datatable-tablewrapper > table,
.clc-datatable-scrollable-header-box > table,
.clc-datatable-scrollable-table-wrapper > table,
.clc-datatable-scrollable-footer-box > table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.clc-resizable-column {
  position: relative;
}

.clc-datatable-reorder-indicator-up {
  position: absolute;
}
.clc-datatable-reorder-indicator-up:before {
  content: "arrow_drop_down";
}

.clc-datatable-reorder-indicator-down {
  position: absolute;
}
.clc-datatable-reorder-indicator-down:before {
  content: "arrow_drop_up";
}

.clc-column-resizer {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 100%;
  cursor: col-resize;
  width: var(--clc-grid-column-resizer-width);
}
.clc-column-resizer:after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 100%;
  width: var(--clc-grid-column-resizer-helper-width);
  background-color: transparent;
}
.clc-column-resizer:hover:after, .clc-column-resizer:active:after {
  background-color: var(--clc-grid-column-resizer-helper-background-color);
}

.clc-rowgroup-header .fa,
.clc-row-toggler {
  color: var(--clc-grid-cell-color);
}

.clc-datatable-scrollable-footer {
  background-color: var(--clc-grid-header-background-color);
  border-top: var(--clc-grid-cell-border);
}

.clc-datatable-thead th,
.clc-grid-table thead th {
  background-color: var(--clc-grid-header-background-color);
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: inherit;
  border-bottom: var(--clc-grid-header-cell-border-bottom);
}
.clc-datatable-thead th:not(:last-child),
.clc-grid-table thead th:not(:last-child) {
  border-inline-end: var(--clc-grid-header-cell-border);
}
.clc-datatable-thead th > div:not(.clc-cell-filter),
.clc-grid-table thead th > div:not(.clc-cell-filter) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  outline: none;
  padding: var(--clc-grid-header-cell-padding);
}
.clc-datatable-thead th.clc-state-focused,
.clc-grid-table thead th.clc-state-focused {
  outline: var(--clc-grid-cell-focus-outline);
  outline-offset: var(--clc-grid-cell-focus-outline-offset);
}
.clc-datatable-thead th .clc-column-title,
.clc-grid-table thead th .clc-column-title {
  display: inline-flex;
  flex: auto;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  font-size: var(--clc-grid-header-font-size);
  line-height: var(--clc-grid-header-line-height);
  text-transform: var(--clc-grid-header-text-transform);
  color: var(--clc-grid-header-color);
  padding-inline: var(--clc-grid-header-title-padding-inline);
  font-weight: var(--clc-grid-header-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-datatable-thead th .clc-column-title-content,
.clc-grid-table thead th .clc-column-title-content {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-datatable-thead th .clc-column-title-content:has(.clc-chkbox),
.clc-grid-table thead th .clc-column-title-content:has(.clc-chkbox) {
  overflow: visible;
}
.clc-datatable-thead th.clc-text-align-center .clc-column-title,
.clc-grid-table thead th.clc-text-align-center .clc-column-title {
  justify-content: center;
  padding-inline-start: 0;
}
.clc-datatable-thead th.clc-text-align-center.clc-sortable-column .clc-column-title,
.clc-grid-table thead th.clc-text-align-center.clc-sortable-column .clc-column-title {
  padding-inline-start: var(--clc-grid-sort-icon-width);
}
.clc-datatable-thead th.clc-text-align-right .clc-column-title,
.clc-grid-table thead th.clc-text-align-right .clc-column-title {
  justify-content: right;
}
.clc-datatable-thead th.clc-text-align-right.clc-sortable-column .clc-column-title,
.clc-grid-table thead th.clc-text-align-right.clc-sortable-column .clc-column-title {
  padding-inline-start: var(--clc-grid-sort-icon-width);
}
.clc-datatable-thead th .clc-column-drag + .clc-column-title,
.clc-grid-table thead th .clc-column-drag + .clc-column-title {
  padding-inline-start: 0;
}

.clc-datatable-tfoot td, .clc-grid-table tfoot td {
  background-color: var(--clc-grid-foot-background-color);
  font-size: var(--clc-grid-cell-font-size);
  line-height: var(--clc-grid-cell-line-height);
  color: var(--clc-grid-foot-cell-color);
  padding: var(--clc-grid-cell-padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-datatable-tfoot td:not(:last-child), .clc-grid-table tfoot td:not(:last-child) {
  border-inline-end: var(--clc-grid-right-cell-border);
}
.clc-datatable-tfoot td.clc-composite-cell, .clc-grid-table tfoot td.clc-composite-cell {
  border-inline-end: var(--clc-grid-right-cell-border);
}

.clc-datatable-scrollable-header {
  background-color: var(--clc-grid-header-background-color);
  border-bottom: var(--clc-grid-bottom-cell-border);
}

.clc-datatable-scrollable-body {
  overflow: auto;
  border-top: none;
  flex: auto;
  border-bottom-right-radius: var(--clc-border-radius);
  border-bottom-left-radius: var(--clc-border-radius);
}

.clc-has-pager .clc-datatable-scrollable-body {
  border-radius: 0;
}

.clc-sortable-column {
  cursor: pointer;
}
.clc-sortable-column:focus {
  outline: none;
}
.clc-sortable-column.clc-state-active {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-sortable-column > div:hover .clci-sort:not(.clci-sort-asc):not(.clci-sort-desc) {
  color: var(--clc-grid-sort-icon-color);
}
.clc-sortable-column .clci-grid-sort {
  width: var(--clc-grid-sort-icon-width);
  height: var(--clc-grid-sort-icon-height);
  font-size: var(--clc-grid-sort-icon-height);
  text-align: left;
}
.clc-sortable-column .clci-sort {
  color: transparent;
}
.clc-sortable-column .clci-sort:before {
  content: "sort";
}
.clc-sortable-column .clci-sort-asc {
  color: var(--clc-grid-header-color);
}
.clc-sortable-column .clci-sort-asc:before {
  content: "arrow_drop_up";
}
.clc-sortable-column .clci-sort-desc {
  color: var(--clc-grid-header-color);
}
.clc-sortable-column .clci-sort-desc:before {
  content: "arrow_drop_down";
}

.clc-grid-table-striped tbody > tr:not(.clc-expanded-row-content):nth-child(even) > td {
  background-color: var(--clc-grid-stripe-background-color);
}
.clc-grid-table-striped tbody > tr:not(.clc-expanded-row-content):nth-child(odd) > td {
  background-color: var(--clc-grid-stripe-odd-background-color);
}

.clc-grid-table-composite .clc-datatable-thead th, .clc-grid-table-composite.clc-grid-table thead th {
  border-bottom: var(--clc-grid-header-cell-border);
}
.clc-grid-table-composite .clc-datatable-thead th.clc-composite-cell, .clc-grid-table-composite.clc-grid-table thead th.clc-composite-cell {
  border-inline-end: var(--clc-grid-header-cell-border);
}

.clc-datatable-data td,
.clc-grid-table td {
  padding: var(--clc-grid-cell-padding);
  border-bottom: var(--clc-grid-bottom-cell-border);
}
.clc-datatable-data td:not(:last-child),
.clc-grid-table td:not(:last-child) {
  border-inline-end: var(--clc-grid-right-cell-border);
}
.clc-datatable-data td.clc-composite-cell,
.clc-grid-table td.clc-composite-cell {
  border-inline-end: var(--clc-grid-right-cell-border);
}
.clc-datatable-data td .clc-cell-data,
.clc-grid-table td .clc-cell-data {
  color: var(--clc-grid-cell-color);
  font-size: var(--clc-grid-cell-font-size);
  line-height: var(--clc-grid-cell-line-height);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clc-datatable-data td .clc-cell-data:has(.clc-chkbox), .clc-datatable-data td .clc-cell-data:has(.clc-button),
.clc-grid-table td .clc-cell-data:has(.clc-chkbox),
.clc-grid-table td .clc-cell-data:has(.clc-button) {
  overflow: visible;
}
.clc-datatable-data td .clc-cell-toggle,
.clc-grid-table td .clc-cell-toggle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.clc-datatable-data td .clc-column-footer,
.clc-grid-table td .clc-column-footer {
  color: var(--clc-grid-foot-cell-color);
}
.clc-datatable-data tr td:first-child,
.clc-grid-table tr td:first-child {
  border-inline-start: none;
}
.clc-datatable-data tr td:last-child:not(.clc-composite-cell),
.clc-grid-table tr td:last-child:not(.clc-composite-cell) {
  border-inline-end: none;
}
.clc-datatable-data tr:first-child > td,
.clc-grid-table tr:first-child > td {
  border-top: none;
}
.clc-datatable-data tr:last-child > td,
.clc-grid-table tr:last-child > td {
  border-bottom: none;
}

.clc-grid-table.clc-grid-gridlines-both > thead > tr > th,
.clc-grid-table.clc-grid-gridlines-both > thead > tr > th.clc-composite-cell,
.clc-grid-table.clc-grid-gridlines-both > tbody > tr > td,
.clc-grid-table.clc-grid-gridlines-both > tfoot > tr > td {
  border-bottom: var(--clc-grid-cell-border);
}
.clc-grid-table.clc-grid-gridlines-both > thead > tr > th:not(:last-child),
.clc-grid-table.clc-grid-gridlines-both > thead > tr > th.clc-composite-cell:not(:last-child),
.clc-grid-table.clc-grid-gridlines-both > tbody > tr > td:not(:last-child),
.clc-grid-table.clc-grid-gridlines-both > tfoot > tr > td:not(:last-child) {
  border-inline-end: var(--clc-grid-cell-border);
}
.clc-grid-table.clc-grid-gridlines-none > thead > tr > th,
.clc-grid-table.clc-grid-gridlines-none > thead > tr > th.clc-composite-cell,
.clc-grid-table.clc-grid-gridlines-none > tbody > tr > td,
.clc-grid-table.clc-grid-gridlines-none > tfoot > tr > td {
  border-bottom: none;
  border-inline-end: none;
}
.clc-grid-table.clc-grid-gridlines-horizontal > thead > tr > th,
.clc-grid-table.clc-grid-gridlines-horizontal > thead > tr > th.clc-composite-cell,
.clc-grid-table.clc-grid-gridlines-horizontal > tbody > tr > td,
.clc-grid-table.clc-grid-gridlines-horizontal > tfoot > tr > td {
  border-bottom: var(--clc-grid-cell-border);
  border-inline-end: none;
}
.clc-grid-table.clc-grid-gridlines-vertical > thead > tr > th,
.clc-grid-table.clc-grid-gridlines-vertical > thead > tr > th.clc-composite-cell,
.clc-grid-table.clc-grid-gridlines-vertical > tbody > tr > td,
.clc-grid-table.clc-grid-gridlines-vertical > tfoot > tr > td {
  border-bottom: none;
}
.clc-grid-table.clc-grid-gridlines-vertical > thead > tr > th:not(:last-child),
.clc-grid-table.clc-grid-gridlines-vertical > thead > tr > th.clc-composite-cell:not(:last-child),
.clc-grid-table.clc-grid-gridlines-vertical > tbody > tr > td:not(:last-child),
.clc-grid-table.clc-grid-gridlines-vertical > tfoot > tr > td:not(:last-child) {
  border-inline-end: var(--clc-grid-cell-border);
}

.clc-datatable-reflow tbody td > .clc-column-title {
  display: none;
}

.clc-datatable-scrollable {
  display: flex;
  flex-direction: column;
}
.clc-datatable-scrollable.clc-has-height > .clc-datatable-scrollable-wrapper {
  height: 0;
}
.clc-datatable-scrollable.clc-has-height > .clc-datatable-scrollable-wrapper > .clc-datatable-scrollable-view {
  height: 0;
}

.clc-datatable-scrollable-wrapper {
  display: flex;
  flex-direction: column;
  flex: auto;
}

.clc-datatable-scrollable-view {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
}

.clc-datatable-header {
  background-color: var(--clc-grid-toolbar-background-color);
  padding: var(--clc-grid-header-padding);
  border-bottom: var(--clc-grid-bottom-cell-border);
}
.clc-datatable-header .clci-plus {
  font-size: var(--clc-grid-cell-font-size);
}
.clc-datatable-header .clci-plus:before {
  content: "add";
}

.clc-cell-filter {
  padding: var(--clc-grid-filter-padding);
  margin: var(--clc-grid-filter-margin);
  border-top: var(--clc-grid-filter-border);
  font-size: var(--clc-grid-filter-font-size);
  font-weight: normal;
}
.clc-cell-filter .clc-cell-filter-label {
  display: flex;
  flex: auto;
  align-items: center;
}
.clc-cell-filter .clc-cell-filter-label > .clci {
  width: var(--clc-grid-filter-icon-width);
  height: var(--clc-grid-filter-icon-height);
  font-size: var(--clc-grid-filter-icon-font-size);
  margin-inline: var(--clc-grid-filter-icon-margin-inline);
  color: var(--clc-grid-filter-color);
}
.clc-cell-filter .clc-cell-filter-label > .clci.clc-cell-filter-clear {
  margin-inline-start: auto;
}
.clc-cell-filter .clc-cell-filter-label .clc-current-filter {
  margin-inline-start: 0.5rem;
}

.clc-selectable tbody tr.clc-data-row td,
.clc-selectable tbody tr.clc-data-row .clc-cell-data {
  transition: background-color var(--clc-transition), color var(--clc-transition);
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell:before, .clc-selectable tbody tr.clc-data-row td.clc-frozen-cell:after,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell:before,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell:after {
  content: "";
  position: absolute;
  inset: 0;
  transition: background-color var(--clc-transition), color var(--clc-transition);
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-left-inner:before,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-left:before,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-left-inner:before {
  z-index: -1;
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-left:after, .clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-left-inner:after,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-left:after,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-left-inner:after {
  z-index: -2;
  background-color: var(--clc-grid-frozen-cell-background-color);
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-right:before,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-right:before {
  z-index: -2;
  background-color: var(--clc-grid-frozen-cell-background-color);
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-right:after,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-right:after {
  z-index: -1;
}
.clc-selectable tbody tr.clc-data-row.clc-state-highlight > td {
  background-color: var(--clc-grid-selected-background-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-highlight > td.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row.clc-state-highlight > td.clc-frozen-cell-left-inner:before {
  background-color: var(--clc-grid-selected-background-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-highlight > td.clc-frozen-cell-right:after {
  background-color: var(--clc-grid-selected-background-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-highlight .clc-cell-data {
  color: var(--clc-grid-selected-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-highlight > .clci {
  color: var(--clc-grid-selected-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused > td {
  background-color: var(--clc-grid-cell-focus-background-color);
  color: var(--clc-grid-cell-focus-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused > td.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row.clc-state-focused > td.clc-frozen-cell-left-inner:before {
  background-color: var(--clc-grid-cell-focus-background-color);
  color: var(--clc-grid-cell-focus-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused > td.clc-frozen-cell-right:after {
  background-color: var(--clc-grid-cell-focus-background-color);
  color: var(--clc-grid-cell-focus-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused > th.clc-state-focused {
  color: var(--clc-grid-cell-focus-color) !important;
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused .clc-cell-data {
  color: var(--clc-grid-cell-focus-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused > .clci {
  color: var(--clc-grid-cell-focus-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td {
  background-color: var(--clc-grid-hover-background-color);
}
.clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td.clc-frozen-cell-left-inner:before {
  background-color: var(--clc-grid-hover-background-color);
}
.clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td.clc-frozen-cell-right:after {
  background-color: var(--clc-grid-hover-background-color);
}
.clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) .clc-cell-data {
  color: var(--clc-grid-hover-color);
}

.clc-cell-filter-content {
  display: flex;
  flex: auto;
  align-items: center;
  color: var(--clc-grid-filter-color);
  min-height: 1.375rem;
  container-type: inline-size;
  container-name: clc-cell-filter-content;
}

@container clc-cell-filter-content (max-width: 200px) {
  .clc-cell-filter-content .clc-filter-button .clci {
    display: none;
  }
  .clc-cell-filter-content .clc-filter-button {
    position: absolute;
    z-index: 1;
    min-height: 0;
    inset-inline-start: calc(var(--clc-border-width) + 1px);
    height: calc(var(--clc-input-height) - var(--clc-border-width) * 2 - 2px);
    max-height: calc(var(--clc-input-height) - var(--clc-border-width) * 2 - 2px);
    line-height: calc(1.25rem - var(--clc-border-width) * 2 - 2px);
    border-radius: calc(var(--clc-input-border-radius) - var(--clc-border-width) - 1px);
  }
  .clc-cell-filter-content:has(.clc-filter-button) .clc-cell-filter-label {
    position: relative;
    min-width: 5rem;
  }
  .clc-cell-filter-content:has(.clc-filter-button) .clc-textbox,
  .clc-cell-filter-content:has(.clc-filter-button) .clc-inputtext {
    text-indent: 2.5rem;
  }
}
.clc-expanded-row > td {
  border-bottom: none;
  background-color: var(--clc-grid-hover-background-color);
}
.clc-expanded-row > td .clc-cell-data,
.clc-expanded-row > td .clc-row-toggler {
  color: var(--clc-grid-hover-color);
}

.clc-expanded-row-template {
  background-color: var(--clc-grid-detail-template-background-color);
  padding: var(--clc-grid-detail-template-padding);
  border: var(--clc-grid-detail-template-border);
  border-radius: var(--clc-grid-detail-template-border-radius);
}

.clc-expanded-row-content > td {
  padding-top: 0;
  background-color: var(--clc-grid-detail-template-background-color);
}

.clc-rowgroup-header a:hover {
  text-decoration: none;
}
.clc-rowgroup-header td {
  border-top: var(--clc-grid-border);
  border-bottom: var(--clc-grid-border);
}

.clc-datatable-loading {
  position: absolute;
  inset: 0;
  background-color: var(--clc-grid-loading-indicator-background-color);
  z-index: 2;
}

.clc-datatable-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--clc-grid-loading-indicator-color);
  z-index: 2;
}
.clc-datatable-loading-content .clci-circle-o-notch {
  animation: rotation 0.5s linear infinite;
  font-size: 2rem;
}
.clc-datatable-loading-content .clci-circle-o-notch:before {
  content: "refresh";
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .clc-datatable-reflow .clc-data-grid-data > table,
  .clc-datatable-reflow .clc-datatable-tablewrapper > table,
  .clc-datatable-reflow .clc-datatable-scrollable-header-box > table,
  .clc-datatable-reflow .clc-datatable-scrollable-table-wrapper > table {
    table-layout: auto;
    display: block;
  }
  .clc-datatable-reflow .clc-data-grid-data > table > tbody,
  .clc-datatable-reflow .clc-datatable-tablewrapper > table > tbody,
  .clc-datatable-reflow .clc-datatable-scrollable-header-box > table > tbody,
  .clc-datatable-reflow .clc-datatable-scrollable-table-wrapper > table > tbody {
    display: block;
  }
  .clc-datatable-reflow thead th {
    display: none;
  }
  .clc-datatable-reflow .clc-data-row {
    display: block;
  }
  .clc-datatable-reflow .clc-data-row > td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    border: none;
  }
  .clc-datatable-reflow .clc-data-row > td .clc-column-title {
    display: block;
  }
}
.clc-grid-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}
.clc-grid-filter .clc-dropdown,
.clc-grid-filter .clc-numeric,
.clc-grid-filter .clc-textbox,
.clc-grid-filter .clc-grid-filter-label {
  display: block;
  width: 100%;
}
.clc-grid-filter .clc-grid-filter-label {
  font-weight: 600;
}

.clc-grid-date-filter {
  width: 576px;
}

.clc-date-filter {
  display: flex;
  align-items: stretch;
  background-color: var(--clc-grid-filter-background-color);
  gap: var(--clc-grid-filter-gap);
  padding: var(--clc-grid-filter-gap);
}
.clc-date-filter .clc-listbox {
  min-width: 11em;
}
.clc-date-filter .clc-listbox .clc-listbox-item {
  font-size: 0.875rem;
}
.clc-date-filter .clc-datepicker-inline {
  border-radius: var(--clc-border-radius);
}
.clc-date-filter .clc-datepicker-inline table {
  width: 100%;
}

.clc-grid-filter-buttons {
  display: flex;
  justify-content: space-between;
  padding: var(--clc-grid-filter-buttons-padding);
  background-color: var(--clc-grid-filter-buttons-background-color);
  border-top: var(--clc-grid-filter-buttons-border);
}
.clc-grid-filter-buttons .clc-button.clc-shade-default.clc-clear-filter {
  background-color: var(--clc-grid-clear-filter-button-background-color);
  color: var(--clc-grid-clear-filter-button-color);
  box-shadow: var(--clc-grid-clear-filter-button-shadow);
  padding-inline: var(--clc-grid-filter-button-padding-inline);
}
.clc-grid-filter-buttons .clc-button.clc-shade-default.clc-apply-filter {
  background-color: var(--clc-grid-apply-filter-button-background-color);
  color: var(--clc-grid-apply-filter-button-color);
  box-shadow: var(--clc-grid-apply-filter-button-shadow);
  padding-inline: var(--clc-grid-filter-button-padding-inline);
}

.clc-grid-filter-icon {
  justify-self: flex-end;
  color: var(--clc-grid-filter-color);
  margin-inline: var(--clc-grid-header-filter-icon-margin-inline);
  font-size: var(--clc-grid-header-filter-icon-font-size);
  transition: var(--clc-grid-state-transition);
  font-weight: 400;
}
.clc-grid-filter-icon:hover {
  cursor: pointer;
  color: var(--clc-grid-header-filter-icon-hover-color);
}

.clc-grid-filter-active {
  color: var(--clc-grid-header-filter-icon-active-color) !important;
  --clc-icon-fill: 1;
}

.clc-data-grid {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.clc-data-grid-data {
  overflow: auto;
  flex: 1;
  box-shadow: var(--clc-grid-data-border-shadow);
}

.clc-grid-table td, .clc-grid-table th {
  padding: var(--clc-grid-cell-padding);
}

.clc-grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.clc-grid-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

.clc-grid-table-fixed {
  table-layout: fixed;
}
.clc-grid-table-fixed .clc-frozen-cell {
  position: -webkit-sticky;
  position: sticky;
}
.clc-grid-table-fixed .clc-frozen-cell-left,
.clc-grid-table-fixed .clc-frozen-cell-right,
.clc-grid-table-fixed .clc-frozen-cell-left-inner,
.clc-grid-table-fixed .clc-frozen-cell-right-inner {
  background: var(--clc-grid-frozen-cell-background-color);
  z-index: 1;
}
.clc-grid-table-fixed .clc-frozen-cell-left.clc-frozen-cell-left-end {
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
  border-inline-end: var(--clc-grid-frozen-cell-border) !important;
}
*[dir=rtl] .clc-grid-table-fixed .clc-frozen-cell-left.clc-frozen-cell-left-end {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
}
.clc-grid-table-fixed .clc-frozen-cell-right.clc-frozen-cell-right-end {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
  border-inline-start: var(--clc-grid-frozen-cell-border) !important;
}
*[dir=rtl] .clc-grid-table-fixed .clc-frozen-cell-right.clc-frozen-cell-right-end {
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
}
.clc-grid-table-fixed .clc-frozen-cell-left-inner,
.clc-grid-table-fixed .clc-frozen-cell-right-inner {
  border-inline-end: var(--clc-grid-frozen-cell-border) !important;
  border-inline-start: var(--clc-grid-frozen-cell-border) !important;
}

.clc-grid-table tfoot, .clc-grid-table tfoot td {
  position: sticky;
  bottom: 0;
  z-index: 1;
}

.clc-grid-table {
  width: 100%;
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
}
.clc-grid-table th {
  white-space: nowrap;
  overflow: hidden;
}
.clc-grid-table td {
  white-space: nowrap;
  overflow: hidden;
}

.clc-grid-table tbody > div {
  display: table-row;
}

.clc-column-drag {
  cursor: grab;
  font-size: inherit;
  color: var(--clc-column-drag-handle-color);
  transition: var(--clc-grid-state-transition);
  margin-inline: var(--clc-column-drag-handle-margin-inline);
}
.clc-column-drag:after {
  content: "more_vert";
}
.clc-column-drag:hover {
  color: var(--clc-column-drag-handle-hover-color);
}
.clc-column-drag:active {
  color: var(--clc-column-drag-handle-hover-color);
  cursor: grabbing;
}

.clc-column-draggable {
  background-color: var(--clc-grid-header-background-color);
  border-radius: var(--clc-border-radius);
  box-shadow: var(--clc-column-draggable-shadow);
  padding: 0;
  display: flex;
  align-items: center;
}
.clc-column-draggable > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  outline: none;
  padding: 0;
}
.clc-column-draggable .clc-column-drag {
  max-width: 1rem;
}
.clc-column-draggable .clc-column-title {
  display: inline-flex;
  flex: auto;
  font-size: var(--clc-grid-header-font-size);
  font-weight: var(--clc-grid-header-font-weight);
  line-height: var(--clc-grid-header-line-height);
  text-transform: var(--clc-grid-header-text-transform);
  color: var(--clc-grid-header-color);
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-column-draggable .clc-grid-filter-icon {
  display: none;
}

.clc-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--clc-grid-group-header-gap);
  padding: var(--clc-grid-group-header-padding);
  background-color: var(--clc-grid-header-background-color);
  border-bottom: var(--clc-grid-bottom-cell-border);
}

.clc-group-header-items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--clc-grid-group-header-gap);
}

.clc-group-header-item {
  display: flex;
  align-items: center;
  color: var(--clc-grid-group-header-item-color);
  background-color: var(--clc-grid-group-header-item-background-color);
  border: var(--clc-grid-group-header-item-border);
  border-radius: var(--clc-grid-group-header-item-border-radius);
  padding-block: var(--clc-grid-group-header-item-padding-block);
  padding-inline: var(--clc-grid-group-header-item-padding-inline);
  width: fit-content;
  float: left;
}
.clc-group-header-item .clc-dialog-titlebar-close {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.clc-group-header-item-title {
  font-size: var(--clc-grid-header-font-size);
  font-weight: var(--clc-grid-header-font-weight);
  margin-inline: var(--clc-grid-group-header-item-title-margin-inline);
}

.clc-group-header-drop {
  font-size: var(--clc-body-font-size);
  color: var(--clc-text-tertiary-color);
  height: fit-content;
}

.clc-column-picker {
  display: flex;
}

.clc-filter-menu-symbol {
  width: 1.75rem;
  display: inline-block;
}

.clc-filter-button {
  flex: none;
  margin-inline-end: 0.5rem;
}

.clc-data-grid.clc-density-compact {
  --clc-grid-cell-line-height: 1rem;
  --clc-grid-cell-padding: 0.25rem 0.5rem;
  --clc-grid-header-cell-padding: 0.25rem 0;
  --clc-grid-header-padding: 0.25rem 1rem;
  --clc-grid-header-title-padding-inline: 0.5rem 0;
  --clc-grid-filter-padding: 0.25rem 0.5rem;
  --clc-grid-group-header-padding: 0.25rem;
  --clc-grid-group-header-gap: 0.25rem;
  --clc-grid-group-header-item-padding-block: 0.125rem ;
  --clc-grid-group-header-item-padding-inline: 0.5rem 0.25rem;
  --clc-grid-group-header-item-title-margin-inline: 0 0.25rem;
  --clc-dialog-close-font-size: 1rem;
}

.clc-pager {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--clc-pager-gap);
  flex-wrap: wrap;
  background-color: var(--clc-pager-background-color);
  padding: var(--clc-pager-padding);
  /* Right-to-left arrow icons */
}
.clc-pager:focus {
  outline: var(--clc-outline-normal);
}
.clc-pager:focus-visible .clc-pager-element.clc-state-focused,
.clc-pager:focus-visible .clc-pager-page.clc-state-focused {
  outline: var(--clc-outline-focus);
  outline-offset: var(--clc-outline-offset);
}
.clc-pager.clc-align-right {
  justify-content: right;
}
.clc-pager.clc-align-left {
  justify-content: left;
}
.clc-pager.clc-align-center {
  justify-content: center;
}
.clc-pager .clci-step-backward:before {
  content: "first_page";
}
.clc-pager .clci-caret-left:before {
  content: "navigate_before";
}
.clc-pager .clci-caret-right:before {
  content: "navigate_next";
}
.clc-pager .clci-step-forward:before {
  content: "last_page";
}
*[dir=rtl] .clc-pager .clc-pager-icon {
  transform: rotate(180deg);
}
.clc-pager .clc-dropdown {
  order: 2;
  width: var(--clc-pager-dropdown-width);
  overflow: visible;
}
.clc-pager .clc-pagesize-text {
  order: 2;
  font-size: var(--clc-pager-summary-font-size);
  color: var(--clc-pager-summary-color);
}
.clc-pager .clc-dropdown-items-wrapper {
  width: var(--clc-pager-dropdown-width-4px);
}

.clc-pager-element:hover,
.clc-pager-page:hover {
  background-color: var(--clc-pager-numeric-button-hover-background-color);
  color: var(--clc-pager-numeric-button-hover-color);
}

.clc-pager-bottom {
  border-top: var(--clc-pager-border);
}

.clc-pager-pages {
  display: inline-flex;
  gap: var(--clc-pager-gap);
  margin: 0 0.5rem;
}

.clc-pager-element {
  letter-spacing: 0;
}

.clc-align-center .clc-pager-first {
  margin-inline-start: auto;
}

.clc-pager-prev {
  margin-inline-end: auto;
}
.clc-align-left .clc-pager-prev, .clc-align-right .clc-pager-prev, .clc-align-center .clc-pager-prev {
  margin-inline-end: 0;
}

.clc-pager-next {
  margin-inline-start: auto;
}
.clc-align-left .clc-pager-next, .clc-align-right .clc-pager-next, .clc-align-center .clc-pager-next {
  margin-inline-start: 0;
}

.clc-align-center .clc-pager-last {
  margin-inline-end: auto;
}

.clc-pager-first,
.clc-pager-prev {
  background-color: var(--clc-pager-back-button-background-color);
  color: var(--clc-pager-back-button-color);
  border-radius: var(--clc-pager-button-border-radius);
}

.clc-pager-element:hover {
  text-decoration: none;
}

.clc-pager-last,
.clc-pager-next {
  background-color: var(--clc-pager-next-button-background-color);
  color: var(--clc-pager-next-button-color);
  border-radius: var(--clc-pager-button-border-radius);
}

.clc-pager-page {
  display: inline-block;
  min-width: var(--clc-pager-numeric-button-min-width);
  text-align: center;
  gap: var(--clc-pager-gap);
  background-color: var(--clc-pager-numeric-button-background-color);
  border: var(--clc-pager-numeric-button-border);
  border-radius: var(--clc-pager-button-border-radius);
  padding: var(--clc-pager-numeric-button-padding);
  color: var(--clc-pager-numeric-button-color);
}
.clc-pager-page.clc-state-active {
  background-color: var(--clc-pager-numeric-button-selected-background-color);
  color: var(--clc-pager-numeric-button-selected-color);
  border: var(--clc-pager-numeric-button-selected-border);
  padding: var(--clc-pager-numeric-button-selected-padding);
}

.clc-pager-summary {
  padding-inline-end: var(--clc-pager-summary-padding);
  font-size: var(--clc-pager-summary-font-size);
  color: var(--clc-pager-summary-color);
}
.clc-align-right .clc-pager-summary {
  margin-right: auto;
}
.clc-align-left .clc-pager-summary {
  order: 2;
  margin-left: auto;
  padding: 0;
}
*[dir=rtl] .clc-align-right .clc-pager-summary {
  order: 1;
}
*[dir=rtl] .clc-align-left .clc-pager-summary {
  order: 0;
}

@media (max-width: 768px) {
  .clc-pager-page:not(.clc-state-active) {
    display: none;
  }
  .clc-pager {
    display: grid;
    grid-column-gap: 0.5rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(9, 1fr);
    text-align: center;
  }
  .clc-pager .clc-dropdown {
    grid-column: 1/4;
    width: auto;
    margin: 0 !important;
    text-align: left;
  }
  .clc-pager .clc-pagesize-text {
    grid-column: 4/10;
    margin: 0 !important;
    text-align: left;
  }
  .clc-pager-summary {
    grid-column: 1/10;
    padding: 0 !important;
    text-align: left;
  }
  .clc-pager-first {
    grid-column: 1/3;
    margin: 0 !important;
  }
  .clc-pager-prev {
    grid-column: 3/5;
    margin: 0 !important;
  }
  .clc-pager-pages {
    grid-column: 5/6;
    margin: 0 !important;
  }
  .clc-pager-next {
    grid-column: 6/8;
    margin: 0 !important;
  }
  .clc-pager-last {
    grid-column: 8/10;
    margin: 0 !important;
  }
}
@container clc-lookup-panel (max-width: 768px) {
  .clc-pager-page:not(.clc-state-active) {
    display: none;
  }
  .clc-pager {
    display: grid;
    grid-column-gap: 0.5rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(9, 1fr);
    text-align: center;
  }
  .clc-pager .clc-dropdown {
    grid-column: 1/4;
    width: auto;
    margin: 0 !important;
    text-align: left;
  }
  .clc-pager .clc-pagesize-text {
    grid-column: 4/10;
    margin: 0 !important;
    text-align: left;
  }
  .clc-pager-summary {
    grid-column: 1/10;
    padding: 0 !important;
    text-align: left;
  }
  .clc-pager-first {
    grid-column: 1/3;
    margin: 0 !important;
  }
  .clc-pager-prev {
    grid-column: 3/5;
    margin: 0 !important;
  }
  .clc-pager-pages {
    grid-column: 5/6;
    margin: 0 !important;
  }
  .clc-pager-next {
    grid-column: 6/8;
    margin: 0 !important;
  }
  .clc-pager-last {
    grid-column: 8/10;
    margin: 0 !important;
  }
}
.clc-pager.clc-density-compact {
  --clc-pager-padding: 0.25rem;
  --clc-pager-gap: 0.25rem;
  --clc-pager-summary-padding: 0.5rem ;
}
.clc-overlaypanel {
  position: absolute;
  overflow: hidden;
  box-shadow: var(--clc-overlay-shadow);
  border: var(--clc-overlay-border);
  border-radius: var(--clc-border-radius);
  background-color: var(--clc-overlay-background-color);
}

.clc-tree {
  box-sizing: border-box;
  display: inline-block;
  overflow: auto;
}
.clc-tree:focus {
  outline: var(--clc-outline-normal);
}
.clc-tree:focus-visible {
  outline: var(--clc-outline-focus);
  outline-offset: var(--clc-tree-node-focus-outline-offset);
}

.clc-tree .clc-treenode.clc-treenode-leaf > .clc-treenode-content > .clc-tree-toggler {
  visibility: hidden;
}

.clc-treenode {
  padding-inline-start: var(--clc-tree-node-toggle-width);
}

.clc-tree-toggler {
  cursor: pointer;
  margin-inline-start: calc(var(--clc-tree-node-toggle-width) * -1);
  width: var(--clc-tree-node-toggle-width);
  height: 1.5rem;
  font-size: var(--clc-icon-size);
  line-height: 1.5rem;
  text-align: center;
  color: var(--clc-tree-node-toggle-color);
  transition: var(--clc-tree-transition);
}
.clc-tree-toggler.clci-caret-right {
  /* Right-to-left arrow icons */
}
.clc-tree-toggler.clci-caret-right:before {
  content: "chevron_right";
  margin-inline-start: -0.125rem;
}
*[dir=rtl] .clc-tree-toggler.clci-caret-right {
  transform: rotate(180deg);
}
.clc-tree-toggler.clci-caret-down:before {
  content: "expand_more";
  margin-inline-start: -0.125rem;
}
.clc-tree-toggler:hover {
  color: var(--clc-tree-node-toggle-hover-color);
}

.clc-treenode-content {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-block: var(--clc-tree-node-margin-block);
  margin-inline: var(--clc-tree-node-margin-inline);
}
.clc-treenode-content .clc-treenode-label {
  display: flex;
  align-items: center;
  padding-block: var(--clc-tree-node-padding-block);
  padding-inline: var(--clc-tree-node-padding-inline);
}
.clc-treenode-content .clc-treenode-label .clci:first-child {
  margin-inline-end: 0.25rem;
}
.clc-tree:focus-visible .clc-treenode-content.clc-state-focused .clc-treenode-label {
  outline: var(--clc-tree-node-focus-outline);
  outline-offset: var(--clc-tree-node-focus-outline-offset);
}
.clc-treenode-content:not(.clc-treenode-content-selected):hover .clc-treenode-label {
  background-color: var(--clc-tree-node-hover-background-color);
  color: var(--clc-tree-node-hover-color);
  border-radius: var(--clc-tree-node-selected-border-radius);
}
.clc-treenode-content .clc-chkbox {
  margin-inline-end: 0.25rem;
}

.clc-tree-container,
.clc-treenode-children {
  list-style: none;
  padding: 0;
  margin: 0;
}

.clc-treenode-label {
  transition: var(--clc-tree-transition);
}
.clc-treenode-content-selected .clc-treenode-label {
  border-radius: var(--clc-tree-node-selected-border-radius);
  color: var(--clc-tree-node-selected-color);
  background-color: var(--clc-tree-node-selected-background-color);
}

.clc-datalist,
.clc-datagrid {
  background-color: var(--clc-datalist-background-color);
  border-end-start-radius: var(--clc-datalist-border-radius);
  border-end-end-radius: var(--clc-datalist-border-radius);
  box-shadow: var(--clc-datalist-shadow);
  border: var(--clc-datalist-border);
}

.clc-g > div, .clc-datalist-data > li {
  border-radius: var(--clc-datalist-border-radius);
  border: var(--clc-datalist-item-border);
  box-shadow: var(--clc-datalist-item-shadow);
  padding: var(--clc-datalist-item-padding);
  background-color: var(--clc-datalist-item-background-color);
}

.clc-datalist-data {
  list-style: none;
  padding: var(--clc-datalist-padding);
  margin: 0;
}
.clc-datalist-data > li {
  margin-block: var(--clc-datalist-item-margin-block);
  margin-inline: var(--clc-datalist-item-margin-inline);
}
.clc-datalist-data > li:first-child {
  margin-block-start: 0;
}
.clc-datalist-data > li:last-child {
  margin-block-end: 0;
}

.clc-g {
  display: flex;
  flex-wrap: wrap;
}
.clc-g > div {
  flex: auto;
  margin-block: var(--clc-datalist-item-margin-block);
  margin-inline: var(--clc-datalist-item-margin-inline);
}

.clc-datalist-content {
  box-sizing: border-box;
  position: relative;
}

.clc-datafilter {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.25rem;
  align-items: center;
}
.clc-datafilter .clc-selectbutton {
  display: inline-flex;
}
.clc-datafilter .clc-datafilter-group {
  position: relative;
  margin: 0.25rem 0 0;
  padding: 0;
  flex-basis: 100%;
}
.clc-datafilter .clc-datafilter-group .clc-datafilter-group {
  margin: 0;
}
.clc-datafilter .clc-datafilter-item {
  position: relative;
  list-style: none;
  margin: 0;
  padding-block: var(--clc-datafilter-item-padding-block);
  padding-inline: calc(var(--clc-datafilter-item-padding-inline-start) + var(--clc-datafilter-item-indentation)) 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}
.clc-datafilter .clc-datafilter-item:before {
  content: "";
  position: absolute;
  background-color: transparent;
  width: var(--clc-datafilter-item-path-width);
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: calc(var(--clc-datafilter-item-padding-inline-start) / 2);
  border: 0;
  border-inline-start: var(--clc-datafilter-item-path-border);
}
.clc-datafilter .clc-datafilter-item:after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: var(--clc-datafilter-item-path-width);
  height: calc(var(--clc-datafilter-item-padding-block) + var(--clc-input-height) / 2);
  inset-block-start: 0;
  inset-inline-start: calc(var(--clc-datafilter-item-padding-inline-start) / 2);
  border: 0;
  border-block-end: var(--clc-datafilter-item-path-border);
  border-inline-start: var(--clc-datafilter-item-path-border);
}
.clc-datafilter .clc-datafilter-item .clc-multiselect,
.clc-datafilter .clc-datafilter-item .clc-dropdown {
  flex: 10rem 1;
}
.clc-datafilter .clc-datafilter-group-item:after {
  height: calc(var(--clc-input-height) / 2);
}
.clc-datafilter .clc-datafilter-bar {
  padding-block: 0;
  padding-inline: calc(var(--clc-datafilter-item-padding-inline-start) + var(--clc-datafilter-item-indentation)) 0;
}
.clc-datafilter .clc-datafilter-bar:before {
  display: none;
}
.clc-datafilter .clc-datafilter-bar:after {
  height: calc(var(--clc-input-height) / 2);
  border-end-start-radius: var(--clc-datafilter-item-path-border-radius);
}
.clc-datafilter .clc-datafilter-bar .clc-splitbutton {
  margin-block-start: 0.3125rem;
}
.clc-datafilter .clc-datafilter-editor {
  flex: 10rem 4;
}
.clc-datafilter .clc-button.clc-datafilter-item-clear {
  color: var(--clc-text-secondary-color);
  opacity: 0.5;
}
.clc-datafilter .clc-button.clc-datafilter-item-clear:hover {
  opacity: 1;
}

.clc-scheduler {
  box-sizing: border-box;
  container-name: scheduler;
  container-type: inline-size;
  display: flex;
  height: 400px;
  flex-direction: column;
  border-radius: var(--clc-scheduler-border-radius);
  border: 1px solid var(--clc-scheduler-border-color);
  box-shadow: var(--clc-scheduler-shadow);
  color: var(--clc-scheduler-color);
  background: var(--clc-scheduler-background-color);
  overflow: hidden;
  background-clip: border-box;
}
.clc-scheduler a.clc-event-list-btn {
  position: absolute;
  padding-inline-start: 0.25rem;
  color: var(--clc-scheduler-event-list-button-color);
  font-size: var(--clc-scheduler-event-list-button-font-size);
}
.clc-scheduler a.clc-event-list-btn:hover {
  cursor: pointer;
  color: var(--clc-scheduler-event-list-button-color);
  text-decoration: underline;
}

.clc-slot {
  display: flex;
  height: 1.5em;
  border-block-start: 1px solid var(--clc-scheduler-border-color);
  border-inline-start: 1px solid var(--clc-scheduler-border-color);
}

.clc-slot-title {
  text-align: end;
  font-size: var(--clc-scheduler-slot-title-font-size);
  padding: var(--clc-scheduler-slot-title-padding);
}

.clc-slot-hours {
  flex: 0 0 5rem;
}
.clc-slot-hours .clc-slot-header {
  height: 1.5rem;
  text-align: end;
  font-size: var(--clc-scheduler-header-font-size);
  padding: 0 0.25rem;
  border-inline-end: 1px solid var(--clc-scheduler-border-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clc-slot-minor {
  border-block-start: 1px solid var(--clc-scheduler-minor-border-color);
}

.clc-day-view .clc-slot,
.clc-slots:first-child .clc-slot {
  border-inline-start: none;
}

.clc-event {
  position: absolute;
  padding-block: var(--clc-scheduler-event-padding-block);
  padding-inline: var(--clc-scheduler-event-padding-inline);
  cursor: pointer;
}

.clc-event-content {
  background: var(--clc-scheduler-event-background-color);
  border-radius: var(--clc-scheduler-border-radius);
  color: var(--clc-scheduler-event-color);
  height: 100%;
  padding: var(--clc-scheduler-event-content-padding);
  font-size: var(--clc-scheduler-event-font-size);
  line-height: var(--clc-scheduler-event-line-height);
  overflow: hidden;
}

.clc-events {
  position: relative;
}

.clc-scheduler-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--clc-scheduler-toolbar-padding);
  background: var(--clc-scheduler-toolbar-background-color);
}
.clc-scheduler-nav .clc-scheduler-nav-title {
  display: flex;
  align-self: center;
  font-size: var(--clc-scheduler-toolbar-title-font-size);
  font-weight: var(--clc-scheduler-toolbar-title-font-weight);
  color: var(--clc-scheduler-toolbar-title-color);
}

.clc-view-header {
  border-block-start: var(--clc-scheduler-header-border);
  border-block-end: var(--clc-scheduler-header-border);
  background-color: var(--clc-scheduler-header-background-color);
  text-transform: var(--clc-scheduler-header-text-transform);
  color: var(--clc-scheduler-header-color);
  display: flex;
}
.clc-view-header .clc-slot-header {
  flex: 1;
  text-align: center;
  font-size: var(--clc-scheduler-header-font-size);
  padding: var(--clc-scheduler-header-padding);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.clc-view-header .clc-slot-hour-header {
  flex: 0 0 5rem;
}

.clc-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.clc-view-content {
  flex: auto;
  display: flex;
  overflow: auto;
  height: 0;
}
.clc-view-content:focus {
  outline: var(--clc-outline-normal);
}
.clc-view-content:focus-visible {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-view-content:focus-visible .clc-slot:has(.clc-state-focused) {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-view-content:focus-visible .clc-event.clc-state-focused .clc-event-content {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-outline-offset);
}

.clc-slots {
  flex: 1;
  font-size: 1rem;
}

.clc-scheduler-nav-views {
  display: flex;
}
.clc-scheduler-nav-views .clc-button.clc-primary {
  background: var(--clc-scheduler-view-button-background-color);
  color: var(--clc-scheduler-view-button-color);
  border: var(--clc-scheduler-view-button-border);
  border-radius: 0;
  border-inline-end: none;
}
.clc-scheduler-nav-views .clc-button.clc-primary:first-child {
  border-start-start-radius: var(--clc-scheduler-border-radius);
  border-end-start-radius: var(--clc-scheduler-border-radius);
}
.clc-scheduler-nav-views .clc-button.clc-primary:last-child {
  border-start-end-radius: var(--clc-scheduler-border-radius);
  border-end-end-radius: var(--clc-scheduler-border-radius);
  border-inline-end: var(--clc-scheduler-view-button-border);
}
.clc-scheduler-nav-views .clc-button.clc-primary.clc-state-active {
  background-color: var(--clc-scheduler-view-selected-background-color);
  border-color: var(--clc-scheduler-view-selected-border-color);
  color: var(--clc-scheduler-view-selected-color);
}
.clc-scheduler-nav-views .clc-button.clc-primary:focus-visible {
  z-index: 1;
}

.clc-scheduler-nav-prev-next {
  display: flex;
}
.clc-scheduler-nav-prev-next .clc-button {
  background-color: var(--clc-scheduler-prev-next-button-background-color);
  color: var(--clc-scheduler-prev-next-button-color);
  padding-block: var(--clc-scheduler-prev-next-button-padding-block);
  padding-inline: var(--clc-scheduler-prev-next-button-padding-inline);
  font-size: var(--clc-scheduler-prev-next-button-font-size);
}
.clc-scheduler-nav-prev-next .clc-button.clc-today {
  margin-inline-start: var(--clc-scheduler-today-button-margin-inline-start);
  padding: var(--clc-scheduler-today-button-padding);
  font-size: var(--clc-scheduler-today-button-font-size);
  text-transform: var(--clc-scheduler-today-button-text-transform);
}
.clc-scheduler-nav-prev-next .clc-button.clc-prev {
  border-start-start-radius: var(--clc-scheduler-prev-button-border-start-start-radius);
  border-start-end-radius: var(--clc-scheduler-prev-button-border-start-end-radius);
  border-end-start-radius: var(--clc-scheduler-prev-button-border-end-start-radius);
  border-end-end-radius: var(--clc-scheduler-prev-button-border-end-end-radius);
}
.clc-scheduler-nav-prev-next .clc-button.clc-next {
  border-start-start-radius: var(--clc-scheduler-next-button-border-start-start-radius);
  border-start-end-radius: var(--clc-scheduler-next-button-border-start-end-radius);
  border-end-start-radius: var(--clc-scheduler-next-button-border-end-start-radius);
  border-end-end-radius: var(--clc-scheduler-next-button-border-end-end-radius);
}
.clc-scheduler-nav-prev-next .clc-button:focus-visible {
  z-index: 1;
}

/* Right-to-left .clc-scheduler-nav-prev-next */
*[dir=rtl] .clc-scheduler-nav-prev-next .clc-button.clc-prev .clci,
*[dir=rtl] .clc-scheduler-nav-prev-next .clc-button.clc-next .clci {
  transform: rotate(180deg);
}

.clc-event-list .clc-event {
  position: static;
}

.clc-week {
  flex: 1;
  font-size: 1rem;
}
.clc-week .clc-slots {
  display: flex;
  height: 100%;
}
.clc-week:first-child .clc-slot {
  border-block-start: none;
}

.clc-month {
  flex: 1;
  font-size: 1rem;
}
.clc-month .clc-slots {
  display: flex;
  height: 100%;
}
.clc-month:nth-child(2) .clc-slot {
  border-block-start: none;
}
.clc-month .clc-slot {
  flex: 1;
  height: 100%;
  display: flex;
  border-block-start: 1px solid var(--clc-scheduler-border-color);
  border-inline-start: 1px solid var(--clc-scheduler-border-color);
}
.clc-month .clc-slot:first-child {
  position: sticky;
  z-index: 9998;
  inset-inline-start: 0;
  justify-content: center;
  align-items: center;
  background-color: var(--clc-scheduler-header-background-color);
  border-inline-start: none;
  border-inline-end: 1px solid var(--clc-scheduler-border-color);
}
.clc-month .clc-slot:first-child .clc-slot-header {
  text-align: center;
  font-size: var(--clc-scheduler-header-font-size);
  padding: var(--clc-scheduler-header-padding);
  text-transform: var(--clc-scheduler-header-text-transform);
  color: var(--clc-scheduler-header-color);
}
.clc-month .clc-slot:nth-child(2) {
  border-inline-start: none;
}

.clc-day-view .clc-slot:nth-of-type(2) {
  border-block-start: none;
}
.clc-day-view .clc-view-header {
  overflow-y: scroll;
  scrollbar-width: auto;
}

.clc-week-view-content {
  flex: 1;
  display: flex;
}
.clc-week-view-content:focus {
  outline: var(--clc-outline-normal);
}
.clc-week-view-content:focus-visible {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-week-view-content:focus-visible .clc-slots.clc-state-focused {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-week-view-content:focus-visible .clc-event.clc-state-focused .clc-event-content {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-outline-offset);
}

.clc-week-view .clc-slot:nth-of-type(2) {
  border-block-start: none;
}
.clc-week-view .clc-view-header {
  overflow-y: scroll;
  scrollbar-width: auto;
}

.clc-month-view .clc-view-content {
  flex: 1;
  flex-direction: column;
}
.clc-month-view .clc-slot {
  flex: 1;
  height: 100%;
}
.clc-month-view .clc-slot:first-child {
  border-inline-start: none;
}

.clc-planner-view {
  overflow: auto;
}
.clc-planner-view .clc-view-header {
  position: sticky;
  inset-block-start: 0px;
  min-height: 2.25rem;
  z-index: 9999;
}
.clc-planner-view:focus-visible {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-planner-view:focus-visible .clc-slot.clc-state-focused {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-planner-view:focus-visible .clc-event.clc-state-focused .clc-event-content {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-outline-offset);
}
.clc-planner-view .clc-month .clc-slot:first-child .clc-slot-header {
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
}
.clc-planner-view .clc-month .clc-slot:last-child {
  justify-content: center;
  align-items: center;
  background-color: var(--clc-scheduler-header-background-color);
}
.clc-planner-view .clc-month .clc-slot:last-child .clc-slot-header {
  writing-mode: vertical-rl;
  text-align: center;
  font-size: var(--clc-scheduler-header-font-size);
  padding: var(--clc-scheduler-header-padding);
  text-transform: var(--clc-scheduler-header-text-transform);
  color: var(--clc-scheduler-header-color);
}
.clc-planner-view .clc-month .clc-slot.clc-other-month {
  background-color: var(--clc-scheduler-other-month-background-color);
}
.clc-planner-view .clc-month .clc-slot.clc-weekend {
  color: var(--clc-scheduler-weekend-color);
  background-color: var(--clc-scheduler-weekend-background-color);
}

.clc-timeline-view {
  flex: auto;
  overflow: auto;
  flex-wrap: wrap;
  flex-direction: unset;
}
.clc-timeline-view .clc-view-header {
  position: sticky;
  inset-block-start: 0px;
  min-height: 36px;
  z-index: 9999;
}
.clc-timeline-view .clc-view-header .clc-slot-header {
  min-width: var(--clc-scheduler-timeline-slot-width);
  flex: 0 0 auto;
}
.clc-timeline-view:focus-visible {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-timeline-view:focus-visible .clc-slot.clc-state-focused {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-scheduler-focus-outline-offset);
}
.clc-timeline-view:focus-visible .clc-event.clc-state-focused .clc-event-content {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-outline-offset);
}
.clc-timeline-view .clc-month {
  flex: 0 0 auto;
}
.clc-timeline-view .clc-month .clc-slots {
  flex: 0 0 auto;
}
.clc-timeline-view .clc-month .clc-slot {
  width: var(--clc-scheduler-timeline-slot-width);
  height: var(--clc-scheduler-timeline-slot-height);
}
.clc-timeline-view .clc-month .clc-slot.clc-other-month {
  background-color: var(--clc-scheduler-other-month-background-color);
}
.clc-timeline-view .clc-month .clc-slot.clc-weekend {
  color: var(--clc-scheduler-weekend-color);
  background-color: var(--clc-scheduler-weekend-background-color);
}

.clc-year-view {
  overflow: auto;
  padding: var(--clc-scheduler-year-padding);
  --clc-gap: var(--clc-scheduler-year-padding);
}
.clc-year-view .clc-flex-column,
.clc-year-view .clc-week {
  min-width: fit-content;
}
.clc-year-view .clc-slot {
  flex: 1;
  border-block-start: none;
  justify-content: center;
  height: initial;
  padding: var(--clc-scheduler-year-slot-padding);
  cursor: pointer;
}
.clc-year-view .clc-slot .clc-slot-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: var(--clc-scheduler-year-slot-title-width);
  min-width: 2rem;
  min-height: 2rem;
  border-radius: var(--clc-scheduler-year-slot-title-border-radius);
  transition: var(--clc-datepicker-calendar-transition);
}
.clc-year-view .clc-slot .clc-slot-title.clc-other-month {
  opacity: 0.5;
}
.clc-year-view .clc-slot .clc-slot-title.clc-has-appointments {
  color: var(--clc-scheduler-event-color);
  background-color: var(--clc-scheduler-event-background-color);
}
.clc-year-view .clc-slot .clc-slot-title.clc-state-focused {
  color: var(--clc-datepicker-calendar-hover-color);
  background: var(--clc-datepicker-calendar-hover-background-color);
}
.clc-year-view .clc-slot:hover .clc-slot-title:not(.clc-has-appointments) {
  color: var(--clc-datepicker-calendar-hover-color);
  background: var(--clc-datepicker-calendar-hover-background-color);
}

.clc-year-month:focus {
  outline: var(--clc-outline-normal);
}
.clc-year-month:focus-visible {
  outline: var(--clc-scheduler-focus-outline);
  outline-offset: var(--clc-outline-offset);
  border-radius: var(--clc-border-radius);
}

@container scheduler (width < 640px) {
  .clc-scheduler-nav .clc-scheduler-nav-prev-next {
    justify-content: space-between;
    margin-block-end: 0.5rem;
    margin-inline-end: 0.5rem;
    order: 1;
  }
  .clc-scheduler-nav .clc-scheduler-nav-title {
    justify-content: center;
    width: 100%;
    order: 3;
  }
  .clc-scheduler-nav .clc-scheduler-nav-views {
    margin-block-end: 0.5rem;
    justify-content: center;
    flex-grow: 1;
    order: 2;
  }
  .clc-scheduler-nav .clc-scheduler-nav-views .clc-button {
    flex-grow: 1;
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
  }
  .clc-scheduler-nav .clc-scheduler-nav-views .clc-button .clc-button-text {
    display: none;
  }
  .clc-slot-hours,
  .clc-view-header .clc-slot-hour-header {
    flex: 0 0 3rem;
  }
}
@container scheduler (width < 1400px) {
  .clc-planner-view {
    flex-wrap: wrap;
    flex-direction: unset;
  }
  .clc-planner-view .clc-view-header .clc-slot-header {
    flex: 0 0 auto;
    width: var(--clc-scheduler-planner-slot-width);
  }
  .clc-planner-view .clc-month {
    flex: 0 0 auto;
  }
  .clc-planner-view .clc-month .clc-slots {
    flex: 0 0 auto;
  }
  .clc-planner-view .clc-month .clc-slot {
    width: var(--clc-scheduler-planner-slot-width);
    height: var(--clc-scheduler-planner-slot-height);
  }
}
@media (max-width: 576px) {
  .clc-scheduler-nav .clc-scheduler-nav-prev-next {
    justify-content: space-between;
    margin-block-end: 0.5rem;
    margin-inline-end: 0.5rem;
    order: 1;
  }
  .clc-scheduler-nav .clc-scheduler-nav-title {
    justify-content: center;
    width: 100%;
    order: 3;
  }
  .clc-scheduler-nav .clc-scheduler-nav-views {
    margin-block-end: 0.5rem;
    justify-content: center;
    flex-grow: 1;
    order: 2;
  }
  .clc-scheduler-nav .clc-scheduler-nav-views .clc-button {
    flex-grow: 1;
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
  }
  .clc-scheduler-nav .clc-scheduler-nav-views .clc-button .clc-button-text {
    display: none;
  }
  .clc-slot-hours,
  .clc-view-header .clc-slot-hour-header {
    flex: 0 0 3rem;
  }
}
@media (max-width: 1399px) {
  .clc-planner-view {
    flex-wrap: wrap;
    flex-direction: unset;
  }
  .clc-planner-view .clc-view-header .clc-slot-header {
    flex: 0 0 auto;
    width: var(--clc-scheduler-planner-slot-width);
  }
  .clc-planner-view .clc-month {
    flex: 0 0 auto;
  }
  .clc-planner-view .clc-month .clc-slots {
    flex: 0 0 auto;
  }
  .clc-planner-view .clc-month .clc-slot {
    width: var(--clc-scheduler-planner-slot-width);
    height: var(--clc-scheduler-planner-slot-height);
  }
}
.clc-tabview {
  box-sizing: border-box;
  display: flex;
}
.clc-tabview:focus {
  outline: var(--clc-outline-normal);
}
.clc-tabview:focus-visible {
  outline: var(--clc-outline-focus);
  outline-offset: var(--clc-outline-offset);
}
.clc-tabview:focus-visible .clc-tabview-nav .clc-state-focused:not(.clc-tabview-selected):not(.clc-state-disabled) {
  outline: var(--clc-tabs-tab-focus-outline);
  outline-offset: var(--clc-tabs-tab-focus-outline-offset);
}
.clc-tabview.clc-tabview-top {
  flex-direction: column;
}
.clc-tabview.clc-tabview-top-right {
  flex-direction: column;
}
.clc-tabview.clc-tabview-bottom {
  flex-direction: column-reverse;
}
.clc-tabview.clc-tabview-bottom-right {
  flex-direction: column-reverse;
}
.clc-tabview.clc-tabview-left {
  flex-direction: row;
}
.clc-tabview.clc-tabview-right {
  flex-direction: row-reverse;
}

.clc-tabview-nav {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.clc-tabview-nav li {
  border: var(--clc-tabs-border);
  background-color: var(--clc-tabs-tab-background-color);
  color: var(--clc-tabs-tab-color);
  transition: var(--clc-tabs-transition);
}
.clc-tabview-nav li:hover:not(.clc-tabview-selected):not(.clc-state-disabled) {
  background-color: var(--clc-tabs-tab-hover-background-color);
  color: var(--clc-tabs-tab-hover-color);
}
.clc-tabview-nav li a,
.clc-tabview-nav li a:not([href]):not([class]) {
  display: flex;
  align-items: center;
  color: inherit;
  padding-block: var(--clc-tabs-tab-padding-block);
  padding-inline: var(--clc-tabs-tab-padding-inline);
  font-size: var(--clc-tabs-tab-font-size);
  line-height: var(--clc-tabs-tab-line-height);
  font-weight: var(--clc-tabs-tab-font-weight);
  text-transform: var(--clc-tabs-tab-text-transform);
  letter-spacing: var(--clc-tabs-tab-letter-spacing);
  text-decoration: none;
  cursor: pointer;
}
.clc-tabview-nav li a:hover,
.clc-tabview-nav li a:not([href]):not([class]):hover {
  text-decoration: none;
}
.clc-tabview-nav li.clc-state-disabled {
  opacity: 0.5;
}
.clc-tabview-nav .clc-state-focused:not(.clc-tabview-selected):not(.clc-state-disabled) {
  background-color: var(--clc-tabs-tab-focus-background-color);
  border-color: var(--clc-tabs-tab-focus-background-color);
  color: var(--clc-tabs-tab-focus-color);
}
.clc-tabview-nav .clc-tabview-selected {
  background-color: var(--clc-tabs-tab-selected-background-color);
  color: var(--clc-tabs-tab-selected-color);
  position: relative;
}
.clc-tabview-top > .clc-tabview-nav {
  flex-direction: row;
}
.clc-tabview-top > .clc-tabview-nav li {
  border-top-width: 2px;
  border-bottom-color: var(--clc-tabs-tab-background-color);
  border-radius: var(--clc-tabs-border-radius) var(--clc-tabs-border-radius) 0 0;
}
.clc-tabview-top > .clc-tabview-nav li:hover:not(.clc-tabview-selected):not(.clc-state-disabled) {
  border-top-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-top > .clc-tabview-nav .clc-tabview-selected {
  border-bottom-color: var(--clc-tabs-background-color);
  margin-bottom: -1px;
  border-top-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-top-right > .clc-tabview-nav {
  justify-content: right;
}
.clc-tabview-bottom > .clc-tabview-nav {
  flex-direction: row;
}
.clc-tabview-bottom > .clc-tabview-nav li {
  border-bottom-width: 2px;
  border-top-color: var(--clc-tabs-tab-background-color);
  border-radius: 0 0 var(--clc-tabs-border-radius) var(--clc-tabs-border-radius);
}
.clc-tabview-bottom > .clc-tabview-nav li:hover:not(.clc-tabview-selected):not(.clc-state-disabled) {
  border-bottom-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-bottom > .clc-tabview-nav .clc-tabview-selected {
  border-top-color: var(--clc-tabs-background-color);
  margin-top: -1px;
  padding-top: 1px;
  border-bottom-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-bottom-right > .clc-tabview-nav {
  justify-content: right;
}
.clc-tabview-left > .clc-tabview-nav {
  flex-direction: column;
}
.clc-tabview-left > .clc-tabview-nav li {
  border-left-width: 2px;
  border-right-color: var(--clc-tabs-tab-background-color);
  border-radius: var(--clc-tabs-border-radius) 0 0 var(--clc-tabs-border-radius);
}
.clc-tabview-left > .clc-tabview-nav li:hover:not(.clc-tabview-selected):not(.clc-state-disabled) {
  border-left-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-left > .clc-tabview-nav .clc-tabview-selected {
  border-right-color: var(--clc-tabs-background-color);
  margin-right: -1px;
  border-left-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-right > .clc-tabview-nav {
  flex-direction: column;
}
.clc-tabview-right > .clc-tabview-nav li {
  border-right-width: 2px;
  border-left-color: var(--clc-tabs-tab-background-color);
  border-radius: 0 var(--clc-tabs-border-radius) var(--clc-tabs-border-radius) 0;
}
.clc-tabview-right > .clc-tabview-nav li:hover:not(.clc-tabview-selected):not(.clc-state-disabled) {
  border-right-color: var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-right > .clc-tabview-nav .clc-tabview-selected {
  border-left-color: var(--clc-tabs-background-color);
  margin-left: -1px;
  padding-left: 1px;
  border-right-color: var(--clc-tabs-tab-selected-top-border-color);
}
*[dir=rtl] .clc-tabview-left > .clc-tabview-nav, *[dir=rtl] .clc-tabview-right > .clc-tabview-nav {
  order: 1;
}

.clc-tabview-panels {
  background-color: var(--clc-tabs-background-color);
  border: var(--clc-tabs-border);
  box-shadow: var(--clc-tabs-shadow);
  flex: 1;
  overflow: auto;
}
.clc-tabview-top > .clc-tabview-panels {
  border-radius: 0 0 var(--clc-tabs-border-radius) var(--clc-tabs-border-radius);
}
.clc-tabview-bottom > .clc-tabview-panels {
  border-radius: var(--clc-tabs-border-radius) var(--clc-tabs-border-radius) 0 0;
}
.clc-tabview-left > .clc-tabview-panels {
  border-radius: 0 var(--clc-tabs-border-radius) var(--clc-tabs-border-radius) 0;
}
.clc-tabview-right > .clc-tabview-panels {
  border-radius: var(--clc-tabs-border-radius) 0 0 var(--clc-tabs-border-radius);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .clc-tabview-panels {
    flex: auto;
  }
}
.clc-tabview-panel {
  padding: var(--clc-tabs-padding);
}

.clc-tabview-icon {
  font-size: var(--clc-tabs-icon-font-size);
  margin-inline: var(--clc-tabs-icon-margin-inline);
}

.clc-tooltip {
  box-sizing: border-box;
  position: absolute;
  transition: top 0.2s, left 0.2s;
  top: 0;
  left: 0;
}

.clc-tooltip-content {
  background: var(--clc-tooltip-background-color);
  color: var(--clc-tooltip-color);
  box-shadow: var(--clc-tooltip-shadow);
  padding: var(--clc-tooltip-padding);
  border-radius: var(--clc-tooltip-border-radius);
  font-size: var(--clc-tooltip-font-size);
  white-space: nowrap;
}

.clc-tooltip .clc-top-tooltip-content {
  margin-bottom: 16px;
}

.clc-tooltip .clc-top-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  inset-block-end: 0;
  inset-inline-start: 12px;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -12px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.clc-tooltip .clc-bottom-tooltip-content {
  margin-top: -8px;
}

.clc-tooltip .clc-bottom-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  inset-block-start: 0;
  inset-inline-start: 12px;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -12px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.clc-tooltip .clc-left-tooltip-content {
  margin-right: 8px;
}

.clc-tooltip .clc-left-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 20px;
  right: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -10px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.clc-tooltip .clc-right-tooltip-content {
  margin-left: 0;
}

.clc-tooltip .clc-right-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 20px;
  left: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -10px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.clc-dialog-wrapper {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--clc-dialog-zindex);
  align-items: center;
  justify-content: center;
}

.clc-dialog {
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  max-height: 100%;
  min-height: 150px;
  z-index: var(--clc-dialog-zindex);
  opacity: 1;
  background-color: var(--clc-dialog-background-color);
  box-shadow: var(--clc-dialog-shadow);
  border-radius: var(--clc-dialog-border-radius);
}

.clc-dialog-side {
  box-sizing: border-box;
  position: fixed;
  z-index: var(--clc-dialog-zindex);
  opacity: 1;
  background-color: var(--clc-dialog-background-color);
  box-shadow: var(--clc-dialog-shadow);
  border-radius: var(--clc-dialog-border-radius);
  overflow-y: auto;
}

.clc-dialog-titlebar,
.clc-dialog-side-titlebar {
  display: flex;
  align-items: normal;
  padding-block: var(--clc-dialog-title-padding-block);
  padding-inline: var(--clc-dialog-title-padding-inline);
  font-size: var(--clc-dialog-title-font-size);
  line-height: var(--clc-dialog-title-line-height);
  background-color: var(--clc-dialog-title-background-color);
  border-block-end: var(--clc-dialog-title-border);
}

.clc-dialog-title,
.clc-dialog-side-title {
  flex: auto;
  font-weight: var(--clc-dialog-title-font-weight);
  letter-spacing: var(--clc-dialog-title-letter-spacing);
  color: var(--clc-dialog-title-color);
  user-select: none;
}

.clc-dialog-titlebar-close .clci-times,
.clc-dialog-side-titlebar-close .clci-times {
  font-size: var(--clc-dialog-close-font-size);
  color: var(--clc-dialog-close-color);
  vertical-align: var(--clc-dialog-close-vertical-align);
}
.clc-dialog-titlebar-close .clci-times:before,
.clc-dialog-side-titlebar-close .clci-times:before {
  content: "close";
}
.clc-dialog-titlebar-close:hover .clci-times,
.clc-dialog-side-titlebar-close:hover .clci-times {
  color: var(--clc-dialog-close-hover-color);
}

.clc-dialog-content,
.clc-dialog-side-content {
  flex: 0 1 auto;
  padding: var(--clc-dialog-content-padding);
  overflow: auto;
}

.clc-dialog-confirm, .clc-dialog-alert {
  max-width: 400px;
  margin: 0.75rem;
}

.clc-dialog-confirm-message, .clc-dialog-alert-message {
  margin-block-end: 1.5rem;
}

.clc-dialog-confirm-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.clc-dialog-confirm-buttons .clc-button {
  flex: 8rem 1;
  min-width: fit-content;
}

.clc-dialog-alert-buttons {
  text-align: end;
  gap: 0.5rem;
}
.clc-dialog-alert-buttons .clc-button {
  flex: 8rem 1;
  min-width: fit-content;
}

.clc-dialog-mask {
  position: fixed;
  z-index: var(--clc-dialog-mask-zindex);
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--clc-dialog-mask-background-color);
  opacity: 0.5;
}

.no-scroll {
  overflow: hidden;
  padding-inline-end: 15px;
}

.clc-dialog-side-position-right {
  right: 0;
  min-width: 150px;
  width: 400px;
  max-width: 100%;
  height: 100%;
}

.clc-dialog-side-position-left {
  left: 0;
  min-width: 150px;
  width: 400px;
  max-width: 100%;
  height: 100%;
}

.clc-dialog-side-position-top {
  top: 0;
  min-height: 150px;
  height: 250px;
  width: 100%;
}

.clc-dialog-side-position-bottom {
  bottom: 0;
  min-height: 150px;
  height: 250px;
  width: 100%;
}

@media (max-width: 768px) {
  .clc-dialog:not(.clc-dialog-confirm):not(.clc-dialog-alert) {
    position: absolute;
    width: 100% !important;
    inset-block-start: 0px !important;
    border-radius: 0;
  }
  .clc-dialog-content {
    -webkit-overflow-scrolling: touch;
  }
  .clc-dialog-confirm, .clc-dialog-alert {
    max-width: 355px;
  }
  .no-scroll {
    padding-inline-end: 0;
  }
}
.clc-notification {
  box-sizing: border-box;
  position: fixed;
  z-index: 1002;
  inset-block-start: 100px;
  inset-inline-end: 1rem;
}

.clc-notification-item-wrapper {
  position: static;
  width: 250px;
  min-width: 20rem;
  background-color: var(--clc-notification-container-background-color);
  margin: 1rem 0;
}

.clc-notification-item {
  display: flex;
  align-items: flex-start;
  gap: var(--clc-notification-gap);
  border-radius: var(--clc-notification-border-radius);
  box-shadow: var(--clc-notification-shadow);
  padding: var(--clc-notification-padding);
}
.clc-notification-success .clc-notification-item {
  color: var(--clc-notification-success-color);
  background-color: var(--clc-notification-success-background-color);
}
.clc-notification-warn .clc-notification-item {
  color: var(--clc-notification-warning-color);
  background-color: var(--clc-notification-warning-background-color);
}
.clc-notification-error .clc-notification-item {
  color: var(--clc-notification-error-color);
  background-color: var(--clc-notification-error-background-color);
}
.clc-notification-info .clc-notification-item {
  color: var(--clc-notification-info-color);
  background-color: var(--clc-notification-info-background-color);
}

.clc-notification-message-wrapper {
  flex: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--clc-notification-gap);
}

.clc-notification-message {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.clc-notification-title {
  font-weight: bold;
}

.clc-notification-icon {
  margin: var(--clc-notification-icon-margin);
}
.clc-notification-icon.clci-check {
  color: var(--clc-notification-success-icon-color);
}
.clc-notification-icon.clci-check:before {
  content: "check";
}
.clc-notification-icon.clci-exclamation-triangle {
  color: var(--clc-notification-warning-icon-color);
}
.clc-notification-icon.clci-exclamation-triangle:before {
  content: "warning";
}
.clc-notification-icon.clci-info-circle {
  color: var(--clc-notification-info-icon-color);
}
.clc-notification-icon.clci-info-circle:before {
  content: "info";
}
.clc-notification-icon.clci-times {
  color: var(--clc-notification-error-icon-color);
}
.clc-notification-icon.clci-times:before {
  content: "error";
}

.clc-notification-close {
  cursor: pointer;
  opacity: 0.75;
}
.clc-notification-close:before {
  content: "close";
}

.clc-form {
  box-sizing: border-box;
}

.clc-message {
  box-sizing: border-box;
}

.clc-messages-error {
  display: inline-block;
  color: var(--clc-form-error-color);
  font-size: var(--clc-form-error-font-size);
  padding: var(--clc-validator-text-padding);
}

.clc-message-popup {
  position: absolute;
  background-color: var(--clc-validator-background-color);
  transform: var(--clc-validator-transform);
  box-shadow: var(--clc-validator-shadow);
  padding: var(--clc-validator-padding);
  border-radius: var(--clc-border-radius);
  color: var(--clc-validator-color);
  pointer-events: none;
}
.clc-message-popup:before {
  content: "";
  border: var(--clc-validator-pointer-size) solid transparent;
  border-bottom-color: var(--clc-validator-background-color);
  position: absolute;
  inset-block-start: calc(-2 * var(--clc-validator-pointer-size));
  inset-inline-start: calc(var(--clc-border-radius) + var(--clc-validator-pointer-size) / 2);
}

body:not(.clc-default-scrollbars)::-webkit-scrollbar,
body:not(.clc-default-scrollbars) ::-webkit-scrollbar {
  background-color: var(--clc-scrollbar-background-color);
  width: var(--clc-scrollbar-size);
  height: var(--clc-scrollbar-size);
}
body:not(.clc-default-scrollbars)::-webkit-scrollbar-thumb,
body:not(.clc-default-scrollbars) ::-webkit-scrollbar-thumb {
  background: var(--clc-scrollbar-color);
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: var(--clc-scrollbar-border-radius);
  min-width: var(--clc-scrollbar-size);
  min-height: var(--clc-scrollbar-size);
}
body:not(.clc-default-scrollbars)::-webkit-scrollbar-corner,
body:not(.clc-default-scrollbars) ::-webkit-scrollbar-corner {
  background-color: var(--clc-scrollbar-background-color);
}

.clc-layout::-webkit-scrollbar,
.clc-layout ::-webkit-scrollbar,
.clc-scrollbars::-webkit-scrollbar,
.clc-scrollbars ::-webkit-scrollbar {
  background-color: var(--clc-scrollbar-background-color);
  width: var(--clc-scrollbar-size);
  height: var(--clc-scrollbar-size);
}
.clc-layout::-webkit-scrollbar-thumb,
.clc-layout ::-webkit-scrollbar-thumb,
.clc-scrollbars::-webkit-scrollbar-thumb,
.clc-scrollbars ::-webkit-scrollbar-thumb {
  background: var(--clc-scrollbar-color);
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: var(--clc-scrollbar-border-radius);
  min-width: var(--clc-scrollbar-size);
  min-height: var(--clc-scrollbar-size);
}
.clc-layout::-webkit-scrollbar-corner,
.clc-layout ::-webkit-scrollbar-corner,
.clc-scrollbars::-webkit-scrollbar-corner,
.clc-scrollbars ::-webkit-scrollbar-corner {
  background-color: var(--clc-scrollbar-background-color);
}

.clc-login {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.clc-login .clc-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.clc-login .clc-form .clc-form-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem;
}
.clc-login .clc-form .clc-form-row .clc-label {
  flex: 1 8rem;
}
.clc-login .clc-form .clc-form-row .clc-form-input-wrapper {
  flex: 3 14rem;
}
.clc-login .clc-form .clc-form-row .clc-textbox {
  display: block;
  width: 100%;
}
.clc-login .clc-form .clc-form-row .clc-textbox.invalid {
  border: var(--clc-border-danger);
}
.clc-login .clc-form .clc-form-row .clc-switch {
  margin-inline-end: 0.5rem;
}
.clc-login .clc-form .clc-messages-error {
  position: absolute;
}
.clc-login .clc-register {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: var(--clc-login-register-background-color);
  margin-block: var(--clc-login-register-margin-block);
  margin-inline: var(--clc-login-register-margin-inline);
  padding-block: var(--clc-login-register-padding-block);
  padding-inline: var(--clc-login-register-padding-inline);
  border-radius: var(--clc-border-radius);
}
.clc-login .clc-register .clc-button {
  margin-block: var(--clc-login-register-button-margin-block);
  margin-inline: var(--clc-login-register-button-margin-inline);
}
.clc-login .clc-login-buttons {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.clc-lookup-panel {
  background-color: var(--clc-lookup-panel-background-color);
  padding: var(--clc-lookup-panel-padding);
  container-type: inline-size;
  container-name: clc-lookup-panel;
}

.clc-lookup-search {
  display: flex;
  gap: var(--clc-lookup-search-gap);
  margin-bottom: var(--clc-lookup-search-margin-bottom);
}
.clc-lookup-search input {
  flex: auto;
}

.ssrsviewer {
  display: flex;
}
.ssrsviewer iframe {
  flex: auto;
}

.clc-map {
  box-sizing: border-box;
  height: var(--clc-map-height);
  padding: var(--clc-map-padding);
  background-color: var(--clc-map-background-color);
  box-shadow: var(--clc-map-shadow);
  border-radius: var(--clc-border-radius);
}

.clc-map-container {
  height: 100%;
}

.clc-gauge,
.clc-arc-gauge {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 300px;
  height: 300px;
}

.clc-gauge .clc-line,
.clc-gauge .clc-tick {
  stroke: var(--clc-gauge-scale-color);
}
.clc-gauge .clc-tick-text {
  font-size: var(--clc-gauge-scale-font-size);
  fill: var(--clc-gauge-scale-label-color);
}

.clc-arc-gauge .clc-line,
.clc-arc-gauge .clc-tick {
  stroke: var(--clc-gauge-arc-scale-color);
}
.clc-arc-gauge .clc-tick-text {
  font-size: var(--clc-gauge-scale-font-size);
  fill: var(--clc-gauge-arc-scale-label-color);
}

.clc-gauge-value {
  position: absolute;
  transform: translateX(-50%);
  padding: 0.5rem;
}

.clc-arc-gauge-value {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 0.5rem;
}

.clc-gauge-pointer {
  fill: var(--clc-gauge-pointer-color);
}

.clc-arc-gauge-scale-value {
  fill: var(--clc-gauge-arc-value-color);
}

.clc-arc-gauge-scale {
  fill: var(--clc-gauge-arc-scale-color);
}

.clc-progressbar {
  box-sizing: border-box;
  border-radius: var(--clc-progressbar-border-radius);
  height: var(--clc-progressbar-height);
  position: relative;
  background-color: var(--clc-progressbar-background-color);
  text-align: center;
  display: flex;
  align-items: center;
}

.clc-progressbar-value {
  border-radius: var(--clc-progressbar-border-radius);
  position: absolute;
  background-color: var(--clc-progressbar-value-background-color);
  height: 100%;
  width: 100%;
  transition: var(--clc-progressbar-value-transition);
}

.clc-progressbar-label {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: var(--clc-progressbar-font-size);
  line-height: var(--clc-progressbar-font-size);
}

.clc-progressbar-circular {
  box-sizing: border-box;
  position: relative;
}

.clc-progressbar-circular-viewbox {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.clc-progressbar-circular-label {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.clc-progressbar-circular-background {
  stroke: var(--clc-progressbar-background-color);
  stroke-width: var(--clc-progressbar-circular-stroke-width);
}

.clc-progressbar-circular-value {
  stroke-linecap: var(--clc-progressbar-circular-value-endpoint);
  stroke-width: var(--clc-progressbar-circular-value-stroke-width);
  stroke: var(--clc-progressbar-value-background-color);
  transition: var(--clc-progressbar-value-transition);
}

.clc-progressbar-determinate .clc-progressbar-circular-value {
  stroke-dasharray: 100;
  transform: rotate(-0.25turn);
}

.clc-progressbar-indeterminate {
  overflow: hidden;
}
.clc-progressbar-indeterminate .clc-progressbar-value {
  background-color: transparent;
}
.clc-progressbar-indeterminate .clc-progressbar-value:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--clc-progressbar-value-background-color);
  will-change: left, right;
  animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite clc-progressbar-indeterminate-anim;
}
*[dir=rtl] .clc-progressbar-indeterminate .clc-progressbar-value:before {
  animation-name: clc-progressbar-indeterminate-anim-rtl;
}
.clc-progressbar-indeterminate .clc-progressbar-value:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--clc-progressbar-value-background-color);
  will-change: left, right;
  animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite clc-progressbar-indeterminate-anim-short;
  animation-delay: 1.15s;
}
*[dir=rtl] .clc-progressbar-indeterminate .clc-progressbar-value:after {
  animation-name: clc-progressbar-indeterminate-anim-short-rtl;
}
@keyframes clc-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%;
  }
  100%, 60% {
    left: 100%;
    right: -90%;
  }
}
@keyframes clc-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%;
  }
  100%, 60% {
    left: 107%;
    right: -8%;
  }
}
@keyframes clc-progressbar-indeterminate-anim-rtl {
  0% {
    right: -35%;
    left: 100%;
  }
  60%, 100% {
    right: 100%;
    left: -90%;
  }
}
@keyframes clc-progressbar-indeterminate-anim-short-rtl {
  0% {
    right: -200%;
    left: 100%;
  }
  60%, 100% {
    right: 107%;
    left: -8%;
  }
}
.clc-progressbar-indeterminate .clc-progressbar-circular-value {
  animation: clc-progressbar-circular-indeterminate-anim-rotate 2.1s linear infinite, clc-progressbar-circular-indeterminate-anim-dash 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transform-origin: 0 0;
}
@keyframes clc-progressbar-circular-indeterminate-anim-rotate {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes clc-progressbar-circular-indeterminate-anim-dash {
  0% {
    stroke-dasharray: 1, 100;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 70, 100;
    stroke-dashoffset: -28;
  }
  100% {
    stroke-dasharray: 70, 100;
    stroke-dashoffset: -99;
  }
}

.clc-progressbar.clc-progressbar-primary {
  color: var(--clc-on-primary);
}

.clc-progressbar-determinate.clc-progressbar-primary .clc-progressbar-value {
  background-color: var(--clc-primary);
}
.clc-progressbar-determinate.clc-progressbar-primary .clc-progressbar-circular-value {
  stroke: var(--clc-primary);
}

.clc-progressbar-indeterminate.clc-progressbar-primary .clc-progressbar-value:before {
  background-color: var(--clc-primary);
}
.clc-progressbar-indeterminate.clc-progressbar-primary .clc-progressbar-value:after {
  background-color: var(--clc-primary);
}
.clc-progressbar-indeterminate.clc-progressbar-primary .clc-progressbar-circular-value {
  stroke: var(--clc-primary);
}

.clc-progressbar.clc-progressbar-secondary {
  color: var(--clc-on-secondary);
}

.clc-progressbar-determinate.clc-progressbar-secondary .clc-progressbar-value {
  background-color: var(--clc-secondary);
}
.clc-progressbar-determinate.clc-progressbar-secondary .clc-progressbar-circular-value {
  stroke: var(--clc-secondary);
}

.clc-progressbar-indeterminate.clc-progressbar-secondary .clc-progressbar-value:before {
  background-color: var(--clc-secondary);
}
.clc-progressbar-indeterminate.clc-progressbar-secondary .clc-progressbar-value:after {
  background-color: var(--clc-secondary);
}
.clc-progressbar-indeterminate.clc-progressbar-secondary .clc-progressbar-circular-value {
  stroke: var(--clc-secondary);
}

.clc-progressbar.clc-progressbar-info {
  color: var(--clc-on-info);
}

.clc-progressbar-determinate.clc-progressbar-info .clc-progressbar-value {
  background-color: var(--clc-info);
}
.clc-progressbar-determinate.clc-progressbar-info .clc-progressbar-circular-value {
  stroke: var(--clc-info);
}

.clc-progressbar-indeterminate.clc-progressbar-info .clc-progressbar-value:before {
  background-color: var(--clc-info);
}
.clc-progressbar-indeterminate.clc-progressbar-info .clc-progressbar-value:after {
  background-color: var(--clc-info);
}
.clc-progressbar-indeterminate.clc-progressbar-info .clc-progressbar-circular-value {
  stroke: var(--clc-info);
}

.clc-progressbar.clc-progressbar-warning {
  color: var(--clc-on-warning);
}

.clc-progressbar-determinate.clc-progressbar-warning .clc-progressbar-value {
  background-color: var(--clc-warning);
}
.clc-progressbar-determinate.clc-progressbar-warning .clc-progressbar-circular-value {
  stroke: var(--clc-warning);
}

.clc-progressbar-indeterminate.clc-progressbar-warning .clc-progressbar-value:before {
  background-color: var(--clc-warning);
}
.clc-progressbar-indeterminate.clc-progressbar-warning .clc-progressbar-value:after {
  background-color: var(--clc-warning);
}
.clc-progressbar-indeterminate.clc-progressbar-warning .clc-progressbar-circular-value {
  stroke: var(--clc-warning);
}

.clc-progressbar.clc-progressbar-error {
  color: var(--clc-on-danger);
}

.clc-progressbar-determinate.clc-progressbar-error .clc-progressbar-value {
  background-color: var(--clc-danger);
}
.clc-progressbar-determinate.clc-progressbar-error .clc-progressbar-circular-value {
  stroke: var(--clc-danger);
}

.clc-progressbar-indeterminate.clc-progressbar-error .clc-progressbar-value:before {
  background-color: var(--clc-danger);
}
.clc-progressbar-indeterminate.clc-progressbar-error .clc-progressbar-value:after {
  background-color: var(--clc-danger);
}
.clc-progressbar-indeterminate.clc-progressbar-error .clc-progressbar-circular-value {
  stroke: var(--clc-danger);
}

.clc-progressbar.clc-progressbar-danger {
  color: var(--clc-on-danger);
}

.clc-progressbar-determinate.clc-progressbar-danger .clc-progressbar-value {
  background-color: var(--clc-danger);
}
.clc-progressbar-determinate.clc-progressbar-danger .clc-progressbar-circular-value {
  stroke: var(--clc-danger);
}

.clc-progressbar-indeterminate.clc-progressbar-danger .clc-progressbar-value:before {
  background-color: var(--clc-danger);
}
.clc-progressbar-indeterminate.clc-progressbar-danger .clc-progressbar-value:after {
  background-color: var(--clc-danger);
}
.clc-progressbar-indeterminate.clc-progressbar-danger .clc-progressbar-circular-value {
  stroke: var(--clc-danger);
}

.clc-progressbar.clc-progressbar-success {
  color: var(--clc-on-success);
}

.clc-progressbar-determinate.clc-progressbar-success .clc-progressbar-value {
  background-color: var(--clc-success);
}
.clc-progressbar-determinate.clc-progressbar-success .clc-progressbar-circular-value {
  stroke: var(--clc-success);
}

.clc-progressbar-indeterminate.clc-progressbar-success .clc-progressbar-value:before {
  background-color: var(--clc-success);
}
.clc-progressbar-indeterminate.clc-progressbar-success .clc-progressbar-value:after {
  background-color: var(--clc-success);
}
.clc-progressbar-indeterminate.clc-progressbar-success .clc-progressbar-circular-value {
  stroke: var(--clc-success);
}

.clc-progressbar.clc-progressbar-base {
  color: var(--clc-text-contrast-color);
}

.clc-progressbar-determinate.clc-progressbar-base .clc-progressbar-value {
  background-color: var(--clc-base-600);
}
.clc-progressbar-determinate.clc-progressbar-base .clc-progressbar-circular-value {
  stroke: var(--clc-base-600);
}

.clc-progressbar-indeterminate.clc-progressbar-base .clc-progressbar-value:before {
  background-color: var(--clc-base-600);
}
.clc-progressbar-indeterminate.clc-progressbar-base .clc-progressbar-value:after {
  background-color: var(--clc-base-600);
}
.clc-progressbar-indeterminate.clc-progressbar-base .clc-progressbar-circular-value {
  stroke: var(--clc-base-600);
}

.clc-progressbar.clc-progressbar-light {
  color: var(--clc-text-title-color);
}

.clc-progressbar-determinate.clc-progressbar-light .clc-progressbar-value {
  background-color: var(--clc-base-400);
}
.clc-progressbar-determinate.clc-progressbar-light .clc-progressbar-circular-value {
  stroke: var(--clc-base-400);
}

.clc-progressbar-indeterminate.clc-progressbar-light .clc-progressbar-value:before {
  background-color: var(--clc-base-400);
}
.clc-progressbar-indeterminate.clc-progressbar-light .clc-progressbar-value:after {
  background-color: var(--clc-base-400);
}
.clc-progressbar-indeterminate.clc-progressbar-light .clc-progressbar-circular-value {
  stroke: var(--clc-base-400);
}

.clc-progressbar.clc-progressbar-dark {
  color: var(--clc-text-contrast-color);
}

.clc-progressbar-determinate.clc-progressbar-dark .clc-progressbar-value {
  background-color: var(--clc-base-900);
}
.clc-progressbar-determinate.clc-progressbar-dark .clc-progressbar-circular-value {
  stroke: var(--clc-base-900);
}

.clc-progressbar-indeterminate.clc-progressbar-dark .clc-progressbar-value:before {
  background-color: var(--clc-base-900);
}
.clc-progressbar-indeterminate.clc-progressbar-dark .clc-progressbar-value:after {
  background-color: var(--clc-base-900);
}
.clc-progressbar-indeterminate.clc-progressbar-dark .clc-progressbar-circular-value {
  stroke: var(--clc-base-900);
}

.clc-progressbar-circular-lg {
  width: 6rem;
  height: 6rem;
  font-size: calc(var(--clc-progressbar-font-size) * 1.25);
}

.clc-progressbar-circular-md {
  width: 3rem;
  height: 3rem;
  font-size: calc(var(--clc-progressbar-font-size) * 0.75);
}

.clc-progressbar-circular-sm {
  width: 2rem;
  height: 2rem;
  font-size: calc(var(--clc-progressbar-font-size) * 0.5);
}

.clc-progressbar-circular-xs {
  width: 1.25rem;
  height: 1.25rem;
  font-size: calc(var(--clc-progressbar-font-size) * 0.375);
}

.clc-chart {
  box-sizing: border-box;
  position: relative;
  height: 300px;
}

.clc-area-series {
  fill-opacity: 0.8;
}

.clc-scheme-pastel .clc-series-0 {
  fill: var(--clc-series-1);
  stroke: var(--clc-series-1);
}
.clc-scheme-pastel .clc-series-0-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-1);
}
.clc-scheme-pastel .clc-series-item-0 {
  fill: var(--clc-series-1);
  stroke: var(--clc-series-1);
}
.clc-scheme-pastel .clc-series-item-0 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-1);
}

.clc-scheme-pastel .clc-series-1 {
  fill: var(--clc-series-2);
  stroke: var(--clc-series-2);
}
.clc-scheme-pastel .clc-series-1-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-2);
}
.clc-scheme-pastel .clc-series-item-1 {
  fill: var(--clc-series-2);
  stroke: var(--clc-series-2);
}
.clc-scheme-pastel .clc-series-item-1 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-2);
}

.clc-scheme-pastel .clc-series-2 {
  fill: var(--clc-series-3);
  stroke: var(--clc-series-3);
}
.clc-scheme-pastel .clc-series-2-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-3);
}
.clc-scheme-pastel .clc-series-item-2 {
  fill: var(--clc-series-3);
  stroke: var(--clc-series-3);
}
.clc-scheme-pastel .clc-series-item-2 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-3);
}

.clc-scheme-pastel .clc-series-3 {
  fill: var(--clc-series-4);
  stroke: var(--clc-series-4);
}
.clc-scheme-pastel .clc-series-3-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-4);
}
.clc-scheme-pastel .clc-series-item-3 {
  fill: var(--clc-series-4);
  stroke: var(--clc-series-4);
}
.clc-scheme-pastel .clc-series-item-3 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-4);
}

.clc-scheme-pastel .clc-series-4 {
  fill: var(--clc-series-5);
  stroke: var(--clc-series-5);
}
.clc-scheme-pastel .clc-series-4-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-5);
}
.clc-scheme-pastel .clc-series-item-4 {
  fill: var(--clc-series-5);
  stroke: var(--clc-series-5);
}
.clc-scheme-pastel .clc-series-item-4 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-5);
}

.clc-scheme-pastel .clc-series-5 {
  fill: var(--clc-series-6);
  stroke: var(--clc-series-6);
}
.clc-scheme-pastel .clc-series-5-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-6);
}
.clc-scheme-pastel .clc-series-item-5 {
  fill: var(--clc-series-6);
  stroke: var(--clc-series-6);
}
.clc-scheme-pastel .clc-series-item-5 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-6);
}

.clc-scheme-pastel .clc-series-6 {
  fill: var(--clc-series-7);
  stroke: var(--clc-series-7);
}
.clc-scheme-pastel .clc-series-6-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-7);
}
.clc-scheme-pastel .clc-series-item-6 {
  fill: var(--clc-series-7);
  stroke: var(--clc-series-7);
}
.clc-scheme-pastel .clc-series-item-6 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-7);
}

.clc-scheme-pastel .clc-series-7 {
  fill: var(--clc-series-8);
  stroke: var(--clc-series-8);
}
.clc-scheme-pastel .clc-series-7-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-8);
}
.clc-scheme-pastel .clc-series-item-7 {
  fill: var(--clc-series-8);
  stroke: var(--clc-series-8);
}
.clc-scheme-pastel .clc-series-item-7 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-8);
}

.clc-scheme-pastel .clc-series-8 {
  fill: var(--clc-series-9);
  stroke: var(--clc-series-9);
}
.clc-scheme-pastel .clc-series-8-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-9);
}
.clc-scheme-pastel .clc-series-item-8 {
  fill: var(--clc-series-9);
  stroke: var(--clc-series-9);
}
.clc-scheme-pastel .clc-series-item-8 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-9);
}

.clc-scheme-pastel .clc-series-9 {
  fill: var(--clc-series-10);
  stroke: var(--clc-series-10);
}
.clc-scheme-pastel .clc-series-9-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-10);
}
.clc-scheme-pastel .clc-series-item-9 {
  fill: var(--clc-series-10);
  stroke: var(--clc-series-10);
}
.clc-scheme-pastel .clc-series-item-9 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-10);
}

.clc-scheme-pastel .clc-series-10 {
  fill: var(--clc-series-11);
  stroke: var(--clc-series-11);
}
.clc-scheme-pastel .clc-series-10-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-11);
}
.clc-scheme-pastel .clc-series-item-10 {
  fill: var(--clc-series-11);
  stroke: var(--clc-series-11);
}
.clc-scheme-pastel .clc-series-item-10 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-11);
}

.clc-scheme-pastel .clc-series-11 {
  fill: var(--clc-series-12);
  stroke: var(--clc-series-12);
}
.clc-scheme-pastel .clc-series-11-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-12);
}
.clc-scheme-pastel .clc-series-item-11 {
  fill: var(--clc-series-12);
  stroke: var(--clc-series-12);
}
.clc-scheme-pastel .clc-series-item-11 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-12);
}

.clc-scheme-pastel .clc-series-12 {
  fill: var(--clc-series-13);
  stroke: var(--clc-series-13);
}
.clc-scheme-pastel .clc-series-12-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-13);
}
.clc-scheme-pastel .clc-series-item-12 {
  fill: var(--clc-series-13);
  stroke: var(--clc-series-13);
}
.clc-scheme-pastel .clc-series-item-12 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-13);
}

.clc-scheme-pastel .clc-series-13 {
  fill: var(--clc-series-14);
  stroke: var(--clc-series-14);
}
.clc-scheme-pastel .clc-series-13-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-14);
}
.clc-scheme-pastel .clc-series-item-13 {
  fill: var(--clc-series-14);
  stroke: var(--clc-series-14);
}
.clc-scheme-pastel .clc-series-item-13 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-14);
}

.clc-scheme-pastel .clc-series-14 {
  fill: var(--clc-series-15);
  stroke: var(--clc-series-15);
}
.clc-scheme-pastel .clc-series-14-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-15);
}
.clc-scheme-pastel .clc-series-item-14 {
  fill: var(--clc-series-15);
  stroke: var(--clc-series-15);
}
.clc-scheme-pastel .clc-series-item-14 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-15);
}

.clc-scheme-pastel .clc-series-15 {
  fill: var(--clc-series-16);
  stroke: var(--clc-series-16);
}
.clc-scheme-pastel .clc-series-15-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-16);
}
.clc-scheme-pastel .clc-series-item-15 {
  fill: var(--clc-series-16);
  stroke: var(--clc-series-16);
}
.clc-scheme-pastel .clc-series-item-15 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-16);
}

.clc-scheme-pastel .clc-series-16 {
  fill: var(--clc-series-17);
  stroke: var(--clc-series-17);
}
.clc-scheme-pastel .clc-series-16-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-17);
}
.clc-scheme-pastel .clc-series-item-16 {
  fill: var(--clc-series-17);
  stroke: var(--clc-series-17);
}
.clc-scheme-pastel .clc-series-item-16 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-17);
}

.clc-scheme-pastel .clc-series-17 {
  fill: var(--clc-series-18);
  stroke: var(--clc-series-18);
}
.clc-scheme-pastel .clc-series-17-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-18);
}
.clc-scheme-pastel .clc-series-item-17 {
  fill: var(--clc-series-18);
  stroke: var(--clc-series-18);
}
.clc-scheme-pastel .clc-series-item-17 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-18);
}

.clc-scheme-pastel .clc-series-18 {
  fill: var(--clc-series-19);
  stroke: var(--clc-series-19);
}
.clc-scheme-pastel .clc-series-18-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-19);
}
.clc-scheme-pastel .clc-series-item-18 {
  fill: var(--clc-series-19);
  stroke: var(--clc-series-19);
}
.clc-scheme-pastel .clc-series-item-18 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-19);
}

.clc-scheme-pastel .clc-series-19 {
  fill: var(--clc-series-20);
  stroke: var(--clc-series-20);
}
.clc-scheme-pastel .clc-series-19-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-20);
}
.clc-scheme-pastel .clc-series-item-19 {
  fill: var(--clc-series-20);
  stroke: var(--clc-series-20);
}
.clc-scheme-pastel .clc-series-item-19 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-20);
}

.clc-scheme-pastel .clc-series-20 {
  fill: var(--clc-series-21);
  stroke: var(--clc-series-21);
}
.clc-scheme-pastel .clc-series-20-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-21);
}
.clc-scheme-pastel .clc-series-item-20 {
  fill: var(--clc-series-21);
  stroke: var(--clc-series-21);
}
.clc-scheme-pastel .clc-series-item-20 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-21);
}

.clc-scheme-pastel .clc-series-21 {
  fill: var(--clc-series-22);
  stroke: var(--clc-series-22);
}
.clc-scheme-pastel .clc-series-21-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-22);
}
.clc-scheme-pastel .clc-series-item-21 {
  fill: var(--clc-series-22);
  stroke: var(--clc-series-22);
}
.clc-scheme-pastel .clc-series-item-21 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-22);
}

.clc-scheme-pastel .clc-series-22 {
  fill: var(--clc-series-23);
  stroke: var(--clc-series-23);
}
.clc-scheme-pastel .clc-series-22-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-23);
}
.clc-scheme-pastel .clc-series-item-22 {
  fill: var(--clc-series-23);
  stroke: var(--clc-series-23);
}
.clc-scheme-pastel .clc-series-item-22 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-23);
}

.clc-scheme-pastel .clc-series-23 {
  fill: var(--clc-series-24);
  stroke: var(--clc-series-24);
}
.clc-scheme-pastel .clc-series-23-tooltip .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-24);
}
.clc-scheme-pastel .clc-series-item-23 {
  fill: var(--clc-series-24);
  stroke: var(--clc-series-24);
}
.clc-scheme-pastel .clc-series-item-23 .clc-chart-tooltip-content {
  border: 1px solid var(--clc-series-24);
}

.clc-scheme-palette .clc-series-0 {
  fill: #003f5c;
  stroke: #003f5c;
}
.clc-scheme-palette .clc-series-0-tooltip .clc-chart-tooltip-content {
  border: 1px solid #003f5c;
}
.clc-scheme-palette .clc-series-item-0 {
  fill: #003f5c;
  stroke: #003f5c;
}
.clc-scheme-palette .clc-series-item-0 .clc-chart-tooltip-content {
  border: 1px solid #003f5c;
}

.clc-scheme-palette .clc-series-1 {
  fill: #2f4b7c;
  stroke: #2f4b7c;
}
.clc-scheme-palette .clc-series-1-tooltip .clc-chart-tooltip-content {
  border: 1px solid #2f4b7c;
}
.clc-scheme-palette .clc-series-item-1 {
  fill: #2f4b7c;
  stroke: #2f4b7c;
}
.clc-scheme-palette .clc-series-item-1 .clc-chart-tooltip-content {
  border: 1px solid #2f4b7c;
}

.clc-scheme-palette .clc-series-2 {
  fill: #665191;
  stroke: #665191;
}
.clc-scheme-palette .clc-series-2-tooltip .clc-chart-tooltip-content {
  border: 1px solid #665191;
}
.clc-scheme-palette .clc-series-item-2 {
  fill: #665191;
  stroke: #665191;
}
.clc-scheme-palette .clc-series-item-2 .clc-chart-tooltip-content {
  border: 1px solid #665191;
}

.clc-scheme-palette .clc-series-3 {
  fill: #a05195;
  stroke: #a05195;
}
.clc-scheme-palette .clc-series-3-tooltip .clc-chart-tooltip-content {
  border: 1px solid #a05195;
}
.clc-scheme-palette .clc-series-item-3 {
  fill: #a05195;
  stroke: #a05195;
}
.clc-scheme-palette .clc-series-item-3 .clc-chart-tooltip-content {
  border: 1px solid #a05195;
}

.clc-scheme-palette .clc-series-4 {
  fill: #d45087;
  stroke: #d45087;
}
.clc-scheme-palette .clc-series-4-tooltip .clc-chart-tooltip-content {
  border: 1px solid #d45087;
}
.clc-scheme-palette .clc-series-item-4 {
  fill: #d45087;
  stroke: #d45087;
}
.clc-scheme-palette .clc-series-item-4 .clc-chart-tooltip-content {
  border: 1px solid #d45087;
}

.clc-scheme-palette .clc-series-5 {
  fill: #f95d6a;
  stroke: #f95d6a;
}
.clc-scheme-palette .clc-series-5-tooltip .clc-chart-tooltip-content {
  border: 1px solid #f95d6a;
}
.clc-scheme-palette .clc-series-item-5 {
  fill: #f95d6a;
  stroke: #f95d6a;
}
.clc-scheme-palette .clc-series-item-5 .clc-chart-tooltip-content {
  border: 1px solid #f95d6a;
}

.clc-scheme-palette .clc-series-6 {
  fill: #ff7c43;
  stroke: #ff7c43;
}
.clc-scheme-palette .clc-series-6-tooltip .clc-chart-tooltip-content {
  border: 1px solid #ff7c43;
}
.clc-scheme-palette .clc-series-item-6 {
  fill: #ff7c43;
  stroke: #ff7c43;
}
.clc-scheme-palette .clc-series-item-6 .clc-chart-tooltip-content {
  border: 1px solid #ff7c43;
}

.clc-scheme-palette .clc-series-7 {
  fill: #ffa600;
  stroke: #ffa600;
}
.clc-scheme-palette .clc-series-7-tooltip .clc-chart-tooltip-content {
  border: 1px solid #ffa600;
}
.clc-scheme-palette .clc-series-item-7 {
  fill: #ffa600;
  stroke: #ffa600;
}
.clc-scheme-palette .clc-series-item-7 .clc-chart-tooltip-content {
  border: 1px solid #ffa600;
}

.clc-scheme-monochrome .clc-series-0 {
  fill: #004c6d;
  stroke: #004c6d;
}
.clc-scheme-monochrome .clc-series-0-tooltip .clc-chart-tooltip-content {
  border: 1px solid #004c6d;
}
.clc-scheme-monochrome .clc-series-item-0 {
  fill: #004c6d;
  stroke: #004c6d;
}
.clc-scheme-monochrome .clc-series-item-0 .clc-chart-tooltip-content {
  border: 1px solid #004c6d;
}

.clc-scheme-monochrome .clc-series-1 {
  fill: #296080;
  stroke: #296080;
}
.clc-scheme-monochrome .clc-series-1-tooltip .clc-chart-tooltip-content {
  border: 1px solid #296080;
}
.clc-scheme-monochrome .clc-series-item-1 {
  fill: #296080;
  stroke: #296080;
}
.clc-scheme-monochrome .clc-series-item-1 .clc-chart-tooltip-content {
  border: 1px solid #296080;
}

.clc-scheme-monochrome .clc-series-2 {
  fill: #437594;
  stroke: #437594;
}
.clc-scheme-monochrome .clc-series-2-tooltip .clc-chart-tooltip-content {
  border: 1px solid #437594;
}
.clc-scheme-monochrome .clc-series-item-2 {
  fill: #437594;
  stroke: #437594;
}
.clc-scheme-monochrome .clc-series-item-2 .clc-chart-tooltip-content {
  border: 1px solid #437594;
}

.clc-scheme-monochrome .clc-series-3 {
  fill: #5d8ba9;
  stroke: #5d8ba9;
}
.clc-scheme-monochrome .clc-series-3-tooltip .clc-chart-tooltip-content {
  border: 1px solid #5d8ba9;
}
.clc-scheme-monochrome .clc-series-item-3 {
  fill: #5d8ba9;
  stroke: #5d8ba9;
}
.clc-scheme-monochrome .clc-series-item-3 .clc-chart-tooltip-content {
  border: 1px solid #5d8ba9;
}

.clc-scheme-monochrome .clc-series-4 {
  fill: #75a1be;
  stroke: #75a1be;
}
.clc-scheme-monochrome .clc-series-4-tooltip .clc-chart-tooltip-content {
  border: 1px solid #75a1be;
}
.clc-scheme-monochrome .clc-series-item-4 {
  fill: #75a1be;
  stroke: #75a1be;
}
.clc-scheme-monochrome .clc-series-item-4 .clc-chart-tooltip-content {
  border: 1px solid #75a1be;
}

.clc-scheme-monochrome .clc-series-5 {
  fill: #8eb8d3;
  stroke: #8eb8d3;
}
.clc-scheme-monochrome .clc-series-5-tooltip .clc-chart-tooltip-content {
  border: 1px solid #8eb8d3;
}
.clc-scheme-monochrome .clc-series-item-5 {
  fill: #8eb8d3;
  stroke: #8eb8d3;
}
.clc-scheme-monochrome .clc-series-item-5 .clc-chart-tooltip-content {
  border: 1px solid #8eb8d3;
}

.clc-scheme-monochrome .clc-series-6 {
  fill: #a7cfe9;
  stroke: #a7cfe9;
}
.clc-scheme-monochrome .clc-series-6-tooltip .clc-chart-tooltip-content {
  border: 1px solid #a7cfe9;
}
.clc-scheme-monochrome .clc-series-item-6 {
  fill: #a7cfe9;
  stroke: #a7cfe9;
}
.clc-scheme-monochrome .clc-series-item-6 .clc-chart-tooltip-content {
  border: 1px solid #a7cfe9;
}

.clc-scheme-monochrome .clc-series-7 {
  fill: #c1e7ff;
  stroke: #c1e7ff;
}
.clc-scheme-monochrome .clc-series-7-tooltip .clc-chart-tooltip-content {
  border: 1px solid #c1e7ff;
}
.clc-scheme-monochrome .clc-series-item-7 {
  fill: #c1e7ff;
  stroke: #c1e7ff;
}
.clc-scheme-monochrome .clc-series-item-7 .clc-chart-tooltip-content {
  border: 1px solid #c1e7ff;
}

.clc-scheme-divergent .clc-series-0 {
  fill: #00876c;
  stroke: #00876c;
}
.clc-scheme-divergent .clc-series-0-tooltip .clc-chart-tooltip-content {
  border: 1px solid #00876c;
}
.clc-scheme-divergent .clc-series-item-0 {
  fill: #00876c;
  stroke: #00876c;
}
.clc-scheme-divergent .clc-series-item-0 .clc-chart-tooltip-content {
  border: 1px solid #00876c;
}

.clc-scheme-divergent .clc-series-1 {
  fill: #57a18b;
  stroke: #57a18b;
}
.clc-scheme-divergent .clc-series-1-tooltip .clc-chart-tooltip-content {
  border: 1px solid #57a18b;
}
.clc-scheme-divergent .clc-series-item-1 {
  fill: #57a18b;
  stroke: #57a18b;
}
.clc-scheme-divergent .clc-series-item-1 .clc-chart-tooltip-content {
  border: 1px solid #57a18b;
}

.clc-scheme-divergent .clc-series-2 {
  fill: #8cbcac;
  stroke: #8cbcac;
}
.clc-scheme-divergent .clc-series-2-tooltip .clc-chart-tooltip-content {
  border: 1px solid #8cbcac;
}
.clc-scheme-divergent .clc-series-item-2 {
  fill: #8cbcac;
  stroke: #8cbcac;
}
.clc-scheme-divergent .clc-series-item-2 .clc-chart-tooltip-content {
  border: 1px solid #8cbcac;
}

.clc-scheme-divergent .clc-series-3 {
  fill: #bed6ce;
  stroke: #bed6ce;
}
.clc-scheme-divergent .clc-series-3-tooltip .clc-chart-tooltip-content {
  border: 1px solid #bed6ce;
}
.clc-scheme-divergent .clc-series-item-3 {
  fill: #bed6ce;
  stroke: #bed6ce;
}
.clc-scheme-divergent .clc-series-item-3 .clc-chart-tooltip-content {
  border: 1px solid #bed6ce;
}

.clc-scheme-divergent .clc-series-4 {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.clc-scheme-divergent .clc-series-4-tooltip .clc-chart-tooltip-content {
  border: 1px solid #f1f1f1;
}
.clc-scheme-divergent .clc-series-item-4 {
  fill: #f1f1f1;
  stroke: #f1f1f1;
}
.clc-scheme-divergent .clc-series-item-4 .clc-chart-tooltip-content {
  border: 1px solid #f1f1f1;
}

.clc-scheme-divergent .clc-series-5 {
  fill: #f1c6c6;
  stroke: #f1c6c6;
}
.clc-scheme-divergent .clc-series-5-tooltip .clc-chart-tooltip-content {
  border: 1px solid #f1c6c6;
}
.clc-scheme-divergent .clc-series-item-5 {
  fill: #f1c6c6;
  stroke: #f1c6c6;
}
.clc-scheme-divergent .clc-series-item-5 .clc-chart-tooltip-content {
  border: 1px solid #f1c6c6;
}

.clc-scheme-divergent .clc-series-6 {
  fill: #ec9c9d;
  stroke: #ec9c9d;
}
.clc-scheme-divergent .clc-series-6-tooltip .clc-chart-tooltip-content {
  border: 1px solid #ec9c9d;
}
.clc-scheme-divergent .clc-series-item-6 {
  fill: #ec9c9d;
  stroke: #ec9c9d;
}
.clc-scheme-divergent .clc-series-item-6 .clc-chart-tooltip-content {
  border: 1px solid #ec9c9d;
}

.clc-scheme-divergent .clc-series-7 {
  fill: #e27076;
  stroke: #e27076;
}
.clc-scheme-divergent .clc-series-7-tooltip .clc-chart-tooltip-content {
  border: 1px solid #e27076;
}
.clc-scheme-divergent .clc-series-item-7 {
  fill: #e27076;
  stroke: #e27076;
}
.clc-scheme-divergent .clc-series-item-7 .clc-chart-tooltip-content {
  border: 1px solid #e27076;
}

.clc-scheme-divergent .clc-series-8 {
  fill: #d43d51;
  stroke: #d43d51;
}
.clc-scheme-divergent .clc-series-8-tooltip .clc-chart-tooltip-content {
  border: 1px solid #d43d51;
}
.clc-scheme-divergent .clc-series-item-8 {
  fill: #d43d51;
  stroke: #d43d51;
}
.clc-scheme-divergent .clc-series-item-8 .clc-chart-tooltip-content {
  border: 1px solid #d43d51;
}

.clc-marker {
  stroke: var(--clc-chart-marker-stroke);
}

.clc-area-series .clc-marker {
  fill-opacity: 1;
}

.clc-axis {
  stroke: var(--clc-chart-axis-color);
  font-size: var(--clc-chart-axis-font-size);
}

.clc-axis .clc-grid-line {
  stroke: var(--clc-chart-axis-color);
}

.clc-tick-text {
  stroke: none;
  fill: var(--clc-chart-axis-label-color);
}

.clc-series-data-label {
  fill: var(--clc-chart-axis-label-color);
}

.clc-value-axis .clc-tick-text {
  text-anchor: end;
  /* Right-to-left anchor */
}
*[dir=rtl] .clc-value-axis .clc-tick-text {
  text-anchor: start;
}

.clc-category-axis .clc-tick-text {
  text-anchor: middle;
}

.clc-axis .clc-axis-title {
  stroke: none;
  text-anchor: middle;
  fill: var(--clc-text-title-color);
}

.clc-donut-title {
  text-anchor: middle;
  fill: var(--clc-text-title-color);
}

.clc-donut-content {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.clc-legend {
  position: absolute;
  display: flex;
  font-size: var(--clc-chart-legend-font-size);
}

.clc-legend-right {
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
}

.clc-legend-left {
  left: 0;
  top: 0;
  bottom: 0;
  align-items: center;
}

.clc-legend-top {
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
}

.clc-legend-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
}

.clc-legend-items {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}

.clc-legend-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 4px;
  cursor: pointer;
}
.clc-legend-item:focus {
  outline: var(--clc-outline-normal);
}
.clc-legend-item:focus-visible {
  outline: var(--clc-chart-legend-focus-outline);
  outline-offset: var(--clc-chart-legend-focus-outline-offset);
  border-radius: var(--clc-border-radius);
}

.clc-legend-top .clc-legend-item,
.clc-legend-bottom .clc-legend-item {
  display: inline-flex;
}

.clc-chart-tooltip {
  position: absolute;
  transform: translate(-50%, -100%);
  transition: top 0.2s, left 0.2s;
  top: 0;
  left: 0;
}

.clc-chart-tooltip-content {
  background: var(--clc-chart-tooltip-background);
  color: var(--clc-chart-tooltip-color);
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  padding: 0.25rem 0.5rem;
  border-radius: var(--clc-border-radius);
  white-space: nowrap;
}

.clc-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content {
  margin-bottom: 15px;
}
.clc-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  bottom: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -11px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.clc-link {
  box-sizing: border-box;
  color: var(--clc-link-color);
  text-decoration: none;
  cursor: pointer;
}
.clc-link .clc-link-text {
  text-decoration: var(--clc-link-text-decoration);
}
.clc-link .clci {
  font-size: inherit;
  vertical-align: middle;
}
.clc-link:hover, .clc-link:focus {
  color: var(--clc-link-hover-color);
  text-decoration: none;
}
.clc-link:hover .clc-link-text, .clc-link:focus .clc-link-text {
  text-decoration: var(--clc-link-hover-text-decoration);
}
.clc-link:focus-visible {
  outline: var(--clc-link-focus-outline);
}

.clc-state-highlight .link {
  color: var(--clc-text-contrast-color);
}

.clc-html-editor {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: var(--clc-editor-border-radius);
  border: var(--clc-editor-border);
  overflow: hidden;
}
.clc-html-editor:focus-within {
  outline: var(--clc-editor-focus-outline);
  outline-offset: var(--clc-editor-focus-outline-offset);
}

.clc-html-editor-content {
  flex: 1;
  overflow: auto;
  padding: 0.5rem;
  outline: none;
  background-color: var(--clc-editor-content-background-color);
}

.clc-html-editor-source.clc-textarea {
  --clc-input-hover-shadow: none;
  --clc-input-border: none;
  --clc-input-hover-border: none;
  --clc-input-focus-shadow: none;
  --clc-input-focus-border: none;
  flex: 1;
  padding: 0.5rem;
  overflow: auto;
  outline: none;
  background-color: var(--clc-editor-content-background-color);
}

.clc-html-editor-toolbar {
  border-bottom: var(--clc-editor-border);
  display: flex;
  line-height: 1rem;
  flex-wrap: wrap;
  background-color: var(--clc-editor-toolbar-background-color);
}
.clc-html-editor-toolbar .clci {
  font-size: 1rem;
}
.clc-html-editor-toolbar > * {
  margin: var(--clc-editor-toolbar-item-margin);
}

.clc-html-editor-colorpicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--clc-editor-button-background-color);
  padding: var(--clc-editor-button-padding);
}
.clc-html-editor-colorpicker .clc-colorpicker-trigger {
  color: inherit;
  background-color: var(--clc-editor-button-background-color);
}
.clc-html-editor-colorpicker .clc-colorpicker-trigger .clci {
  font-size: 1.25rem;
  height: 1rem;
}
.clc-html-editor-colorpicker .clc-colorpicker-value {
  display: none;
}
.clc-html-editor-colorpicker .clc-colorpicker {
  border: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  background-color: var(--clc-editor-button-background-color);
}
.clc-html-editor-colorpicker .clc-colorpicker:not(:disabled):not(.clc-state-disabled):hover {
  border: none;
  box-shadow: none;
}

.clc-html-editor-color {
  border: none;
  display: flex;
  flex-direction: column;
  background: inherit;
  color: inherit;
  appearance: none;
  padding: 0;
  position: relative;
}
.clc-html-editor-color:disabled {
  color: var(--clc-input-disabled-color);
}

.clc-html-editor-color-value {
  position: absolute;
  bottom: -4px;
  height: 4px;
  width: 100%;
}

.clc-html-editor-button {
  color: var(--clc-editor-button-color);
  appearance: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--clc-editor-button-background-color);
  padding: var(--clc-editor-button-padding);
}
.clc-html-editor-button.clc-selected {
  background-color: var(--clc-editor-button-selected-background-color);
  color: var(--clc-editor-button-selected-color);
  border-radius: var(--clc-editor-border-radius);
}
.clc-html-editor-button:disabled {
  color: var(--clc-editor-button-disabled-color);
}

.clc-html-editor-dropdown {
  display: inline-flex;
  padding: var(--clc-editor-button-padding);
  align-items: center;
  cursor: pointer;
}
.clc-html-editor-dropdown.clc-disabled {
  color: var(--clc-input-disabled-color);
  cursor: default;
}

.clc-html-editor-dropdown-item {
  cursor: default;
  font-size: var(--clc-dropdown-item-font-size);
  padding: var(--clc-dropdown-item-padding);
  white-space: nowrap;
}
.clc-html-editor-dropdown-item:hover {
  background-color: var(--clc-dropdown-item-hover-background-color);
  color: var(--clc-dropdown-item-hover-color);
  border-radius: 0;
}
.clc-html-editor-dropdown-item.clc-selected {
  background-color: var(--clc-dropdown-item-selected-background-color);
  color: var(--clc-dropdown-item-selected-color);
}

.clc-html-editor-dropdown-trigger {
  border: none;
  appearance: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: inherit;
  background-color: inherit;
}
.clc-html-editor-dropdown-trigger .clci:before {
  content: "arrow_drop_down";
}

.clc-html-editor-dropdown-items {
  display: none;
}

.clc-html-editor-dialog-item {
  margin-bottom: 1rem;
}
.clc-html-editor-dialog-item label:first-child {
  display: block;
}

.clc-html-editor-dialog-buttons {
  text-align: right;
}

.clc-html-editor-separator {
  width: 1px;
  background-color: var(--clc-editor-separator-background-color);
}

.clc-html-editor-toolbar .clc-html-editor-colorpicker .clc-colorpicker:not(:disabled):not(.clc-state-disabled):hover {
  border: none;
}
.clc-html-editor-toolbar .clc-html-editor-colorpicker .clc-colorpicker-trigger .clci {
  font-size: 1.25rem;
  height: 1rem;
}

.clc-colorpicker {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.clc-colorpicker.clc-state-disabled {
  cursor: default;
}

button.clc-colorpicker-trigger {
  border: none;
  appearance: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: var(--clc-text-color);
  background-color: inherit;
  outline: none;
}
button.clc-colorpicker-trigger .clci {
  font-size: var(--clc-icon-size);
}
button.clc-colorpicker-trigger .clci:before {
  content: "arrow_drop_down";
}
.clc-state-disabled button.clc-colorpicker-trigger {
  color: var(--clc-input-disabled-color);
}

.clc-colorpicker-popup {
  display: none;
  position: absolute;
  border: var(--clc-colorpicker-panel-border);
  background-color: var(--clc-colorpicker-panel-background-color);
  box-shadow: var(--clc-colorpicker-panel-shadow);
  min-width: 200px;
  max-width: var(--clc-colorpicker-panel-max-width);
  padding: var(--clc-colorpicker-panel-padding);
  border-radius: var(--clc-border-radius);
}

.clc-colorpicker-value {
  flex: 1;
  border-radius: var(--clc-colorpicker-value-border-radius);
  border: var(--clc-colorpicker-panel-border);
  min-width: 20px;
  min-height: 20px;
}

.clc-saturation-picker {
  height: var(--clc-colorpicker-saturation-height);
  position: relative;
  touch-action: none;
  border-radius: var(--clc-border-radius);
}
.clc-saturation-picker:focus {
  outline: var(--clc-outline-normal);
}
.clc-saturation-picker:focus-visible {
  outline: var(--clc-colorpicker-focus-outline);
  outline-offset: var(--clc-colorpicker-focus-outline-offset);
}

.clc-saturation-white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.clc-saturation-black,
.clc-saturation-white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--clc-border-radius);
  border-start-start-radius: calc(var(--clc-border-radius) - 1px);
}

.clc-saturation-black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.clc-saturation-handle {
  position: absolute;
  width: var(--clc-colorpicker-handle-size);
  height: var(--clc-colorpicker-handle-size);
  border: var(--clc-colorpicker-handle-border);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: var(--clc-colorpicker-handle-shadow);
}

.clc-hue-picker {
  margin-bottom: 8px;
  touch-action: none;
  position: relative;
  background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);
  border-radius: var(--clc-border-radius);
  height: var(--clc-colorpicker-handle-size);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.clc-hue-picker:active {
  cursor: none;
}
.clc-hue-picker:focus {
  outline: var(--clc-outline-normal);
}
.clc-hue-picker:focus-visible {
  outline: var(--clc-colorpicker-focus-outline);
  outline-offset: var(--clc-colorpicker-focus-outline-offset);
}

.clc-alpha-picker {
  touch-action: none;
  position: relative;
  border-radius: var(--clc-border-radius);
  height: var(--clc-colorpicker-handle-size);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.clc-alpha-picker:active {
  cursor: none;
}
.clc-alpha-picker:focus {
  outline: var(--clc-outline-normal);
}
.clc-alpha-picker:focus-visible {
  outline: var(--clc-colorpicker-focus-outline);
  outline-offset: var(--clc-colorpicker-focus-outline-offset);
}

.clc-hue-handle,
.clc-alpha-handle {
  position: absolute;
  height: 100%;
  width: 8px;
  border: var(--clc-colorpicker-handle-border);
  border-radius: calc(var(--clc-border-radius) / 2);
  transform: translateX(-50%);
  box-shadow: var(--clc-colorpicker-handle-shadow);
}

.clc-colorpicker-preview-area {
  display: flex;
}

.clc-hue-and-alpha {
  flex: 1;
  padding-inline-end: 8px;
}

.clc-alpha-picker:before,
.clc-colorpicker-preview:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: var(--clc-border-radius);
  background-image: linear-gradient(45deg, var(--clc-text-disabled-color) 25%, transparent 25%), linear-gradient(-45deg, var(--clc-text-disabled-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--clc-text-disabled-color) 75%), linear-gradient(-45deg, transparent 75%, var(--clc-text-disabled-color) 75%);
  background-size: 8px 8px;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
}

.clc-colorpicker-preview {
  position: relative;
  width: 32px;
  height: 32px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
  border-radius: var(--clc-border-radius);
}

.clc-colorpicker-rgba {
  display: flex;
  gap: 4px;
}

.clc-color-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  color: var(--clc-colorpicker-input-labels-color);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.clc-color-box .clc-textbox {
  width: 80px;
  margin-inline-end: 4px;
  padding: var(--clc-colorpicker-hex-input-padding);
  height: var(--clc-colorpicker-hex-input-height);
}
.clc-color-box .clc-numeric {
  padding: var(--clc-colorpicker-rgba-input-padding);
  height: var(--clc-colorpicker-rgba-input-height);
}
.clc-color-box .clc-numeric .clc-numeric-input {
  padding: 0;
  outline: none;
}
.clc-color-box .clc-numeric button {
  display: none;
}
.clc-color-box .clc-numeric button:hover {
  display: initial;
}

.clc-colorpicker-button {
  justify-content: flex-end;
  display: flex;
}

.clc-colorpicker-section:not(:last-child) {
  margin-bottom: 8px;
}

.clc-colorpicker-colors {
  display: flex;
  flex-wrap: wrap;
  gap: var(--clc-colorpicker-items-gap);
}

.clc-colorpicker-item {
  width: var(--clc-colorpicker-item-size);
  height: var(--clc-colorpicker-item-size);
  border-radius: var(--clc-colorpicker-item-border-radius);
  box-shadow: var(--clc-colorpicker-item-shadow);
  cursor: pointer;
}
.clc-colorpicker-item:focus {
  outline: var(--clc-outline-normal);
}
.clc-colorpicker-item:focus-visible {
  outline: var(--clc-colorpicker-focus-outline);
  outline-offset: var(--clc-colorpicker-focus-outline-offset);
}

.clc-splitter {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.clc-splitter > .clc-splitter-bar {
  flex: 0 0 auto;
  position: relative;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clc-splitter-bar-color);
  background-color: var(--clc-splitter-bar-background-color);
  opacity: 0.4;
  user-select: none;
}
.clc-splitter > .clc-splitter-bar > .clc-collapse {
  display: table;
}
.clc-splitter > .clc-splitter-bar > .clc-collapse:before {
  font-family: var(--clc-icon-font-family);
  line-height: normal;
  display: table-cell;
}
.clc-splitter > .clc-splitter-bar > .clc-collapse:hover {
  cursor: pointer;
}
.clc-splitter > .clc-splitter-bar > .clc-resize {
  border: 1px solid var(--clc-splitter-bar-color);
  border-radius: 1px;
}
.clc-splitter > .clc-splitter-bar > .clc-expand {
  display: table;
}
.clc-splitter > .clc-splitter-bar > .clc-expand:before {
  font-family: var(--clc-icon-font-family);
  line-height: normal;
  display: table-cell;
}
.clc-splitter > .clc-splitter-bar > .clc-expand:hover {
  cursor: pointer;
}
.clc-splitter > .clc-splitter-bar-resizable:hover {
  background-color: var(--clc-splitter-bar-background-color);
  opacity: var(--clc-splitter-bar-hover-opacity);
}
.clc-splitter > .clc-splitter-bar-resizable:active {
  background-color: var(--clc-splitter-bar-background-color-active);
  opacity: var(--clc-splitter-bar-hover-opacity);
}
.clc-splitter > .clc-splitter-bar-resizable:active > .clc-expand, .clc-splitter > .clc-splitter-bar-resizable:active > .clc-resize, .clc-splitter > .clc-splitter-bar-resizable:active > .clc-collapse {
  color: var(--clc-splitter-bar-color-active);
}
.clc-splitter > .clc-splitter-bar-resizable:active > .clc-resize {
  border: 1px solid var(--clc-splitter-bar-color-active);
}
.clc-splitter > .clc-splitter-bar-resizable:disabled {
  opacity: 0.2;
}
.clc-splitter-horizontal {
  flex-direction: row;
}
.clc-splitter-horizontal > .clc-splitter-bar {
  flex-direction: column;
  width: 8px;
}
.clc-splitter-horizontal > .clc-splitter-bar > .clc-collapse:before {
  content: "arrow_left";
}
.clc-splitter-horizontal > .clc-splitter-bar > .clc-resize {
  height: 16px;
  margin: 2px 0;
}
.clc-splitter-horizontal > .clc-splitter-bar > .clc-expand:before {
  content: "arrow_right";
}
.clc-splitter-horizontal > .clc-splitter-bar-resizable:hover {
  cursor: col-resize;
}
.clc-splitter-vertical {
  flex-direction: column;
}
.clc-splitter-vertical > .clc-splitter-bar {
  flex-direction: row;
  height: 8px;
}
.clc-splitter-vertical > .clc-splitter-bar > .clc-collapse:before {
  content: "arrow_drop_up";
}
.clc-splitter-vertical > .clc-splitter-bar > .clc-resize {
  width: 16px;
  margin: 0 2px;
}
.clc-splitter-vertical > .clc-splitter-bar > .clc-expand:before {
  content: "arrow_drop_down";
}
.clc-splitter-vertical > .clc-splitter-bar-resizable:hover {
  cursor: row-resize;
}
.clc-splitter-pane {
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
}
.clc-splitter-pane-collapsed {
  flex: 0 1 0% !important;
  overflow: hidden !important;
  display: block !important;
}
.clc-splitter-pane-lastresizable {
  flex: 1 1 auto;
}

.clc-splitter-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Clevi Blazor Layout reset styles */
:root:has(.clc-layout) {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-size: var(--clc-root-font-size);
}
:root:has(.clc-layout) body {
  margin: 0;
  color: var(--clc-text-color);
  background-color: var(--clc-body-background-color);
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-body-font-size);
  line-height: var(--clc-body-line-height);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* CleviLayout styles */
.clc-layout {
  box-sizing: border-box;
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "clc-header clc-header" "clc-sidebar clc-body" "clc-footer clc-footer";
  background-color: var(--clc-layout-background-color);
}
.clc-layout .clc-body {
  grid-area: clc-body;
  overflow: auto;
}
.clc-layout .clc-sidebar {
  grid-area: clc-sidebar;
  position: static;
}
.clc-layout .clc-header {
  grid-area: clc-header;
  z-index: 2;
}
.clc-layout .clc-footer {
  grid-area: clc-footer;
}

@media (max-width: 768px) {
  body:has(> .clc-layout) {
    overflow-x: hidden;
  }
  .clc-header,
  .clc-footer,
  .clc-body {
    width: 100vw;
  }
  .clc-layout:has(> .clc-sidebar-collapsed + .clc-sidebar-expanded) {
    justify-content: end;
  }
  .clc-layout:has(> .clc-sidebar-collapsed + .clc-sidebar-expanded) .clc-header, .clc-layout:has(> .clc-sidebar-collapsed + .clc-sidebar-expanded) .clc-footer {
    margin-inline-start: auto;
  }
  .clc-layout:has(> .clc-sidebar-expanded + .clc-sidebar-expanded) .clc-body {
    width: auto;
  }
}
.clc-breadcrumb {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.clc-breadcrumb-item + .clc-breadcrumb-item::before {
  content: "»";
  display: inline-block;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
}

.clc-breadcrumb-item {
  display: inline-flex;
  align-items: center;
}
.clc-breadcrumb-item .clc-link {
  display: inline-flex;
  align-items: center;
}

.clc-alert {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--clc-alert-gap);
  margin: var(--clc-alert-margin);
  padding: var(--clc-alert-padding);
  width: 100%;
  border-radius: var(--clc-alert-border-radius);
  background-color: var(--clc-alert-background-color);
  color: var(--clc-alert-color);
}
.clc-alert-lg {
  --clc-alert-gap: 1.5rem;
  --clc-alert-margin: 1.5rem 0;
  --clc-alert-padding: 1.5rem;
  --clc-alert-message-margin: 0.125rem 0;
  --clc-alert-icon-margin: 0.125rem 0;
}
.clc-alert-md {
  --clc-alert-gap: 1rem;
  --clc-alert-margin: 1rem 0;
  --clc-alert-padding: 1rem;
  --clc-alert-message-margin: 0.125rem 0;
  --clc-alert-icon-margin: 0.125rem 0;
}
.clc-alert-sm {
  --clc-alert-gap: 0.5rem;
  --clc-alert-margin: 0.5rem 0;
  --clc-alert-padding: 0.5rem;
  --clc-alert-message-margin: 0.125rem 0;
  --clc-alert-icon-margin: 0.125rem 0;
}
.clc-alert-xs {
  --clc-alert-gap: 0.25rem;
  --clc-alert-margin: 0.25rem 0;
  --clc-alert-padding: 0.25rem;
  --clc-alert-message-margin: 0;
  --clc-alert-icon-margin: 0;
}
.clc-alert .clc-alert-item {
  flex: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--clc-alert-gap);
}
.clc-alert .clc-alert-icon {
  color: var(--clc-alert-icon-color);
  margin: var(--clc-alert-icon-margin);
  font-size: var(--clc-alert-icon-size);
}
.clc-alert .clc-alert-message {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: var(--clc-alert-message-margin);
}
.clc-alert .clc-alert-title {
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-text-h6-font-size);
  line-height: var(--clc-text-h6-line-height);
  font-weight: var(--clc-text-h6-font-weight);
  letter-spacing: var(--clc-text-h6-letter-spacing);
  color: var(--clc-alert-title-color);
  margin-bottom: var(--clc-text-h6-margin-bottom);
}
.clc-alert.clc-variant-filled {
  box-shadow: var(--clc-alert-box-shadow);
}
.clc-alert.clc-variant-text {
  --clc-alert-padding: 0;
  --clc-alert-background-color: transparent;
  --clc-alert-gap: 0.5rem;
  --clc-alert-margin: 0;
}
.clc-alert.clc-variant-text .clc-alert-item {
  flex: unset;
}
.clc-alert.clc-variant-text .clc-alert-message {
  flex-direction: row;
}
.clc-alert.clc-variant-text .clc-alert-title {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: 0;
  margin-right: 0.5rem;
}
.clc-alert.clc-primary {
  --clc-alert-background-color: var(--clc-primary);
  --clc-alert-color: var(--clc-on-primary);
  --clc-alert-title-color: var(--clc-on-primary);
  --clc-alert-icon-color: var(--clc-on-primary);
}
.clc-alert.clc-primary.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-primary-lighter);
  --clc-alert-color: var(--clc-on-primary-lighter);
  --clc-alert-title-color: var(--clc-on-primary-lighter);
  --clc-alert-icon-color: var(--clc-on-primary-lighter);
}
.clc-alert.clc-primary.clc-shade-light {
  --clc-alert-background-color: var(--clc-primary-light);
  --clc-alert-color: var(--clc-on-primary-light);
  --clc-alert-title-color: var(--clc-on-primary-light);
  --clc-alert-icon-color: var(--clc-on-primary-light);
}
.clc-alert.clc-primary.clc-shade-default {
  --clc-alert-background-color: var(--clc-primary);
  --clc-alert-color: var(--clc-on-primary);
  --clc-alert-title-color: var(--clc-on-primary);
  --clc-alert-icon-color: var(--clc-on-primary);
}
.clc-alert.clc-primary.clc-shade-dark {
  --clc-alert-background-color: var(--clc-primary-dark);
  --clc-alert-color: var(--clc-on-primary-dark);
  --clc-alert-title-color: var(--clc-on-primary-dark);
  --clc-alert-icon-color: var(--clc-on-primary-dark);
}
.clc-alert.clc-primary.clc-shade-darker {
  --clc-alert-background-color: var(--clc-primary-darker);
  --clc-alert-color: var(--clc-on-primary-darker);
  --clc-alert-title-color: var(--clc-on-primary-darker);
  --clc-alert-icon-color: var(--clc-on-primary-darker);
}
.clc-alert.clc-variant-outlined.clc-primary {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-primary.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary);
  --clc-alert-color: var(--clc-primary);
  --clc-alert-title-color: var(--clc-primary);
  --clc-alert-icon-color: var(--clc-primary);
}
.clc-alert.clc-variant-outlined.clc-primary.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-lighter);
  --clc-alert-color: var(--clc-primary-lighter);
  --clc-alert-title-color: var(--clc-primary-lighter);
  --clc-alert-icon-color: var(--clc-primary-lighter);
}
.clc-alert.clc-variant-outlined.clc-primary.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-light);
  --clc-alert-color: var(--clc-primary-light);
  --clc-alert-title-color: var(--clc-primary-light);
  --clc-alert-icon-color: var(--clc-primary-light);
}
.clc-alert.clc-variant-outlined.clc-primary.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-dark);
  --clc-alert-color: var(--clc-primary-dark);
  --clc-alert-title-color: var(--clc-primary-dark);
  --clc-alert-icon-color: var(--clc-primary-dark);
}
.clc-alert.clc-variant-outlined.clc-primary.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-primary-darker);
  --clc-alert-color: var(--clc-primary-darker);
  --clc-alert-title-color: var(--clc-primary-darker);
  --clc-alert-icon-color: var(--clc-primary-darker);
}
.clc-alert.clc-variant-text.clc-primary {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-primary.clc-shade-default {
  --clc-alert-color: var(--clc-primary);
  --clc-alert-icon-color: var(--clc-primary);
  --clc-alert-title-color: var(--clc-primary);
}
.clc-alert.clc-variant-text.clc-primary.clc-shade-lighter {
  --clc-alert-color: var(--clc-primary-lighter);
  --clc-alert-title-color: var(--clc-primary-lighter);
  --clc-alert-icon-color: var(--clc-primary-lighter);
}
.clc-alert.clc-variant-text.clc-primary.clc-shade-light {
  --clc-alert-color: var(--clc-primary-light);
  --clc-alert-title-color: var(--clc-primary-light);
  --clc-alert-icon-color: var(--clc-primary-light);
}
.clc-alert.clc-variant-text.clc-primary.clc-shade-dark {
  --clc-alert-color: var(--clc-primary-dark);
  --clc-alert-title-color: var(--clc-primary-dark);
  --clc-alert-icon-color: var(--clc-primary-dark);
}
.clc-alert.clc-variant-text.clc-primary.clc-shade-darker {
  --clc-alert-color: var(--clc-primary-darker);
  --clc-alert-title-color: var(--clc-primary-darker);
  --clc-alert-icon-color: var(--clc-primary-darker);
}
.clc-alert.clc-secondary {
  --clc-alert-background-color: var(--clc-secondary);
  --clc-alert-color: var(--clc-on-secondary);
  --clc-alert-title-color: var(--clc-on-secondary);
  --clc-alert-icon-color: var(--clc-on-secondary);
}
.clc-alert.clc-secondary.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-secondary-lighter);
  --clc-alert-color: var(--clc-on-secondary-lighter);
  --clc-alert-title-color: var(--clc-on-secondary-lighter);
  --clc-alert-icon-color: var(--clc-on-secondary-lighter);
}
.clc-alert.clc-secondary.clc-shade-light {
  --clc-alert-background-color: var(--clc-secondary-light);
  --clc-alert-color: var(--clc-on-secondary-light);
  --clc-alert-title-color: var(--clc-on-secondary-light);
  --clc-alert-icon-color: var(--clc-on-secondary-light);
}
.clc-alert.clc-secondary.clc-shade-default {
  --clc-alert-background-color: var(--clc-secondary);
  --clc-alert-color: var(--clc-on-secondary);
  --clc-alert-title-color: var(--clc-on-secondary);
  --clc-alert-icon-color: var(--clc-on-secondary);
}
.clc-alert.clc-secondary.clc-shade-dark {
  --clc-alert-background-color: var(--clc-secondary-dark);
  --clc-alert-color: var(--clc-on-secondary-dark);
  --clc-alert-title-color: var(--clc-on-secondary-dark);
  --clc-alert-icon-color: var(--clc-on-secondary-dark);
}
.clc-alert.clc-secondary.clc-shade-darker {
  --clc-alert-background-color: var(--clc-secondary-darker);
  --clc-alert-color: var(--clc-on-secondary-darker);
  --clc-alert-title-color: var(--clc-on-secondary-darker);
  --clc-alert-icon-color: var(--clc-on-secondary-darker);
}
.clc-alert.clc-variant-outlined.clc-secondary {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-secondary.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary);
  --clc-alert-color: var(--clc-secondary);
  --clc-alert-title-color: var(--clc-secondary);
  --clc-alert-icon-color: var(--clc-secondary);
}
.clc-alert.clc-variant-outlined.clc-secondary.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-lighter);
  --clc-alert-color: var(--clc-secondary-lighter);
  --clc-alert-title-color: var(--clc-secondary-lighter);
  --clc-alert-icon-color: var(--clc-secondary-lighter);
}
.clc-alert.clc-variant-outlined.clc-secondary.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-light);
  --clc-alert-color: var(--clc-secondary-light);
  --clc-alert-title-color: var(--clc-secondary-light);
  --clc-alert-icon-color: var(--clc-secondary-light);
}
.clc-alert.clc-variant-outlined.clc-secondary.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-dark);
  --clc-alert-color: var(--clc-secondary-dark);
  --clc-alert-title-color: var(--clc-secondary-dark);
  --clc-alert-icon-color: var(--clc-secondary-dark);
}
.clc-alert.clc-variant-outlined.clc-secondary.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-secondary-darker);
  --clc-alert-color: var(--clc-secondary-darker);
  --clc-alert-title-color: var(--clc-secondary-darker);
  --clc-alert-icon-color: var(--clc-secondary-darker);
}
.clc-alert.clc-variant-text.clc-secondary {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-secondary.clc-shade-default {
  --clc-alert-color: var(--clc-secondary);
  --clc-alert-icon-color: var(--clc-secondary);
  --clc-alert-title-color: var(--clc-secondary);
}
.clc-alert.clc-variant-text.clc-secondary.clc-shade-lighter {
  --clc-alert-color: var(--clc-secondary-lighter);
  --clc-alert-title-color: var(--clc-secondary-lighter);
  --clc-alert-icon-color: var(--clc-secondary-lighter);
}
.clc-alert.clc-variant-text.clc-secondary.clc-shade-light {
  --clc-alert-color: var(--clc-secondary-light);
  --clc-alert-title-color: var(--clc-secondary-light);
  --clc-alert-icon-color: var(--clc-secondary-light);
}
.clc-alert.clc-variant-text.clc-secondary.clc-shade-dark {
  --clc-alert-color: var(--clc-secondary-dark);
  --clc-alert-title-color: var(--clc-secondary-dark);
  --clc-alert-icon-color: var(--clc-secondary-dark);
}
.clc-alert.clc-variant-text.clc-secondary.clc-shade-darker {
  --clc-alert-color: var(--clc-secondary-darker);
  --clc-alert-title-color: var(--clc-secondary-darker);
  --clc-alert-icon-color: var(--clc-secondary-darker);
}
.clc-alert.clc-info {
  --clc-alert-background-color: var(--clc-info);
  --clc-alert-color: var(--clc-on-info);
  --clc-alert-title-color: var(--clc-on-info);
  --clc-alert-icon-color: var(--clc-on-info);
}
.clc-alert.clc-info.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-info-lighter);
  --clc-alert-color: var(--clc-on-info-lighter);
  --clc-alert-title-color: var(--clc-on-info-lighter);
  --clc-alert-icon-color: var(--clc-on-info-lighter);
}
.clc-alert.clc-info.clc-shade-light {
  --clc-alert-background-color: var(--clc-info-light);
  --clc-alert-color: var(--clc-on-info-light);
  --clc-alert-title-color: var(--clc-on-info-light);
  --clc-alert-icon-color: var(--clc-on-info-light);
}
.clc-alert.clc-info.clc-shade-default {
  --clc-alert-background-color: var(--clc-info);
  --clc-alert-color: var(--clc-on-info);
  --clc-alert-title-color: var(--clc-on-info);
  --clc-alert-icon-color: var(--clc-on-info);
}
.clc-alert.clc-info.clc-shade-dark {
  --clc-alert-background-color: var(--clc-info-dark);
  --clc-alert-color: var(--clc-on-info-dark);
  --clc-alert-title-color: var(--clc-on-info-dark);
  --clc-alert-icon-color: var(--clc-on-info-dark);
}
.clc-alert.clc-info.clc-shade-darker {
  --clc-alert-background-color: var(--clc-info-darker);
  --clc-alert-color: var(--clc-on-info-darker);
  --clc-alert-title-color: var(--clc-on-info-darker);
  --clc-alert-icon-color: var(--clc-on-info-darker);
}
.clc-alert.clc-variant-outlined.clc-info {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-info.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info);
  --clc-alert-color: var(--clc-info);
  --clc-alert-title-color: var(--clc-info);
  --clc-alert-icon-color: var(--clc-info);
}
.clc-alert.clc-variant-outlined.clc-info.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-lighter);
  --clc-alert-color: var(--clc-info-lighter);
  --clc-alert-title-color: var(--clc-info-lighter);
  --clc-alert-icon-color: var(--clc-info-lighter);
}
.clc-alert.clc-variant-outlined.clc-info.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-light);
  --clc-alert-color: var(--clc-info-light);
  --clc-alert-title-color: var(--clc-info-light);
  --clc-alert-icon-color: var(--clc-info-light);
}
.clc-alert.clc-variant-outlined.clc-info.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-dark);
  --clc-alert-color: var(--clc-info-dark);
  --clc-alert-title-color: var(--clc-info-dark);
  --clc-alert-icon-color: var(--clc-info-dark);
}
.clc-alert.clc-variant-outlined.clc-info.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-info-darker);
  --clc-alert-color: var(--clc-info-darker);
  --clc-alert-title-color: var(--clc-info-darker);
  --clc-alert-icon-color: var(--clc-info-darker);
}
.clc-alert.clc-variant-text.clc-info {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-info.clc-shade-default {
  --clc-alert-color: var(--clc-info);
  --clc-alert-icon-color: var(--clc-info);
  --clc-alert-title-color: var(--clc-info);
}
.clc-alert.clc-variant-text.clc-info.clc-shade-lighter {
  --clc-alert-color: var(--clc-info-lighter);
  --clc-alert-title-color: var(--clc-info-lighter);
  --clc-alert-icon-color: var(--clc-info-lighter);
}
.clc-alert.clc-variant-text.clc-info.clc-shade-light {
  --clc-alert-color: var(--clc-info-light);
  --clc-alert-title-color: var(--clc-info-light);
  --clc-alert-icon-color: var(--clc-info-light);
}
.clc-alert.clc-variant-text.clc-info.clc-shade-dark {
  --clc-alert-color: var(--clc-info-dark);
  --clc-alert-title-color: var(--clc-info-dark);
  --clc-alert-icon-color: var(--clc-info-dark);
}
.clc-alert.clc-variant-text.clc-info.clc-shade-darker {
  --clc-alert-color: var(--clc-info-darker);
  --clc-alert-title-color: var(--clc-info-darker);
  --clc-alert-icon-color: var(--clc-info-darker);
}
.clc-alert.clc-warning {
  --clc-alert-background-color: var(--clc-warning);
  --clc-alert-color: var(--clc-on-warning);
  --clc-alert-title-color: var(--clc-on-warning);
  --clc-alert-icon-color: var(--clc-on-warning);
}
.clc-alert.clc-warning.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-warning-lighter);
  --clc-alert-color: var(--clc-on-warning-lighter);
  --clc-alert-title-color: var(--clc-on-warning-lighter);
  --clc-alert-icon-color: var(--clc-on-warning-lighter);
}
.clc-alert.clc-warning.clc-shade-light {
  --clc-alert-background-color: var(--clc-warning-light);
  --clc-alert-color: var(--clc-on-warning-light);
  --clc-alert-title-color: var(--clc-on-warning-light);
  --clc-alert-icon-color: var(--clc-on-warning-light);
}
.clc-alert.clc-warning.clc-shade-default {
  --clc-alert-background-color: var(--clc-warning);
  --clc-alert-color: var(--clc-on-warning);
  --clc-alert-title-color: var(--clc-on-warning);
  --clc-alert-icon-color: var(--clc-on-warning);
}
.clc-alert.clc-warning.clc-shade-dark {
  --clc-alert-background-color: var(--clc-warning-dark);
  --clc-alert-color: var(--clc-on-warning-dark);
  --clc-alert-title-color: var(--clc-on-warning-dark);
  --clc-alert-icon-color: var(--clc-on-warning-dark);
}
.clc-alert.clc-warning.clc-shade-darker {
  --clc-alert-background-color: var(--clc-warning-darker);
  --clc-alert-color: var(--clc-on-warning-darker);
  --clc-alert-title-color: var(--clc-on-warning-darker);
  --clc-alert-icon-color: var(--clc-on-warning-darker);
}
.clc-alert.clc-variant-outlined.clc-warning {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-warning.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning);
  --clc-alert-color: var(--clc-warning);
  --clc-alert-title-color: var(--clc-warning);
  --clc-alert-icon-color: var(--clc-warning);
}
.clc-alert.clc-variant-outlined.clc-warning.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-lighter);
  --clc-alert-color: var(--clc-warning-lighter);
  --clc-alert-title-color: var(--clc-warning-lighter);
  --clc-alert-icon-color: var(--clc-warning-lighter);
}
.clc-alert.clc-variant-outlined.clc-warning.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-light);
  --clc-alert-color: var(--clc-warning-light);
  --clc-alert-title-color: var(--clc-warning-light);
  --clc-alert-icon-color: var(--clc-warning-light);
}
.clc-alert.clc-variant-outlined.clc-warning.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-dark);
  --clc-alert-color: var(--clc-warning-dark);
  --clc-alert-title-color: var(--clc-warning-dark);
  --clc-alert-icon-color: var(--clc-warning-dark);
}
.clc-alert.clc-variant-outlined.clc-warning.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-warning-darker);
  --clc-alert-color: var(--clc-warning-darker);
  --clc-alert-title-color: var(--clc-warning-darker);
  --clc-alert-icon-color: var(--clc-warning-darker);
}
.clc-alert.clc-variant-text.clc-warning {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-warning.clc-shade-default {
  --clc-alert-color: var(--clc-warning);
  --clc-alert-icon-color: var(--clc-warning);
  --clc-alert-title-color: var(--clc-warning);
}
.clc-alert.clc-variant-text.clc-warning.clc-shade-lighter {
  --clc-alert-color: var(--clc-warning-lighter);
  --clc-alert-title-color: var(--clc-warning-lighter);
  --clc-alert-icon-color: var(--clc-warning-lighter);
}
.clc-alert.clc-variant-text.clc-warning.clc-shade-light {
  --clc-alert-color: var(--clc-warning-light);
  --clc-alert-title-color: var(--clc-warning-light);
  --clc-alert-icon-color: var(--clc-warning-light);
}
.clc-alert.clc-variant-text.clc-warning.clc-shade-dark {
  --clc-alert-color: var(--clc-warning-dark);
  --clc-alert-title-color: var(--clc-warning-dark);
  --clc-alert-icon-color: var(--clc-warning-dark);
}
.clc-alert.clc-variant-text.clc-warning.clc-shade-darker {
  --clc-alert-color: var(--clc-warning-darker);
  --clc-alert-title-color: var(--clc-warning-darker);
  --clc-alert-icon-color: var(--clc-warning-darker);
}
.clc-alert.clc-error {
  --clc-alert-background-color: var(--clc-danger);
  --clc-alert-color: var(--clc-on-danger);
  --clc-alert-title-color: var(--clc-on-danger);
  --clc-alert-icon-color: var(--clc-on-danger);
}
.clc-alert.clc-error.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-error-lighter);
  --clc-alert-color: var(--clc-on-error-lighter);
  --clc-alert-title-color: var(--clc-on-error-lighter);
  --clc-alert-icon-color: var(--clc-on-error-lighter);
}
.clc-alert.clc-error.clc-shade-light {
  --clc-alert-background-color: var(--clc-error-light);
  --clc-alert-color: var(--clc-on-error-light);
  --clc-alert-title-color: var(--clc-on-error-light);
  --clc-alert-icon-color: var(--clc-on-error-light);
}
.clc-alert.clc-error.clc-shade-default {
  --clc-alert-background-color: var(--clc-error);
  --clc-alert-color: var(--clc-on-error);
  --clc-alert-title-color: var(--clc-on-error);
  --clc-alert-icon-color: var(--clc-on-error);
}
.clc-alert.clc-error.clc-shade-dark {
  --clc-alert-background-color: var(--clc-error-dark);
  --clc-alert-color: var(--clc-on-error-dark);
  --clc-alert-title-color: var(--clc-on-error-dark);
  --clc-alert-icon-color: var(--clc-on-error-dark);
}
.clc-alert.clc-error.clc-shade-darker {
  --clc-alert-background-color: var(--clc-error-darker);
  --clc-alert-color: var(--clc-on-error-darker);
  --clc-alert-title-color: var(--clc-on-error-darker);
  --clc-alert-icon-color: var(--clc-on-error-darker);
}
.clc-alert.clc-variant-outlined.clc-error {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-error.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger);
  --clc-alert-color: var(--clc-danger);
  --clc-alert-title-color: var(--clc-danger);
  --clc-alert-icon-color: var(--clc-danger);
}
.clc-alert.clc-variant-outlined.clc-error.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-lighter);
  --clc-alert-color: var(--clc-error-lighter);
  --clc-alert-title-color: var(--clc-error-lighter);
  --clc-alert-icon-color: var(--clc-error-lighter);
}
.clc-alert.clc-variant-outlined.clc-error.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-light);
  --clc-alert-color: var(--clc-error-light);
  --clc-alert-title-color: var(--clc-error-light);
  --clc-alert-icon-color: var(--clc-error-light);
}
.clc-alert.clc-variant-outlined.clc-error.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-dark);
  --clc-alert-color: var(--clc-error-dark);
  --clc-alert-title-color: var(--clc-error-dark);
  --clc-alert-icon-color: var(--clc-error-dark);
}
.clc-alert.clc-variant-outlined.clc-error.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-error-darker);
  --clc-alert-color: var(--clc-error-darker);
  --clc-alert-title-color: var(--clc-error-darker);
  --clc-alert-icon-color: var(--clc-error-darker);
}
.clc-alert.clc-variant-text.clc-error {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-error.clc-shade-default {
  --clc-alert-color: var(--clc-danger);
  --clc-alert-icon-color: var(--clc-danger);
  --clc-alert-title-color: var(--clc-danger);
}
.clc-alert.clc-variant-text.clc-error.clc-shade-lighter {
  --clc-alert-color: var(--clc-error-lighter);
  --clc-alert-title-color: var(--clc-error-lighter);
  --clc-alert-icon-color: var(--clc-error-lighter);
}
.clc-alert.clc-variant-text.clc-error.clc-shade-light {
  --clc-alert-color: var(--clc-error-light);
  --clc-alert-title-color: var(--clc-error-light);
  --clc-alert-icon-color: var(--clc-error-light);
}
.clc-alert.clc-variant-text.clc-error.clc-shade-dark {
  --clc-alert-color: var(--clc-error-dark);
  --clc-alert-title-color: var(--clc-error-dark);
  --clc-alert-icon-color: var(--clc-error-dark);
}
.clc-alert.clc-variant-text.clc-error.clc-shade-darker {
  --clc-alert-color: var(--clc-error-darker);
  --clc-alert-title-color: var(--clc-error-darker);
  --clc-alert-icon-color: var(--clc-error-darker);
}
.clc-alert.clc-danger {
  --clc-alert-background-color: var(--clc-danger);
  --clc-alert-color: var(--clc-on-danger);
  --clc-alert-title-color: var(--clc-on-danger);
  --clc-alert-icon-color: var(--clc-on-danger);
}
.clc-alert.clc-danger.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-danger-lighter);
  --clc-alert-color: var(--clc-on-danger-lighter);
  --clc-alert-title-color: var(--clc-on-danger-lighter);
  --clc-alert-icon-color: var(--clc-on-danger-lighter);
}
.clc-alert.clc-danger.clc-shade-light {
  --clc-alert-background-color: var(--clc-danger-light);
  --clc-alert-color: var(--clc-on-danger-light);
  --clc-alert-title-color: var(--clc-on-danger-light);
  --clc-alert-icon-color: var(--clc-on-danger-light);
}
.clc-alert.clc-danger.clc-shade-default {
  --clc-alert-background-color: var(--clc-danger);
  --clc-alert-color: var(--clc-on-danger);
  --clc-alert-title-color: var(--clc-on-danger);
  --clc-alert-icon-color: var(--clc-on-danger);
}
.clc-alert.clc-danger.clc-shade-dark {
  --clc-alert-background-color: var(--clc-danger-dark);
  --clc-alert-color: var(--clc-on-danger-dark);
  --clc-alert-title-color: var(--clc-on-danger-dark);
  --clc-alert-icon-color: var(--clc-on-danger-dark);
}
.clc-alert.clc-danger.clc-shade-darker {
  --clc-alert-background-color: var(--clc-danger-darker);
  --clc-alert-color: var(--clc-on-danger-darker);
  --clc-alert-title-color: var(--clc-on-danger-darker);
  --clc-alert-icon-color: var(--clc-on-danger-darker);
}
.clc-alert.clc-variant-outlined.clc-danger {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-danger.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger);
  --clc-alert-color: var(--clc-danger);
  --clc-alert-title-color: var(--clc-danger);
  --clc-alert-icon-color: var(--clc-danger);
}
.clc-alert.clc-variant-outlined.clc-danger.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-lighter);
  --clc-alert-color: var(--clc-danger-lighter);
  --clc-alert-title-color: var(--clc-danger-lighter);
  --clc-alert-icon-color: var(--clc-danger-lighter);
}
.clc-alert.clc-variant-outlined.clc-danger.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-light);
  --clc-alert-color: var(--clc-danger-light);
  --clc-alert-title-color: var(--clc-danger-light);
  --clc-alert-icon-color: var(--clc-danger-light);
}
.clc-alert.clc-variant-outlined.clc-danger.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-dark);
  --clc-alert-color: var(--clc-danger-dark);
  --clc-alert-title-color: var(--clc-danger-dark);
  --clc-alert-icon-color: var(--clc-danger-dark);
}
.clc-alert.clc-variant-outlined.clc-danger.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-danger-darker);
  --clc-alert-color: var(--clc-danger-darker);
  --clc-alert-title-color: var(--clc-danger-darker);
  --clc-alert-icon-color: var(--clc-danger-darker);
}
.clc-alert.clc-variant-text.clc-danger {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-danger.clc-shade-default {
  --clc-alert-color: var(--clc-danger);
  --clc-alert-icon-color: var(--clc-danger);
  --clc-alert-title-color: var(--clc-danger);
}
.clc-alert.clc-variant-text.clc-danger.clc-shade-lighter {
  --clc-alert-color: var(--clc-danger-lighter);
  --clc-alert-title-color: var(--clc-danger-lighter);
  --clc-alert-icon-color: var(--clc-danger-lighter);
}
.clc-alert.clc-variant-text.clc-danger.clc-shade-light {
  --clc-alert-color: var(--clc-danger-light);
  --clc-alert-title-color: var(--clc-danger-light);
  --clc-alert-icon-color: var(--clc-danger-light);
}
.clc-alert.clc-variant-text.clc-danger.clc-shade-dark {
  --clc-alert-color: var(--clc-danger-dark);
  --clc-alert-title-color: var(--clc-danger-dark);
  --clc-alert-icon-color: var(--clc-danger-dark);
}
.clc-alert.clc-variant-text.clc-danger.clc-shade-darker {
  --clc-alert-color: var(--clc-danger-darker);
  --clc-alert-title-color: var(--clc-danger-darker);
  --clc-alert-icon-color: var(--clc-danger-darker);
}
.clc-alert.clc-success {
  --clc-alert-background-color: var(--clc-success);
  --clc-alert-color: var(--clc-on-success);
  --clc-alert-title-color: var(--clc-on-success);
  --clc-alert-icon-color: var(--clc-on-success);
}
.clc-alert.clc-success.clc-shade-lighter {
  --clc-alert-background-color: var(--clc-success-lighter);
  --clc-alert-color: var(--clc-on-success-lighter);
  --clc-alert-title-color: var(--clc-on-success-lighter);
  --clc-alert-icon-color: var(--clc-on-success-lighter);
}
.clc-alert.clc-success.clc-shade-light {
  --clc-alert-background-color: var(--clc-success-light);
  --clc-alert-color: var(--clc-on-success-light);
  --clc-alert-title-color: var(--clc-on-success-light);
  --clc-alert-icon-color: var(--clc-on-success-light);
}
.clc-alert.clc-success.clc-shade-default {
  --clc-alert-background-color: var(--clc-success);
  --clc-alert-color: var(--clc-on-success);
  --clc-alert-title-color: var(--clc-on-success);
  --clc-alert-icon-color: var(--clc-on-success);
}
.clc-alert.clc-success.clc-shade-dark {
  --clc-alert-background-color: var(--clc-success-dark);
  --clc-alert-color: var(--clc-on-success-dark);
  --clc-alert-title-color: var(--clc-on-success-dark);
  --clc-alert-icon-color: var(--clc-on-success-dark);
}
.clc-alert.clc-success.clc-shade-darker {
  --clc-alert-background-color: var(--clc-success-darker);
  --clc-alert-color: var(--clc-on-success-darker);
  --clc-alert-title-color: var(--clc-on-success-darker);
  --clc-alert-icon-color: var(--clc-on-success-darker);
}
.clc-alert.clc-variant-outlined.clc-success {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-outlined.clc-success.clc-shade-default {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success);
  --clc-alert-color: var(--clc-success);
  --clc-alert-title-color: var(--clc-success);
  --clc-alert-icon-color: var(--clc-success);
}
.clc-alert.clc-variant-outlined.clc-success.clc-shade-lighter {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-lighter);
  --clc-alert-color: var(--clc-success-lighter);
  --clc-alert-title-color: var(--clc-success-lighter);
  --clc-alert-icon-color: var(--clc-success-lighter);
}
.clc-alert.clc-variant-outlined.clc-success.clc-shade-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-light);
  --clc-alert-color: var(--clc-success-light);
  --clc-alert-title-color: var(--clc-success-light);
  --clc-alert-icon-color: var(--clc-success-light);
}
.clc-alert.clc-variant-outlined.clc-success.clc-shade-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-dark);
  --clc-alert-color: var(--clc-success-dark);
  --clc-alert-title-color: var(--clc-success-dark);
  --clc-alert-icon-color: var(--clc-success-dark);
}
.clc-alert.clc-variant-outlined.clc-success.clc-shade-darker {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-success-darker);
  --clc-alert-color: var(--clc-success-darker);
  --clc-alert-title-color: var(--clc-success-darker);
  --clc-alert-icon-color: var(--clc-success-darker);
}
.clc-alert.clc-variant-text.clc-success {
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-success.clc-shade-default {
  --clc-alert-color: var(--clc-success);
  --clc-alert-icon-color: var(--clc-success);
  --clc-alert-title-color: var(--clc-success);
}
.clc-alert.clc-variant-text.clc-success.clc-shade-lighter {
  --clc-alert-color: var(--clc-success-lighter);
  --clc-alert-title-color: var(--clc-success-lighter);
  --clc-alert-icon-color: var(--clc-success-lighter);
}
.clc-alert.clc-variant-text.clc-success.clc-shade-light {
  --clc-alert-color: var(--clc-success-light);
  --clc-alert-title-color: var(--clc-success-light);
  --clc-alert-icon-color: var(--clc-success-light);
}
.clc-alert.clc-variant-text.clc-success.clc-shade-dark {
  --clc-alert-color: var(--clc-success-dark);
  --clc-alert-title-color: var(--clc-success-dark);
  --clc-alert-icon-color: var(--clc-success-dark);
}
.clc-alert.clc-variant-text.clc-success.clc-shade-darker {
  --clc-alert-color: var(--clc-success-darker);
  --clc-alert-title-color: var(--clc-success-darker);
  --clc-alert-icon-color: var(--clc-success-darker);
}
.clc-alert.clc-base {
  --clc-alert-background-color: var(--clc-base-200);
  --clc-alert-color: var(--clc-text-color);
  --clc-alert-title-color: var(--clc-text-color);
  --clc-alert-icon-color: var(--clc-text-color);
}
.clc-alert.clc-variant-outlined.clc-base {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-text-color);
  --clc-alert-color: var(--clc-text-color);
  --clc-alert-title-color: var(--clc-text-color);
  --clc-alert-icon-color: var(--clc-text-color);
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-base {
  --clc-alert-color: var(--clc-text-color);
  --clc-alert-title-color: var(--clc-text-color);
  --clc-alert-icon-color: var(--clc-text-color);
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-light {
  --clc-alert-background-color: var(--clc-base-200);
  --clc-alert-color: var(--clc-text-color);
  --clc-alert-title-color: var(--clc-text-color);
  --clc-alert-icon-color: var(--clc-text-color);
}
.clc-alert.clc-variant-outlined.clc-light {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-200);
  --clc-alert-color: var(--clc-base-200);
  --clc-alert-title-color: var(--clc-base-200);
  --clc-alert-icon-color: var(--clc-base-200);
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-light {
  --clc-alert-color: var(--clc-base-200);
  --clc-alert-title-color: var(--clc-base-200);
  --clc-alert-icon-color: var(--clc-base-200);
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-dark {
  --clc-alert-background-color: var(--clc-base-900);
  --clc-alert-color: var(--clc-text-contrast-color);
  --clc-alert-title-color: var(--clc-text-contrast-color);
  --clc-alert-icon-color: var(--clc-text-contrast-color);
}
.clc-alert.clc-variant-outlined.clc-dark {
  box-shadow: inset 0 0 0 var(--clc-border-width) var(--clc-base-900);
  --clc-alert-color: var(--clc-base-900);
  --clc-alert-title-color: var(--clc-base-900);
  --clc-alert-icon-color: var(--clc-base-900);
  --clc-alert-background-color: transparent;
}
.clc-alert.clc-variant-text.clc-dark {
  --clc-alert-color: var(--clc-base-900);
  --clc-alert-title-color: var(--clc-base-900);
  --clc-alert-icon-color: var(--clc-base-900);
  --clc-alert-background-color: transparent;
}

@keyframes mic-blink {
  0% {
    background-color: var(--clc-danger-light);
    color: var(--clc-on-danger-light);
  }
  50% {
    background-color: var(--clc-danger-darker);
    color: var(--clc-on-danger-darker);
  }
  100% {
    background-color: var(--clc-danger-light);
    color: var(--clc-on-danger-light);
  }
}
@-webkit-keyframes mic-blink {
  0% {
    background-color: var(--clc-danger-light);
    color: var(--clc-on-danger-light);
  }
  50% {
    background-color: var(--clc-danger-darker);
    color: var(--clc-on-danger-darker);
  }
  100% {
    background-color: var(--clc-danger-light);
    color: var(--clc-on-danger-light);
  }
}
.clc-button.clc-speech-to-text-button-recording {
  -webkit-animation: mic-blink 2s linear infinite;
  -moz-animation: mic-blink 2s linear infinite;
  animation: mic-blink 2s linear infinite;
}

.clc-flex-row {
  flex-direction: row !important;
}

.clc-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.clc-flex-column {
  flex-direction: column !important;
}

.clc-flex-column-reverse {
  flex-direction: column-reverse !important;
}

.clc-stack {
  box-sizing: border-box;
  gap: var(--clc-gap);
}

.clc-row {
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: var(--clc-gap);
  row-gap: var(--clc-row-gap);
}

.clc-row > [class^=clc-col] {
  flex: 1 0 0%;
}

.clc-row > [class*=clc-col-] {
  flex: 0 0 auto;
  width: 100%;
}

.clc-row > .clc-col-1 {
  max-width: calc((100% - 11 * var(--clc-gap)) / 12);
  flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
}

.clc-row > .clc-col-2 {
  max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
}

.clc-row > .clc-col-3 {
  max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
}

.clc-row > .clc-col-4 {
  max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
}

.clc-row > .clc-col-5 {
  max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
}

.clc-row > .clc-col-6 {
  max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
}

.clc-row > .clc-col-7 {
  max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
}

.clc-row > .clc-col-8 {
  max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
}

.clc-row > .clc-col-9 {
  max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
}

.clc-row > .clc-col-10 {
  max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
}

.clc-row > .clc-col-11 {
  max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
}

.clc-row > .clc-col-12 {
  max-width: 100%;
  flex-basis: 100%;
}

@media (min-width: 576px) {
  .clc-row > .clc-col-xs-1 {
    max-width: calc((100% - 11 * var(--clc-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
  }
  .clc-row > .clc-col-xs-2 {
    max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
    flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-3 {
    max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
    flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-4 {
    max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
    flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-5 {
    max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
    flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-6 {
    max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
    flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-7 {
    max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
    flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-8 {
    max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
    flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-9 {
    max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
    flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-10 {
    max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
    flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-11 {
    max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
    flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-row > .clc-col-xs-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 768px) {
  .clc-row > .clc-col-sm-1 {
    max-width: calc((100% - 11 * var(--clc-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
  }
  .clc-row > .clc-col-sm-2 {
    max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
    flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-3 {
    max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
    flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-4 {
    max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
    flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-5 {
    max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
    flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-6 {
    max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
    flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-7 {
    max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
    flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-8 {
    max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
    flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-9 {
    max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
    flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-10 {
    max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
    flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-11 {
    max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
    flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-row > .clc-col-sm-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1024px) {
  .clc-row > .clc-col-md-1 {
    max-width: calc((100% - 11 * var(--clc-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
  }
  .clc-row > .clc-col-md-2 {
    max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
    flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-3 {
    max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
    flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-4 {
    max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
    flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-5 {
    max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
    flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-6 {
    max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
    flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-7 {
    max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
    flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-8 {
    max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
    flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-9 {
    max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
    flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-10 {
    max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
    flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-11 {
    max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
    flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-row > .clc-col-md-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1280px) {
  .clc-row > .clc-col-lg-1 {
    max-width: calc((100% - 11 * var(--clc-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
  }
  .clc-row > .clc-col-lg-2 {
    max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
    flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-3 {
    max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
    flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-4 {
    max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
    flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-5 {
    max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
    flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-6 {
    max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
    flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-7 {
    max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
    flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-8 {
    max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
    flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-9 {
    max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
    flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-10 {
    max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
    flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-11 {
    max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
    flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-row > .clc-col-lg-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1920px) {
  .clc-row > .clc-col-xl-1 {
    max-width: calc((100% - 11 * var(--clc-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
  }
  .clc-row > .clc-col-xl-2 {
    max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
    flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-3 {
    max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
    flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-4 {
    max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
    flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-5 {
    max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
    flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-6 {
    max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
    flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-7 {
    max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
    flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-8 {
    max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
    flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-9 {
    max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
    flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-10 {
    max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
    flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-11 {
    max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
    flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-row > .clc-col-xl-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 2560px) {
  .clc-row > .clc-col-xx-1 {
    max-width: calc((100% - 11 * var(--clc-gap)) / 12);
    flex-basis: calc((100% - 11 * var(--clc-gap)) / 12);
  }
  .clc-row > .clc-col-xx-2 {
    max-width: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
    flex-basis: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-3 {
    max-width: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
    flex-basis: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-4 {
    max-width: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
    flex-basis: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-5 {
    max-width: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
    flex-basis: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-6 {
    max-width: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
    flex-basis: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-7 {
    max-width: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
    flex-basis: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-8 {
    max-width: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
    flex-basis: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-9 {
    max-width: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
    flex-basis: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-10 {
    max-width: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
    flex-basis: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-11 {
    max-width: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
    flex-basis: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-row > .clc-col-xx-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.clc-offset-0 {
  margin-inline-start: 0;
}

.clc-offset-1 {
  margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
}

.clc-offset-2 {
  margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
}

.clc-offset-3 {
  margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
}

.clc-offset-4 {
  margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
}

.clc-offset-5 {
  margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
}

.clc-offset-6 {
  margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
}

.clc-offset-7 {
  margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
}

.clc-offset-8 {
  margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
}

.clc-offset-9 {
  margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
}

.clc-offset-10 {
  margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
}

.clc-offset-11 {
  margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
}

@media (min-width: 576px) {
  .clc-offset-xs-0 {
    margin-inline-start: 0;
  }
  .clc-offset-xs-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-offset-xs-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-offset-xs-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-offset-xs-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-offset-xs-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-offset-xs-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-offset-xs-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-offset-xs-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-offset-xs-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-offset-xs-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-offset-xs-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
  }
}
@media (min-width: 768px) {
  .clc-offset-sm-0 {
    margin-inline-start: 0;
  }
  .clc-offset-sm-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-offset-sm-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-offset-sm-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-offset-sm-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-offset-sm-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-offset-sm-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-offset-sm-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-offset-sm-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-offset-sm-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-offset-sm-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-offset-sm-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
  }
}
@media (min-width: 1024px) {
  .clc-offset-md-0 {
    margin-inline-start: 0;
  }
  .clc-offset-md-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-offset-md-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-offset-md-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-offset-md-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-offset-md-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-offset-md-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-offset-md-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-offset-md-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-offset-md-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-offset-md-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-offset-md-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
  }
}
@media (min-width: 1280px) {
  .clc-offset-lg-0 {
    margin-inline-start: 0;
  }
  .clc-offset-lg-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-offset-lg-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-offset-lg-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-offset-lg-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-offset-lg-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-offset-lg-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-offset-lg-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-offset-lg-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-offset-lg-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-offset-lg-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-offset-lg-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
  }
}
@media (min-width: 1920px) {
  .clc-offset-xl-0 {
    margin-inline-start: 0;
  }
  .clc-offset-xl-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-offset-xl-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-offset-xl-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-offset-xl-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-offset-xl-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-offset-xl-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-offset-xl-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-offset-xl-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-offset-xl-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-offset-xl-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-offset-xl-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
  }
}
@media (min-width: 2560px) {
  .clc-offset-xx-0 {
    margin-inline-start: 0;
  }
  .clc-offset-xx-1 {
    margin-inline-start: calc(1 * (100% - 11 * var(--clc-gap)) / 12 + 1 * var(--clc-gap));
  }
  .clc-offset-xx-2 {
    margin-inline-start: calc(2 * (100% - 11 * var(--clc-gap)) / 12 + 2 * var(--clc-gap));
  }
  .clc-offset-xx-3 {
    margin-inline-start: calc(3 * (100% - 11 * var(--clc-gap)) / 12 + 3 * var(--clc-gap));
  }
  .clc-offset-xx-4 {
    margin-inline-start: calc(4 * (100% - 11 * var(--clc-gap)) / 12 + 4 * var(--clc-gap));
  }
  .clc-offset-xx-5 {
    margin-inline-start: calc(5 * (100% - 11 * var(--clc-gap)) / 12 + 5 * var(--clc-gap));
  }
  .clc-offset-xx-6 {
    margin-inline-start: calc(6 * (100% - 11 * var(--clc-gap)) / 12 + 6 * var(--clc-gap));
  }
  .clc-offset-xx-7 {
    margin-inline-start: calc(7 * (100% - 11 * var(--clc-gap)) / 12 + 7 * var(--clc-gap));
  }
  .clc-offset-xx-8 {
    margin-inline-start: calc(8 * (100% - 11 * var(--clc-gap)) / 12 + 8 * var(--clc-gap));
  }
  .clc-offset-xx-9 {
    margin-inline-start: calc(9 * (100% - 11 * var(--clc-gap)) / 12 + 9 * var(--clc-gap));
  }
  .clc-offset-xx-10 {
    margin-inline-start: calc(10 * (100% - 11 * var(--clc-gap)) / 12 + 10 * var(--clc-gap));
  }
  .clc-offset-xx-11 {
    margin-inline-start: calc(11 * (100% - 11 * var(--clc-gap)) / 12 + 11 * var(--clc-gap));
  }
}
.clc-order-first {
  order: -1 !important;
}

.clc-order-last {
  order: 13 !important;
}

.clc-order-0 {
  order: 0 !important;
}

.clc-order-1 {
  order: 1 !important;
}

.clc-order-2 {
  order: 2 !important;
}

.clc-order-3 {
  order: 3 !important;
}

.clc-order-4 {
  order: 4 !important;
}

.clc-order-5 {
  order: 5 !important;
}

.clc-order-6 {
  order: 6 !important;
}

.clc-order-7 {
  order: 7 !important;
}

.clc-order-8 {
  order: 8 !important;
}

.clc-order-9 {
  order: 9 !important;
}

.clc-order-10 {
  order: 10 !important;
}

.clc-order-11 {
  order: 11 !important;
}

.clc-order-12 {
  order: 12 !important;
}

@media (min-width: 576px) {
  .clc-order-xs-first {
    order: -1 !important;
  }
  .clc-order-xs-last {
    order: 13 !important;
  }
  .clc-order-xs-0 {
    order: 0 !important;
  }
  .clc-order-xs-1 {
    order: 1 !important;
  }
  .clc-order-xs-2 {
    order: 2 !important;
  }
  .clc-order-xs-3 {
    order: 3 !important;
  }
  .clc-order-xs-4 {
    order: 4 !important;
  }
  .clc-order-xs-5 {
    order: 5 !important;
  }
  .clc-order-xs-6 {
    order: 6 !important;
  }
  .clc-order-xs-7 {
    order: 7 !important;
  }
  .clc-order-xs-8 {
    order: 8 !important;
  }
  .clc-order-xs-9 {
    order: 9 !important;
  }
  .clc-order-xs-10 {
    order: 10 !important;
  }
  .clc-order-xs-11 {
    order: 11 !important;
  }
  .clc-order-xs-12 {
    order: 12 !important;
  }
}
@media (min-width: 768px) {
  .clc-order-sm-first {
    order: -1 !important;
  }
  .clc-order-sm-last {
    order: 13 !important;
  }
  .clc-order-sm-0 {
    order: 0 !important;
  }
  .clc-order-sm-1 {
    order: 1 !important;
  }
  .clc-order-sm-2 {
    order: 2 !important;
  }
  .clc-order-sm-3 {
    order: 3 !important;
  }
  .clc-order-sm-4 {
    order: 4 !important;
  }
  .clc-order-sm-5 {
    order: 5 !important;
  }
  .clc-order-sm-6 {
    order: 6 !important;
  }
  .clc-order-sm-7 {
    order: 7 !important;
  }
  .clc-order-sm-8 {
    order: 8 !important;
  }
  .clc-order-sm-9 {
    order: 9 !important;
  }
  .clc-order-sm-10 {
    order: 10 !important;
  }
  .clc-order-sm-11 {
    order: 11 !important;
  }
  .clc-order-sm-12 {
    order: 12 !important;
  }
}
@media (min-width: 1024px) {
  .clc-order-md-first {
    order: -1 !important;
  }
  .clc-order-md-last {
    order: 13 !important;
  }
  .clc-order-md-0 {
    order: 0 !important;
  }
  .clc-order-md-1 {
    order: 1 !important;
  }
  .clc-order-md-2 {
    order: 2 !important;
  }
  .clc-order-md-3 {
    order: 3 !important;
  }
  .clc-order-md-4 {
    order: 4 !important;
  }
  .clc-order-md-5 {
    order: 5 !important;
  }
  .clc-order-md-6 {
    order: 6 !important;
  }
  .clc-order-md-7 {
    order: 7 !important;
  }
  .clc-order-md-8 {
    order: 8 !important;
  }
  .clc-order-md-9 {
    order: 9 !important;
  }
  .clc-order-md-10 {
    order: 10 !important;
  }
  .clc-order-md-11 {
    order: 11 !important;
  }
  .clc-order-md-12 {
    order: 12 !important;
  }
}
@media (min-width: 1280px) {
  .clc-order-lg-first {
    order: -1 !important;
  }
  .clc-order-lg-last {
    order: 13 !important;
  }
  .clc-order-lg-0 {
    order: 0 !important;
  }
  .clc-order-lg-1 {
    order: 1 !important;
  }
  .clc-order-lg-2 {
    order: 2 !important;
  }
  .clc-order-lg-3 {
    order: 3 !important;
  }
  .clc-order-lg-4 {
    order: 4 !important;
  }
  .clc-order-lg-5 {
    order: 5 !important;
  }
  .clc-order-lg-6 {
    order: 6 !important;
  }
  .clc-order-lg-7 {
    order: 7 !important;
  }
  .clc-order-lg-8 {
    order: 8 !important;
  }
  .clc-order-lg-9 {
    order: 9 !important;
  }
  .clc-order-lg-10 {
    order: 10 !important;
  }
  .clc-order-lg-11 {
    order: 11 !important;
  }
  .clc-order-lg-12 {
    order: 12 !important;
  }
}
@media (min-width: 1920px) {
  .clc-order-xl-first {
    order: -1 !important;
  }
  .clc-order-xl-last {
    order: 13 !important;
  }
  .clc-order-xl-0 {
    order: 0 !important;
  }
  .clc-order-xl-1 {
    order: 1 !important;
  }
  .clc-order-xl-2 {
    order: 2 !important;
  }
  .clc-order-xl-3 {
    order: 3 !important;
  }
  .clc-order-xl-4 {
    order: 4 !important;
  }
  .clc-order-xl-5 {
    order: 5 !important;
  }
  .clc-order-xl-6 {
    order: 6 !important;
  }
  .clc-order-xl-7 {
    order: 7 !important;
  }
  .clc-order-xl-8 {
    order: 8 !important;
  }
  .clc-order-xl-9 {
    order: 9 !important;
  }
  .clc-order-xl-10 {
    order: 10 !important;
  }
  .clc-order-xl-11 {
    order: 11 !important;
  }
  .clc-order-xl-12 {
    order: 12 !important;
  }
}
@media (min-width: 2560px) {
  .clc-order-xx-first {
    order: -1 !important;
  }
  .clc-order-xx-last {
    order: 13 !important;
  }
  .clc-order-xx-0 {
    order: 0 !important;
  }
  .clc-order-xx-1 {
    order: 1 !important;
  }
  .clc-order-xx-2 {
    order: 2 !important;
  }
  .clc-order-xx-3 {
    order: 3 !important;
  }
  .clc-order-xx-4 {
    order: 4 !important;
  }
  .clc-order-xx-5 {
    order: 5 !important;
  }
  .clc-order-xx-6 {
    order: 6 !important;
  }
  .clc-order-xx-7 {
    order: 7 !important;
  }
  .clc-order-xx-8 {
    order: 8 !important;
  }
  .clc-order-xx-9 {
    order: 9 !important;
  }
  .clc-order-xx-10 {
    order: 10 !important;
  }
  .clc-order-xx-11 {
    order: 11 !important;
  }
  .clc-order-xx-12 {
    order: 12 !important;
  }
}
.clc-form-field-helper {
  padding: var(--clc-form-field-helper-padding);
}

.clc-form-field-content {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  margin-block: var(--clc-form-field-margin-block);
  margin-inline: var(--clc-form-field-margin-inline);
  box-shadow: var(--clc-form-field-shadow);
  transition: var(--clc-input-transition);
}
.clc-form-field-content > *, .clc-form-field-content > .clc-autocomplete, .clc-form-field-content > .clc-autocomplete.clc-state-disabled > .clc-inputtext, .clc-form-field-content input, .clc-form-field-content .clc-inputtext, .clc-form-field-content .clc-inputtext.clc-state-disabled, .clc-form-field-content .clc-datepicker.clc-state-disabled > .clc-inputtext {
  flex: 1;
}
.clc-form-field-content .clc-form-field-start,
.clc-form-field-content .clc-form-field-end {
  display: flex;
  flex: 0;
  align-items: center;
  white-space: nowrap;
  padding-block: var(--clc-form-field-start-end-padding-block);
  padding-inline: var(--clc-form-field-start-end-padding-inline);
}

.clc-form-field {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  vertical-align: top;
}
.clc-form-field:hover .clc-form-field-content {
  box-shadow: var(--clc-form-field-hover-shadow);
}
.clc-form-field.clc-state-focused .clc-form-field-content {
  box-shadow: var(--clc-form-field-focus-shadow);
}
.clc-form-field.clc-state-disabled .clc-form-field-content {
  color: var(--clc-input-disabled-color);
  box-shadow: var(--clc-input-disabled-shadow);
}
.clc-form-field.clc-state-disabled.clc-variant-outlined .clc-form-field-content, .clc-form-field.clc-state-disabled.clc-variant-filled .clc-form-field-content, .clc-form-field.clc-state-disabled.clc-variant-flat .clc-form-field-content {
  border: var(--clc-input-disabled-border);
}
.clc-form-field.clc-state-disabled :not(.clc-button).clc-state-disabled,
.clc-form-field.clc-state-disabled :not(.clc-button):disabled {
  color: var(--clc-input-disabled-color);
  opacity: 1;
}
.clc-form-field.clc-state-disabled :not(.clc-button).clc-state-disabled::placeholder,
.clc-form-field.clc-state-disabled :not(.clc-button):disabled::placeholder {
  color: var(--clc-input-disabled-placeholder-color);
}
.clc-form-field.clc-variant-outlined .clc-form-field-start, .clc-form-field.clc-variant-filled .clc-form-field-start, .clc-form-field.clc-variant-flat .clc-form-field-start {
  padding-inline-end: 0;
}
.clc-form-field.clc-variant-outlined .clc-form-field-end, .clc-form-field.clc-variant-filled .clc-form-field-end, .clc-form-field.clc-variant-flat .clc-form-field-end {
  padding-inline-start: 0;
}
.clc-form-field.clc-variant-filled .clc-form-field-content, .clc-form-field.clc-variant-flat .clc-form-field-content {
  margin: 0;
  --clc-input-height: var(--clc-form-field-filled-height);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline);
  --clc-numeric-input-padding-block: var(--clc-form-field-filled-numeric-padding-block);
  --clc-numeric-input-padding-inline: var(--clc-form-field-filled-numeric-padding-inline);
  --clc-form-field-label-floating-top: var(--clc-form-field-filled-label-floating-top);
  box-shadow: var(--clc-input-shadow);
}
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-numeric-up, .clc-form-field.clc-variant-flat .clc-form-field-content .clc-numeric-up {
  top: calc(var(--clc-numeric-button-offset) + 1rem);
}
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-form-field-start,
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-form-field-end, .clc-form-field.clc-variant-flat .clc-form-field-content .clc-form-field-start,
.clc-form-field.clc-variant-flat .clc-form-field-content .clc-form-field-end {
  padding-top: 1rem;
}
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-textarea, .clc-form-field.clc-variant-flat .clc-form-field-content .clc-textarea {
  margin-top: 1rem;
}
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-datepicker-trigger, .clc-form-field.clc-variant-flat .clc-form-field-content .clc-datepicker-trigger {
  top: calc(50% + 0.4375rem);
}
.clc-form-field.clc-variant-flat:not(.clc-state-disabled):hover .clc-form-field-content {
  border: var(--clc-input-hover-border);
  box-shadow: var(--clc-input-hover-shadow);
}
.clc-form-field.clc-variant-flat:not(.clc-state-disabled).clc-state-focused .clc-form-field-content {
  border: var(--clc-input-focus-border);
  box-shadow: var(--clc-input-focus-shadow);
}
.clc-form-field.clc-variant-filled .clc-form-field-content {
  border: var(--clc-form-field-filled-border);
  border-radius: var(--clc-form-field-filled-border-radius);
  background-color: var(--clc-form-field-filled-background-color);
}
.clc-form-field.clc-variant-filled .clc-form-field-content:before, .clc-form-field.clc-variant-filled .clc-form-field-content:after {
  display: var(--clc-form-field-filled-underline-display);
}
.clc-form-field.clc-variant-filled:not(.clc-state-disabled):hover .clc-form-field-content {
  border: var(--clc-form-field-filled-hover-border);
  box-shadow: var(--clc-form-field-filled-hover-shadow);
  background-color: var(--clc-form-field-filled-hover-background-color);
}
.clc-form-field.clc-variant-filled:not(.clc-state-disabled).clc-state-focused .clc-form-field-content, .clc-form-field.clc-variant-filled:not(.clc-state-disabled).clc-state-focused:hover .clc-form-field-content {
  border: var(--clc-form-field-filled-focus-border);
  box-shadow: var(--clc-form-field-filled-focus-shadow);
  background-color: var(--clc-form-field-filled-background-color);
}
.clc-form-field.clc-variant-text .clc-form-field-content {
  border-color: transparent;
  box-shadow: none;
  --clc-input-background-color: transparent;
  --clc-input-border-radius: 0;
  --clc-input-padding-block: 0.4375rem;
  --clc-input-padding-inline: 0;
  --clc-numeric-input-padding-block: 0.5rem 0.5rem;
  --clc-numeric-input-padding-inline: 0 1.25rem;
  --clc-text-area-padding-block: 0.4375rem;
  --clc-text-area-padding-inline: 0;
  --clc-form-field-label-inset-inline-start: 0;
  --clc-form-field-label-padding: var(--clc-form-field-text-label-padding);
}
.clc-form-field.clc-variant-text .clc-form-field-content ~ .clc-form-field-helper {
  padding: 0;
}
.clc-form-field.clc-variant-text .clc-form-field-start {
  padding-inline-start: 0;
}
.clc-form-field.clc-variant-text .clc-form-field-end {
  padding-inline-end: 0;
}
.clc-form-field.clc-variant-filled .clc-form-field-content:before, .clc-form-field.clc-variant-text .clc-form-field-content:before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-inline-start: 50%;
  inset-inline-end: 50%;
  bottom: calc(-1 * var(--clc-border-width));
  height: calc(var(--clc-border-width) + 1px);
  border: var(--clc-input-focus-border);
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  transition: inset-inline-start var(--clc-transition), inset-inline-end var(--clc-transition), border-width var(--clc-transition);
}
.clc-form-field.clc-variant-filled .clc-form-field-content:after, .clc-form-field.clc-variant-text .clc-form-field-content:after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--clc-border-width));
  top: auto;
  height: var(--clc-border-width);
  border-bottom: var(--clc-input-border);
}
.clc-form-field.clc-variant-filled:hover .clc-form-field-content:after, .clc-form-field.clc-variant-text:hover .clc-form-field-content:after {
  border-bottom: var(--clc-input-hover-border);
}
.clc-form-field.clc-variant-filled.clc-state-disabled .clc-form-field-content:after, .clc-form-field.clc-variant-filled.clc-state-disabled:hover .clc-form-field-content:after, .clc-form-field.clc-variant-text.clc-state-disabled .clc-form-field-content:after, .clc-form-field.clc-variant-text.clc-state-disabled:hover .clc-form-field-content:after {
  border-bottom: var(--clc-input-disabled-border);
}
.clc-form-field.clc-variant-filled.clc-state-focused:not(.clc-state-disabled) .clc-form-field-content:before, .clc-form-field.clc-variant-text.clc-state-focused:not(.clc-state-disabled) .clc-form-field-content:before {
  inset-inline-start: calc(-1 * var(--clc-border-width));
  inset-inline-end: calc(-1 * var(--clc-border-width));
  border: var(--clc-input-focus-border);
  border-inline-start-width: var(--clc-border-width);
  border-inline-end-width: var(--clc-border-width);
}
.clc-form-field .clc-numeric-button {
  display: none;
}
.clc-form-field .clc-numeric:focus-within .clc-numeric-button {
  display: block;
}

.clc-form-field-label {
  position: absolute;
  pointer-events: none;
  padding: var(--clc-form-field-label-padding);
  inset-block-start: 50%;
  inset-inline-end: auto;
  border-radius: var(--clc-border-radius);
  inset-inline-start: var(--clc-form-field-label-inset-inline-start);
  max-width: calc(100% - 1.5rem);
  transform: translate(0, -50%);
  background-color: transparent;
  transition: inset-block-start var(--clc-transition), transform var(--clc-transition), color var(--clc-transition), font-size var(--clc-transition), max-width var(--clc-transition);
}
.clc-state-disabled .clc-form-field-content > .clc-form-field-label {
  color: var(--clc-input-disabled-color) !important;
}
.clc-form-field-label:last-child {
  inset-inline-end: 1.5rem;
}
.clc-textarea ~ .clc-form-field-label {
  inset-block-start: var(--clc-form-field-label-textarea-top);
  transform: translate(0, 0);
}
.clc-variant-filled .clc-textarea ~ .clc-form-field-label, .clc-variant-flat .clc-textarea ~ .clc-form-field-label {
  transform: translate(0, 0.625rem);
}
.clc-form-field:not(.clc-floating-label) .clc-form-field-label, .clc-textbox:focus ~ .clc-form-field-label, .clc-textarea:focus ~ .clc-form-field-label, .clc-numeric:focus-within ~ .clc-form-field-label, .clc-autocomplete:focus-within ~ .clc-form-field-label, .clc-textbox:not(:placeholder-shown) ~ .clc-form-field-label, :not(.clc-state-empty) ~ .clc-form-field-label, .clc-variant-filled .clc-textarea:focus ~ .clc-form-field-label, .clc-variant-flat .clc-textarea:focus ~ .clc-form-field-label, .clc-variant-filled :not(.clc-state-empty) ~ .clc-form-field-label, .clc-variant-flat :not(.clc-state-empty) ~ .clc-form-field-label, .clc-radio-button-list-vertical ~ .clc-form-field-label, .clc-radio-button-list-horizontal ~ .clc-form-field-label, .clc-checkbox-list-vertical ~ .clc-form-field-label, .clc-checkbox-list-horizontal ~ .clc-form-field-label, .clc-chkbox ~ .clc-form-field-label, .clc-state-empty:has(.clc-placeholder) ~ .clc-form-field-label {
  inset-inline-end: auto;
  inset-block-start: var(--clc-form-field-label-floating-top);
  padding-block-start: 0;
  padding-block-end: 0;
  transform: translate(0, 0);
  color: var(--clc-input-placeholder-color);
  background-color: var(--clc-form-field-label-floating-background-color);
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: calc(100% - 1.5rem);
}
.clc-form-field:not(.clc-variant-outlined):not(.clc-floating-label) .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) *:focus ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) *:focus-within ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) :not(.clc-state-empty) ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-radio-button-list-vertical ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-radio-button-list-horizontal ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-checkbox-list-vertical ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-checkbox-list-horizontal ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-chkbox ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-state-empty:has(.clc-placeholder) ~ .clc-form-field-label {
  background-color: inherit !important;
}
.invalid ~ .clc-form-field-label {
  color: var(--clc-danger) !important;
}
.clc-state-focused .clc-form-field-label, .clc-variant-filled.clc-state-focused .clc-form-field-label, .clc-variant-flat.clc-state-focused .clc-form-field-label {
  color: var(--clc-form-field-label-focus-color);
}
.clc-textbox:focus ~ .clc-form-field-label, .clc-textarea:focus ~ .clc-form-field-label, .clc-numeric:focus-within ~ .clc-form-field-label, .clc-autocomplete:focus-within ~ .clc-form-field-label {
  color: var(--clc-form-field-label-focus-color);
}
.clc-variant-filled .clc-textbox:focus ~ .clc-form-field-label, .clc-variant-flat .clc-textbox:focus ~ .clc-form-field-label, .clc-variant-filled .clc-textarea:focus ~ .clc-form-field-label, .clc-variant-flat .clc-textarea:focus ~ .clc-form-field-label, .clc-variant-filled .clc-numeric:focus-within ~ .clc-form-field-label, .clc-variant-flat .clc-numeric:focus-within ~ .clc-form-field-label, .clc-variant-filled .clc-autocomplete:focus-within ~ .clc-form-field-label, .clc-variant-flat .clc-autocomplete:focus-within ~ .clc-form-field-label {
  color: var(--clc-form-field-label-focus-color);
}

.clc-timeline {
  box-sizing: border-box;
  display: flex;
}
.clc-timeline.clc-timeline-column {
  flex-direction: column;
}
.clc-timeline.clc-timeline-column .clc-timeline-item {
  flex-direction: row;
}
.clc-timeline.clc-timeline-column .clc-timeline-content-start {
  text-align: right;
}
.clc-timeline.clc-timeline-column .clc-timeline-content-end {
  text-align: left;
}
.clc-timeline.clc-timeline-column.clc-timeline-alternate .clc-timeline-item:nth-child(even) {
  flex-direction: row-reverse;
}
.clc-timeline.clc-timeline-column.clc-timeline-alternate .clc-timeline-item:nth-child(even) .clc-timeline-content-start {
  text-align: left;
}
.clc-timeline.clc-timeline-column.clc-timeline-alternate .clc-timeline-item:nth-child(even) .clc-timeline-content-end {
  text-align: right;
}
.clc-timeline.clc-timeline-column.clc-timeline-start:not(.clc-timeline-reverse) .clc-timeline-item:before {
  left: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  right: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-start:not(.clc-timeline-reverse) .clc-timeline-content-start {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-start:not(.clc-timeline-reverse) .clc-timeline-content-end {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: start;
}
.clc-timeline.clc-timeline-column.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-item {
  flex-direction: row-reverse;
}
.clc-timeline.clc-timeline-column.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-item:before {
  right: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  left: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-content-start {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-content-end {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: end;
}
.clc-timeline.clc-timeline-column.clc-timeline-left:not(.clc-timeline-reverse) .clc-timeline-item:before {
  left: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  right: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-left:not(.clc-timeline-reverse) .clc-timeline-content-start {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-left:not(.clc-timeline-reverse) .clc-timeline-content-end {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: left;
}
.clc-timeline.clc-timeline-column.clc-timeline-right:not(.clc-timeline-reverse) .clc-timeline-item {
  flex-direction: row-reverse;
}
.clc-timeline.clc-timeline-column.clc-timeline-right:not(.clc-timeline-reverse) .clc-timeline-item:before {
  right: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  left: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-right:not(.clc-timeline-reverse) .clc-timeline-content-start {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-right:not(.clc-timeline-reverse) .clc-timeline-content-end {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: right;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse .clc-timeline-item {
  flex-direction: row-reverse;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse .clc-timeline-content-start {
  text-align: left;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse .clc-timeline-content-end {
  text-align: right;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-alternate .clc-timeline-item:nth-child(even) {
  flex-direction: row;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-alternate .clc-timeline-item:nth-child(even) .clc-timeline-content-start {
  text-align: right;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-alternate .clc-timeline-item:nth-child(even) .clc-timeline-content-end {
  text-align: left;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-start .clc-timeline-item:before {
  left: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  right: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-start .clc-timeline-content-start {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: start;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-start .clc-timeline-content-end {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-end .clc-timeline-item {
  flex-direction: row;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-end .clc-timeline-item:before {
  right: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  left: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-end .clc-timeline-content-start {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: end;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-end .clc-timeline-content-end {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-left .clc-timeline-item:before {
  left: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  right: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-left .clc-timeline-content-start {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: left;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-left .clc-timeline-content-end {
  display: none;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-right .clc-timeline-item {
  flex-direction: row;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-right .clc-timeline-item:before {
  right: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  left: auto;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-right .clc-timeline-content-start {
  max-width: calc(100% - var(--clc-timeline-axis-size));
  text-align: right;
}
.clc-timeline.clc-timeline-column.clc-timeline-reverse.clc-timeline-right .clc-timeline-content-end {
  display: none;
}
.clc-timeline.clc-timeline-row {
  flex-direction: row;
}
.clc-timeline.clc-timeline-row .clc-timeline-item {
  flex-direction: column;
  justify-content: end;
  width: 100%;
}
.clc-timeline.clc-timeline-row.clc-timeline-alternate .clc-timeline-item:nth-child(even) {
  flex-direction: column-reverse;
  justify-content: start;
}
.clc-timeline.clc-timeline-row.clc-timeline-start:not(.clc-timeline-reverse) .clc-timeline-item:before, .clc-timeline.clc-timeline-row.clc-timeline-top:not(.clc-timeline-reverse) .clc-timeline-item:before {
  top: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  bottom: auto;
}
.clc-timeline.clc-timeline-row.clc-timeline-start:not(.clc-timeline-reverse) .clc-timeline-content-start, .clc-timeline.clc-timeline-row.clc-timeline-top:not(.clc-timeline-reverse) .clc-timeline-content-start {
  display: none;
}
.clc-timeline.clc-timeline-row.clc-timeline-start:not(.clc-timeline-reverse) .clc-timeline-content-end, .clc-timeline.clc-timeline-row.clc-timeline-top:not(.clc-timeline-reverse) .clc-timeline-content-end {
  max-height: calc(100% - var(--clc-timeline-axis-size));
}
.clc-timeline.clc-timeline-row.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-item, .clc-timeline.clc-timeline-row.clc-timeline-bottom:not(.clc-timeline-reverse) .clc-timeline-item {
  flex-direction: column-reverse;
}
.clc-timeline.clc-timeline-row.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-item:before, .clc-timeline.clc-timeline-row.clc-timeline-bottom:not(.clc-timeline-reverse) .clc-timeline-item:before {
  bottom: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  top: auto;
}
.clc-timeline.clc-timeline-row.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-content-start, .clc-timeline.clc-timeline-row.clc-timeline-bottom:not(.clc-timeline-reverse) .clc-timeline-content-start {
  display: none;
}
.clc-timeline.clc-timeline-row.clc-timeline-end:not(.clc-timeline-reverse) .clc-timeline-content-end, .clc-timeline.clc-timeline-row.clc-timeline-bottom:not(.clc-timeline-reverse) .clc-timeline-content-end {
  max-height: calc(100% - var(--clc-timeline-axis-size));
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse .clc-timeline-item {
  flex-direction: column-reverse;
  justify-content: start;
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-alternate .clc-timeline-item:nth-child(even) {
  flex-direction: column;
  justify-content: end;
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-start .clc-timeline-item:before, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-top .clc-timeline-item:before {
  top: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  bottom: auto;
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-start .clc-timeline-content-start, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-top .clc-timeline-content-start {
  max-height: calc(100% - var(--clc-timeline-axis-size));
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-start .clc-timeline-content-end, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-top .clc-timeline-content-end {
  display: none;
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-end .clc-timeline-item, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-bottom .clc-timeline-item {
  flex-direction: column;
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-end .clc-timeline-item:before, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-bottom .clc-timeline-item:before {
  bottom: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-axis-size) / 2 - var(--clc-timeline-line-width) / 2);
  top: auto;
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-end .clc-timeline-content-start, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-bottom .clc-timeline-content-start {
  max-height: calc(100% - var(--clc-timeline-axis-size));
}
.clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-end .clc-timeline-content-end, .clc-timeline.clc-timeline-row.clc-timeline-reverse.clc-timeline-bottom .clc-timeline-content-end {
  display: none;
}

.clc-timeline-item {
  display: flex;
  padding: var(--clc-timeline-item-padding);
  position: relative;
}
.clc-timeline-align-items-center .clc-timeline-item {
  align-items: center;
}
.clc-timeline-align-items-normal .clc-timeline-item {
  align-items: normal;
}
.clc-timeline-align-items-start .clc-timeline-item {
  align-items: start;
}
.clc-timeline-align-items-end .clc-timeline-item {
  align-items: end;
}
.clc-timeline-align-items-stretch .clc-timeline-item {
  align-items: stretch;
}
.clc-timeline-item:before {
  content: "";
  position: absolute;
  background-color: var(--clc-timeline-line-color);
}
.clc-timeline-column .clc-timeline-item:before {
  width: var(--clc-timeline-line-width);
  top: 0;
  bottom: 0;
  left: calc(50% - var(--clc-timeline-line-width) / 2);
  right: auto;
}
.clc-timeline-column .clc-timeline-item:first-child:before {
  top: calc(50% - var(--clc-timeline-line-width) / 2);
  border-top-left-radius: var(--clc-timeline-line-border-radius);
  border-top-right-radius: var(--clc-timeline-line-border-radius);
}
.clc-timeline-column.clc-timeline-align-items-start .clc-timeline-item:first-child:before {
  top: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-column.clc-timeline-align-items-end .clc-timeline-item:first-child:before {
  top: calc(100% - var(--clc-timeline-item-padding) - var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-column .clc-timeline-item:last-child:before {
  bottom: calc(50% - var(--clc-timeline-line-width) / 2);
  border-bottom-left-radius: var(--clc-timeline-line-border-radius);
  border-bottom-right-radius: var(--clc-timeline-line-border-radius);
}
.clc-timeline-column.clc-timeline-align-items-start .clc-timeline-item:last-child:before {
  bottom: calc(100% - var(--clc-timeline-item-padding) - var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-column.clc-timeline-align-items-end .clc-timeline-item:last-child:before {
  bottom: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-row .clc-timeline-item:before {
  top: calc(50% - var(--clc-timeline-line-width) / 2);
  bottom: auto;
  left: 0;
  right: 0;
  height: var(--clc-timeline-line-width);
}
.clc-timeline-row .clc-timeline-item:first-child:before {
  left: calc(50% - var(--clc-timeline-line-width) / 2);
  border-top-left-radius: var(--clc-timeline-line-border-radius);
  border-bottom-left-radius: var(--clc-timeline-line-border-radius);
}
.clc-timeline-row.clc-timeline-align-items-start .clc-timeline-item:first-child:before {
  left: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-row.clc-timeline-align-items-end .clc-timeline-item:first-child:before {
  left: calc(100% - var(--clc-timeline-item-padding) - var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-row .clc-timeline-item:last-child:before {
  right: calc(50% - var(--clc-timeline-line-width) / 2);
  border-top-right-radius: var(--clc-timeline-line-border-radius);
  border-bottom-right-radius: var(--clc-timeline-line-border-radius);
}
.clc-timeline-row.clc-timeline-align-items-start .clc-timeline-item:last-child:before {
  right: calc(100% - var(--clc-timeline-item-padding) - var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}
.clc-timeline-row.clc-timeline-align-items-end .clc-timeline-item:last-child:before {
  right: calc(var(--clc-timeline-item-padding) + var(--clc-timeline-point-size) / 2 - var(--clc-timeline-line-width) / 2);
}

.clc-timeline-content-start {
  text-align: center;
}
.clc-timeline-column .clc-timeline-content-start {
  flex: 1 1 auto;
  max-width: calc(50% - var(--clc-timeline-axis-size) / 2);
}

.clc-timeline-content-end {
  flex: 1 1 auto;
  text-align: center;
}
.clc-timeline-column .clc-timeline-content-end {
  max-width: calc(50% - var(--clc-timeline-axis-size) / 2);
}
.clc-timeline-row .clc-timeline-content-end {
  max-height: calc(50% - var(--clc-timeline-axis-size) / 2);
}

.clc-timeline-axis {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 var(--clc-timeline-axis-size);
}
.clc-timeline-column .clc-timeline-axis {
  width: var(--clc-timeline-axis-size);
}
.clc-timeline-row .clc-timeline-axis {
  height: var(--clc-timeline-axis-size);
}

.clc-timeline-point {
  position: relative;
  display: flex;
  flex: 0 1 var(--clc-timeline-point-size);
  align-items: center;
  justify-content: center;
  height: var(--clc-timeline-point-size);
  width: var(--clc-timeline-point-size);
  border: var(--clc-timeline-point-border);
  border-radius: var(--clc-timeline-point-border-radius);
  background-color: var(--clc-timeline-point-background-color);
  color: var(--clc-timeline-point-color);
}

.clc-timeline-point-outlined {
  background-color: var(--clc-base-background-color);
  color: var(--clc-timeline-point-color);
  border-color: var(--clc-timeline-point-background-color);
}

.clc-timeline-point-flat {
  border: 0;
}

.clc-timeline-point-text {
  background-color: var(--clc-base-background-color);
  color: var(--clc-timeline-point-color);
  border: 0;
}

.clc-timeline-point-primary {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}

.clc-timeline-point-outlined.clc-timeline-point-primary {
  background-color: var(--clc-base-background-color);
  color: var(--clc-primary);
  border-color: var(--clc-primary);
}

.clc-timeline-point-text.clc-timeline-point-primary {
  background-color: var(--clc-base-background-color);
  color: var(--clc-primary);
}

.clc-timeline-point-secondary {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}

.clc-timeline-point-outlined.clc-timeline-point-secondary {
  background-color: var(--clc-base-background-color);
  color: var(--clc-secondary);
  border-color: var(--clc-secondary);
}

.clc-timeline-point-text.clc-timeline-point-secondary {
  background-color: var(--clc-base-background-color);
  color: var(--clc-secondary);
}

.clc-timeline-point-info {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}

.clc-timeline-point-outlined.clc-timeline-point-info {
  background-color: var(--clc-base-background-color);
  color: var(--clc-info);
  border-color: var(--clc-info);
}

.clc-timeline-point-text.clc-timeline-point-info {
  background-color: var(--clc-base-background-color);
  color: var(--clc-info);
}

.clc-timeline-point-warning {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}

.clc-timeline-point-outlined.clc-timeline-point-warning {
  background-color: var(--clc-base-background-color);
  color: var(--clc-warning);
  border-color: var(--clc-warning);
}

.clc-timeline-point-text.clc-timeline-point-warning {
  background-color: var(--clc-base-background-color);
  color: var(--clc-warning);
}

.clc-timeline-point-error {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}

.clc-timeline-point-outlined.clc-timeline-point-error {
  background-color: var(--clc-base-background-color);
  color: var(--clc-danger);
  border-color: var(--clc-danger);
}

.clc-timeline-point-text.clc-timeline-point-error {
  background-color: var(--clc-base-background-color);
  color: var(--clc-danger);
}

.clc-timeline-point-danger {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}

.clc-timeline-point-outlined.clc-timeline-point-danger {
  background-color: var(--clc-base-background-color);
  color: var(--clc-danger);
  border-color: var(--clc-danger);
}

.clc-timeline-point-text.clc-timeline-point-danger {
  background-color: var(--clc-base-background-color);
  color: var(--clc-danger);
}

.clc-timeline-point-success {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}

.clc-timeline-point-outlined.clc-timeline-point-success {
  background-color: var(--clc-base-background-color);
  color: var(--clc-success);
  border-color: var(--clc-success);
}

.clc-timeline-point-text.clc-timeline-point-success {
  background-color: var(--clc-base-background-color);
  color: var(--clc-success);
}

.clc-timeline-point-base {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}

.clc-timeline-point-outlined.clc-timeline-point-base {
  background-color: var(--clc-base-background-color);
  color: var(--clc-base-200);
  border-color: var(--clc-base-200);
}

.clc-timeline-point-text.clc-timeline-point-base {
  background-color: var(--clc-base-background-color);
  color: var(--clc-base-200);
}

.clc-timeline-point-light {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}

.clc-timeline-point-outlined.clc-timeline-point-light {
  background-color: var(--clc-base-background-color);
  color: var(--clc-base-200);
  border-color: var(--clc-base-200);
}

.clc-timeline-point-text.clc-timeline-point-light {
  background-color: var(--clc-base-background-color);
  color: var(--clc-base-200);
}

.clc-timeline-point-dark {
  background-color: var(--clc-base-900);
  color: var(--clc-text-contrast-color);
}

.clc-timeline-point-outlined.clc-timeline-point-dark {
  background-color: var(--clc-base-background-color);
  color: var(--clc-base-900);
  border-color: var(--clc-base-900);
}

.clc-timeline-point-text.clc-timeline-point-dark {
  background-color: var(--clc-base-background-color);
  color: var(--clc-base-900);
}

.clc-timeline-axis-lg {
  --clc-timeline-point-size: 3rem;
}
.clc-timeline-axis-lg .clci {
  font-size: 2rem;
}

.clc-timeline-axis-md {
  --clc-timeline-point-size: 1.5rem;
}
.clc-timeline-axis-md .clci {
  font-size: 1rem;
}

.clc-timeline-axis-sm {
  --clc-timeline-point-size: 1rem;
}
.clc-timeline-axis-sm .clci {
  font-size: 0.625rem;
}

.clc-timeline-axis-xs {
  --clc-timeline-point-size: 0.75rem;
}
.clc-timeline-axis-xs .clci {
  font-size: 0.5rem;
}

.clc-picklist-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  --clc-gap: 1rem;
}

.clc-picklist-source-wrapper,
.clc-picklist-target-wrapper {
  flex: 1;
  --clc-gap: 0.5rem;
  overflow: hidden;
}
.clc-picklist-source-wrapper .clc-listbox,
.clc-picklist-target-wrapper .clc-listbox {
  width: 100%;
  height: 100%;
}

.clc-picklist-buttons.clc-flex-row .clci {
  transform: rotate(90deg);
}

:root {
  /* Theme Colors */
  --clc-white: #ffffff;
  --clc-black: #000000;
  --clc-base: #dfe5ec;
  --clc-base-50: #f8fafb;
  --clc-base-100: #f3f6f9;
  --clc-base-200: #e3eaf2;
  --clc-base-300: #dfe5ec;
  --clc-base-400: #dbe0e6;
  --clc-base-500: #d7dbe0;
  --clc-base-600: #c6cbd2;
  --clc-base-700: #74787e;
  --clc-base-800: #45494f;
  --clc-base-900: #1b1d20;
  --clc-base-light: #f3f6f9;
  --clc-base-lighter: #ffffff;
  --clc-base-dark: #45494f;
  --clc-base-darker: #1b1d20;
  --clc-primary: #3481e5;
  --clc-primary-light: #bcd8ff;
  --clc-primary-lighter: rgba(0, 111, 255, 0.13);
  --clc-primary-dark: #375a8b;
  --clc-primary-darker: #00215d;
  --clc-secondary: #5b6371;
  --clc-secondary-light: #c2ccdc;
  --clc-secondary-lighter: rgba(0, 98, 255, 0.13);
  --clc-secondary-dark: #444c58;
  --clc-secondary-darker: #19202b;
  --clc-info: #085786;
  --clc-info-light: #aadaff;
  --clc-info-lighter: rgba(170, 218, 255, 0.5);
  --clc-info-dark: #086791;
  --clc-info-darker: #002d41;
  --clc-success: #3e9108;
  --clc-success-light: #c6ffaa;
  --clc-success-lighter: rgba(198, 255, 170, 0.5);
  --clc-success-dark: #479108;
  --clc-success-darker: #1e4100;
  --clc-warning: #e8e971;
  --clc-warning-light: #f9ffaa;
  --clc-warning-lighter: rgba(249, 255, 170, 0.5);
  --clc-warning-dark: #918908;
  --clc-warning-darker: #413d00;
  --clc-danger: #d35153;
  --clc-danger-light: #ffaeaa;
  --clc-danger-lighter: rgba(255, 174, 170, 0.5);
  --clc-danger-dark: #910813;
  --clc-danger-darker: #410005;
  --clc-on-base: #1b1d20;
  --clc-on-base-light: #1b1d20;
  --clc-on-base-lighter: #1b1d20;
  --clc-on-base-dark: #ffffff;
  --clc-on-base-darker: #f8fafb;
  --clc-on-primary: #ffffff;
  --clc-on-primary-light: #00215d;
  --clc-on-primary-lighter: #00215d;
  --clc-on-primary-dark: #ffffff;
  --clc-on-primary-darker: #bcd8ff;
  --clc-on-secondary: #ffffff;
  --clc-on-secondary-light: #19202b;
  --clc-on-secondary-lighter: #19202b;
  --clc-on-secondary-dark: #ffffff;
  --clc-on-secondary-darker: #c2ccdc;
  --clc-on-info: #ffffff;
  --clc-on-info-light: #002d41;
  --clc-on-info-lighter: #086791;
  --clc-on-info-dark: #ffffff;
  --clc-on-info-darker: #aadaff;
  --clc-on-success: #ffffff;
  --clc-on-success-light: #1e4100;
  --clc-on-success-lighter: #1e4100;
  --clc-on-success-dark: #ffffff;
  --clc-on-success-darker: #c6ffaa;
  --clc-on-warning: #1b1d20;
  --clc-on-warning-light: #413d00;
  --clc-on-warning-lighter: #413d00;
  --clc-on-warning-dark: #ffffff;
  --clc-on-warning-darker: #f9ffaa;
  --clc-on-danger: #ffffff;
  --clc-on-danger-light: #410005;
  --clc-on-danger-lighter: #410005;
  --clc-on-danger-dark: #ffffff;
  --clc-on-danger-darker: #ffaeaa;
  --clc-series-1: #75abf0;
  --clc-series-2: #9c75f0;
  --clc-series-3: #f075e8;
  --clc-series-4: #f0758c;
  --clc-series-5: #f0ba75;
  --clc-series-6: #c9f075;
  --clc-series-7: #75f07d;
  --clc-series-8: #75f0d9;
  --clc-series-9: #478eeb;
  --clc-series-10: #7b47eb;
  --clc-series-11: #eb47e0;
  --clc-series-12: #eb4766;
  --clc-series-13: #eba447;
  --clc-series-14: #b7eb47;
  --clc-series-15: #47eb52;
  --clc-series-16: #47ebcc;
  --clc-series-17: #3d72b8;
  --clc-series-18: #643db8;
  --clc-series-19: #b83db0;
  --clc-series-20: #b83d54;
  --clc-series-21: #b8823d;
  --clc-series-22: #91b83d;
  --clc-series-23: #3db845;
  --clc-series-24: #3db8a1;
  /* Theme Constants */
  --clc-border-width: 1px;
  --clc-root-font-size: 16px;
  --clc-body-font-size: 1rem;
  --clc-body-line-height: 1.5;
  --clc-body-background-color: var(--clc-base-100);
  --clc-text-font-family: Roboto, sans-serif;
  --clc-outline-offset: 2px;
  --clc-outline-width: 2px;
  --clc-outline-color: var(--clc-primary);
  /* Semantic Text */
  --clc-text-title-color: var(--clc-base-900);
  --clc-text-color: var(--clc-base-900);
  --clc-text-secondary-color: var(--clc-base-800);
  --clc-text-tertiary-color: var(--clc-base-700);
  --clc-text-disabled-color: var(--clc-base-600);
  --clc-text-contrast-color: var(--clc-white);
  /* Text */
  --clc-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
  --clc-text-display-h1-line-height: normal;
  --clc-text-display-h1-font-weight: 400;
  --clc-text-display-h1-letter-spacing: -1.5px;
  --clc-text-display-h1-color: var(--clc-text-title-color);
  --clc-text-display-h1-margin-block-start: 0;
  --clc-text-display-h1-margin-block-end: 1rem;
  --clc-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem);
  --clc-text-display-h2-line-height: normal;
  --clc-text-display-h2-font-weight: 400;
  --clc-text-display-h2-letter-spacing: -0.5px;
  --clc-text-display-h2-color: var(--clc-text-title-color);
  --clc-text-display-h2-margin-block-start: 0;
  --clc-text-display-h2-margin-block-end: 1rem;
  --clc-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
  --clc-text-display-h3-line-height: normal;
  --clc-text-display-h3-font-weight: 400;
  --clc-text-display-h3-letter-spacing: 0;
  --clc-text-display-h3-color: var(--clc-text-title-color);
  --clc-text-display-h3-margin-block-start: 0;
  --clc-text-display-h3-margin-block-end: 0.75rem;
  --clc-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
  --clc-text-display-h4-line-height: normal;
  --clc-text-display-h4-font-weight: 400;
  --clc-text-display-h4-letter-spacing: 0.25px;
  --clc-text-display-h4-color: var(--clc-text-title-color);
  --clc-text-display-h4-margin-block-start: 0;
  --clc-text-display-h4-margin-block-end: 0.5rem;
  --clc-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
  --clc-text-display-h5-line-height: normal;
  --clc-text-display-h5-font-weight: 400;
  --clc-text-display-h5-letter-spacing: 0;
  --clc-text-display-h5-color: var(--clc-text-title-color);
  --clc-text-display-h5-margin-block-start: 0;
  --clc-text-display-h5-margin-block-end: 0.5rem;
  --clc-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem);
  --clc-text-display-h6-line-height: normal;
  --clc-text-display-h6-font-weight: 500;
  --clc-text-display-h6-letter-spacing: 0.15px;
  --clc-text-display-h6-color: var(--clc-text-title-color);
  --clc-text-display-h6-margin-block-start: 0;
  --clc-text-display-h6-margin-block-end: 0.5rem;
  --clc-text-h1-font-size: clamp(3rem, 4.167vw, 3.5625rem);
  --clc-text-h1-line-height: normal;
  --clc-text-h1-font-weight: 400;
  --clc-text-h1-letter-spacing: -0.5px;
  --clc-text-h1-color: var(--clc-text-title-color);
  --clc-text-h1-margin-block-start: 0;
  --clc-text-h1-margin-block-end: 1rem;
  --clc-text-h2-font-size: clamp(2.25rem, 3.333vw, 2.8125rem);
  --clc-text-h2-line-height: normal;
  --clc-text-h2-font-weight: 400;
  --clc-text-h2-letter-spacing: 0;
  --clc-text-h2-color: var(--clc-text-title-color);
  --clc-text-h2-margin-block-start: 0;
  --clc-text-h2-margin-block-end: 1rem;
  --clc-text-h3-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
  --clc-text-h3-line-height: normal;
  --clc-text-h3-font-weight: 400;
  --clc-text-h3-letter-spacing: 0;
  --clc-text-h3-color: var(--clc-text-title-color);
  --clc-text-h3-margin-block-start: 0;
  --clc-text-h3-margin-block-end: 0.75rem;
  --clc-text-h4-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
  --clc-text-h4-line-height: normal;
  --clc-text-h4-font-weight: 400;
  --clc-text-h4-letter-spacing: 0.15px;
  --clc-text-h4-color: var(--clc-text-title-color);
  --clc-text-h4-margin-block-start: 0;
  --clc-text-h4-margin-block-end: 0.5rem;
  --clc-text-h5-font-size: clamp(1rem, 1.389vw, 1.25rem);
  --clc-text-h5-line-height: normal;
  --clc-text-h5-font-weight: 500;
  --clc-text-h5-letter-spacing: 0.15px;
  --clc-text-h5-color: var(--clc-text-title-color);
  --clc-text-h5-margin-block-start: 0;
  --clc-text-h5-margin-block-end: 0.5rem;
  --clc-text-h6-font-size: clamp(0.875rem, 1.389vw, 1rem);
  --clc-text-h6-line-height: normal;
  --clc-text-h6-font-weight: 500;
  --clc-text-h6-letter-spacing: 0.1px;
  --clc-text-h6-color: var(--clc-text-title-color);
  --clc-text-h6-margin-block-start: 0;
  --clc-text-h6-margin-block-end: 0.5rem;
  --clc-text-subtitle1-font-size: 1rem;
  --clc-text-subtitle1-line-height: 1.5;
  --clc-text-subtitle1-font-weight: 400;
  --clc-text-subtitle1-letter-spacing: 0.15px;
  --clc-text-subtitle1-color: var(--clc-text-title-color);
  --clc-text-subtitle1-margin-block-start: 0;
  --clc-text-subtitle1-margin-block-end: 0.5rem;
  --clc-text-subtitle2-font-size: 0.875rem;
  --clc-text-subtitle2-line-height: 1.5;
  --clc-text-subtitle2-font-weight: 500;
  --clc-text-subtitle2-letter-spacing: 0.1px;
  --clc-text-subtitle2-color: var(--clc-text-title-color);
  --clc-text-subtitle2-margin-block-start: 0;
  --clc-text-subtitle2-margin-block-end: 0.5rem;
  --clc-text-body1-font-size: 1rem;
  --clc-text-body1-line-height: 1.5;
  --clc-text-body1-font-weight: 400;
  --clc-text-body1-letter-spacing: 0.5px;
  --clc-text-body1-color: var(--clc-text-color);
  --clc-text-body1-margin-block-start: 0;
  --clc-text-body1-margin-block-end: 0.5rem;
  --clc-text-body2-font-size: 0.875rem;
  --clc-text-body2-line-height: 1.5;
  --clc-text-body2-font-weight: 400;
  --clc-text-body2-letter-spacing: 0.25px;
  --clc-text-body2-color: var(--clc-text-color);
  --clc-text-body2-margin-block-start: 0;
  --clc-text-body2-margin-block-end: 0.5rem;
  --clc-text-button-font-size: 0.875rem;
  --clc-text-button-line-height: normal;
  --clc-text-button-font-weight: 500;
  --clc-text-button-letter-spacing: 1.25px;
  --clc-text-button-text-transform: uppercase;
  --clc-text-button-color: var(--clc-text-color);
  --clc-text-button-margin-block-start: 0;
  --clc-text-button-margin-block-end: 0.5rem;
  --clc-text-caption-font-size: 0.75rem;
  --clc-text-caption-line-height: normal;
  --clc-text-caption-font-weight: 400;
  --clc-text-caption-letter-spacing: 0.4px;
  --clc-text-caption-color: var(--clc-text-color);
  --clc-text-caption-margin-block-start: 0;
  --clc-text-caption-margin-block-end: 0.5rem;
  --clc-text-overline-font-size: 0.625rem;
  --clc-text-overline-line-height: normal;
  --clc-text-overline-font-weight: 400;
  --clc-text-overline-letter-spacing: 1.5px;
  --clc-text-overline-text-transform: uppercase;
  --clc-text-overline-color: var(--clc-text-color);
  --clc-text-overline-margin-block-start: 0;
  --clc-text-overline-margin-block-end: 0.5rem;
  --clc-text-selection-background-color: var(--clc-primary-light);
  --clc-text-selection-color: var(--clc-on-primary-light);
  /* Link */
  --clc-link-color: var(--clc-primary);
  --clc-link-text-decoration: none;
  --clc-link-hover-color: var(--clc-primary-dark);
  --clc-link-hover-text-decoration: underline;
  --clc-link-focus-outline: var(--clc-outline-focus);
  --clc-link-focus-outline-offset: var(--clc-outline-offset);
  /* Base Background */
  --clc-base-background-color: var(--clc-base-50);
  /* Border */
  --clc-border-white: var(--clc-border-width) solid var(--clc-white);
  --clc-border-black: var(--clc-border-width) solid var(--clc-black);
  --clc-border-base: var(--clc-border-width) solid var(--clc-base);
  --clc-border-base-50: var(--clc-border-width) solid var(--clc-base-50);
  --clc-border-base-100: var(--clc-border-width) solid var(--clc-base-100);
  --clc-border-base-200: var(--clc-border-width) solid var(--clc-base-200);
  --clc-border-base-300: var(--clc-border-width) solid var(--clc-base-300);
  --clc-border-base-400: var(--clc-border-width) solid var(--clc-base-400);
  --clc-border-base-500: var(--clc-border-width) solid var(--clc-base-500);
  --clc-border-base-600: var(--clc-border-width) solid var(--clc-base-600);
  --clc-border-base-700: var(--clc-border-width) solid var(--clc-base-700);
  --clc-border-base-800: var(--clc-border-width) solid var(--clc-base-800);
  --clc-border-base-900: var(--clc-border-width) solid var(--clc-base-900);
  --clc-border-base-light: var(--clc-border-width) solid var(--clc-base-light);
  --clc-border-base-lighter: var(--clc-border-width) solid var(--clc-base-lighter);
  --clc-border-base-dark: var(--clc-border-width) solid var(--clc-base-dark);
  --clc-border-base-darker: var(--clc-border-width) solid var(--clc-base-darker);
  --clc-border-primary: var(--clc-border-width) solid var(--clc-primary);
  --clc-border-primary-light: var(--clc-border-width) solid var(--clc-primary-light);
  --clc-border-primary-lighter: var(--clc-border-width) solid var(--clc-primary-lighter);
  --clc-border-primary-dark: var(--clc-border-width) solid var(--clc-primary-dark);
  --clc-border-primary-darker: var(--clc-border-width) solid var(--clc-primary-darker);
  --clc-border-secondary: var(--clc-border-width) solid var(--clc-secondary);
  --clc-border-secondary-light: var(--clc-border-width) solid var(--clc-secondary-light);
  --clc-border-secondary-lighter: var(--clc-border-width) solid var(--clc-secondary-lighter);
  --clc-border-secondary-dark: var(--clc-border-width) solid var(--clc-secondary-dark);
  --clc-border-secondary-darker: var(--clc-border-width) solid var(--clc-secondary-darker);
  --clc-border-info: var(--clc-border-width) solid var(--clc-info);
  --clc-border-info-light: var(--clc-border-width) solid var(--clc-info-light);
  --clc-border-info-lighter: var(--clc-border-width) solid var(--clc-info-lighter);
  --clc-border-info-dark: var(--clc-border-width) solid var(--clc-info-dark);
  --clc-border-info-darker: var(--clc-border-width) solid var(--clc-info-darker);
  --clc-border-success: var(--clc-border-width) solid var(--clc-success);
  --clc-border-success-light: var(--clc-border-width) solid var(--clc-success-light);
  --clc-border-success-lighter: var(--clc-border-width) solid var(--clc-success-lighter);
  --clc-border-success-dark: var(--clc-border-width) solid var(--clc-success-dark);
  --clc-border-success-darker: var(--clc-border-width) solid var(--clc-success-darker);
  --clc-border-warning: var(--clc-border-width) solid var(--clc-warning);
  --clc-border-warning-light: var(--clc-border-width) solid var(--clc-warning-light);
  --clc-border-warning-lighter: var(--clc-border-width) solid var(--clc-warning-lighter);
  --clc-border-warning-dark: var(--clc-border-width) solid var(--clc-warning-dark);
  --clc-border-warning-darker: var(--clc-border-width) solid var(--clc-warning-darker);
  --clc-border-danger: var(--clc-border-width) solid var(--clc-danger);
  --clc-border-danger-light: var(--clc-border-width) solid var(--clc-danger-light);
  --clc-border-danger-lighter: var(--clc-border-width) solid var(--clc-danger-lighter);
  --clc-border-danger-dark: var(--clc-border-width) solid var(--clc-danger-dark);
  --clc-border-danger-darker: var(--clc-border-width) solid var(--clc-danger-darker);
  --clc-border-on-base: var(--clc-border-width) solid var(--clc-on-base);
  --clc-border-on-base-light: var(--clc-border-width) solid var(--clc-on-base-light);
  --clc-border-on-base-lighter: var(--clc-border-width) solid var(--clc-on-base-lighter);
  --clc-border-on-base-dark: var(--clc-border-width) solid var(--clc-on-base-dark);
  --clc-border-on-base-darker: var(--clc-border-width) solid var(--clc-on-base-darker);
  --clc-border-on-primary: var(--clc-border-width) solid var(--clc-on-primary);
  --clc-border-on-primary-light: var(--clc-border-width) solid var(--clc-on-primary-light);
  --clc-border-on-primary-lighter: var(--clc-border-width) solid var(--clc-on-primary-lighter);
  --clc-border-on-primary-dark: var(--clc-border-width) solid var(--clc-on-primary-dark);
  --clc-border-on-primary-darker: var(--clc-border-width) solid var(--clc-on-primary-darker);
  --clc-border-on-secondary: var(--clc-border-width) solid var(--clc-on-secondary);
  --clc-border-on-secondary-light: var(--clc-border-width) solid var(--clc-on-secondary-light);
  --clc-border-on-secondary-lighter: var(--clc-border-width) solid var(--clc-on-secondary-lighter);
  --clc-border-on-secondary-dark: var(--clc-border-width) solid var(--clc-on-secondary-dark);
  --clc-border-on-secondary-darker: var(--clc-border-width) solid var(--clc-on-secondary-darker);
  --clc-border-on-info: var(--clc-border-width) solid var(--clc-on-info);
  --clc-border-on-info-light: var(--clc-border-width) solid var(--clc-on-info-light);
  --clc-border-on-info-lighter: var(--clc-border-width) solid var(--clc-on-info-lighter);
  --clc-border-on-info-dark: var(--clc-border-width) solid var(--clc-on-info-dark);
  --clc-border-on-info-darker: var(--clc-border-width) solid var(--clc-on-info-darker);
  --clc-border-on-success: var(--clc-border-width) solid var(--clc-on-success);
  --clc-border-on-success-light: var(--clc-border-width) solid var(--clc-on-success-light);
  --clc-border-on-success-lighter: var(--clc-border-width) solid var(--clc-on-success-lighter);
  --clc-border-on-success-dark: var(--clc-border-width) solid var(--clc-on-success-dark);
  --clc-border-on-success-darker: var(--clc-border-width) solid var(--clc-on-success-darker);
  --clc-border-on-warning: var(--clc-border-width) solid var(--clc-on-warning);
  --clc-border-on-warning-light: var(--clc-border-width) solid var(--clc-on-warning-light);
  --clc-border-on-warning-lighter: var(--clc-border-width) solid var(--clc-on-warning-lighter);
  --clc-border-on-warning-dark: var(--clc-border-width) solid var(--clc-on-warning-dark);
  --clc-border-on-warning-darker: var(--clc-border-width) solid var(--clc-on-warning-darker);
  --clc-border-on-danger: var(--clc-border-width) solid var(--clc-on-danger);
  --clc-border-on-danger-light: var(--clc-border-width) solid var(--clc-on-danger-light);
  --clc-border-on-danger-lighter: var(--clc-border-width) solid var(--clc-on-danger-lighter);
  --clc-border-on-danger-dark: var(--clc-border-width) solid var(--clc-on-danger-dark);
  --clc-border-on-danger-darker: var(--clc-border-width) solid var(--clc-on-danger-darker);
  --clc-border-series-1: var(--clc-border-width) solid var(--clc-series-1);
  --clc-border-series-2: var(--clc-border-width) solid var(--clc-series-2);
  --clc-border-series-3: var(--clc-border-width) solid var(--clc-series-3);
  --clc-border-series-4: var(--clc-border-width) solid var(--clc-series-4);
  --clc-border-series-5: var(--clc-border-width) solid var(--clc-series-5);
  --clc-border-series-6: var(--clc-border-width) solid var(--clc-series-6);
  --clc-border-series-7: var(--clc-border-width) solid var(--clc-series-7);
  --clc-border-series-8: var(--clc-border-width) solid var(--clc-series-8);
  --clc-border-series-9: var(--clc-border-width) solid var(--clc-series-9);
  --clc-border-series-10: var(--clc-border-width) solid var(--clc-series-10);
  --clc-border-series-11: var(--clc-border-width) solid var(--clc-series-11);
  --clc-border-series-12: var(--clc-border-width) solid var(--clc-series-12);
  --clc-border-series-13: var(--clc-border-width) solid var(--clc-series-13);
  --clc-border-series-14: var(--clc-border-width) solid var(--clc-series-14);
  --clc-border-series-15: var(--clc-border-width) solid var(--clc-series-15);
  --clc-border-series-16: var(--clc-border-width) solid var(--clc-series-16);
  --clc-border-series-17: var(--clc-border-width) solid var(--clc-series-17);
  --clc-border-series-18: var(--clc-border-width) solid var(--clc-series-18);
  --clc-border-series-19: var(--clc-border-width) solid var(--clc-series-19);
  --clc-border-series-20: var(--clc-border-width) solid var(--clc-series-20);
  --clc-border-series-21: var(--clc-border-width) solid var(--clc-series-21);
  --clc-border-series-22: var(--clc-border-width) solid var(--clc-series-22);
  --clc-border-series-23: var(--clc-border-width) solid var(--clc-series-23);
  --clc-border-series-24: var(--clc-border-width) solid var(--clc-series-24);
  /* Interaction State Border */
  --clc-border-normal: var(--clc-border-width) solid var(--clc-base-600);
  --clc-border-hover: var(--clc-border-width) solid var(--clc-base-700);
  --clc-border-focus: var(--clc-border-width) solid var(--clc-primary);
  --clc-border-disabled: var(--clc-border-width) solid var(--clc-base-400);
  /* Border Radius */
  --clc-border-radius: 4px;
  --clc-border-radius-0: 0;
  --clc-border-radius-1: 0.25rem;
  --clc-border-radius-2: 0.5rem;
  --clc-border-radius-3: 0.75rem;
  --clc-border-radius-4: 1rem;
  --clc-border-radius-5: 1.25rem;
  --clc-border-radius-6: 1.5rem;
  --clc-border-radius-7: 1.75rem;
  --clc-border-radius-8: 2rem;
  --clc-border-radius-9: 2.25rem;
  --clc-border-radius-10: 2.5rem;
  /* Outline */
  --clc-outline-white: var(--clc-outline-width) solid var(--clc-white);
  --clc-outline-black: var(--clc-outline-width) solid var(--clc-black);
  --clc-outline-base: var(--clc-outline-width) solid var(--clc-base);
  --clc-outline-base-50: var(--clc-outline-width) solid var(--clc-base-50);
  --clc-outline-base-100: var(--clc-outline-width) solid var(--clc-base-100);
  --clc-outline-base-200: var(--clc-outline-width) solid var(--clc-base-200);
  --clc-outline-base-300: var(--clc-outline-width) solid var(--clc-base-300);
  --clc-outline-base-400: var(--clc-outline-width) solid var(--clc-base-400);
  --clc-outline-base-500: var(--clc-outline-width) solid var(--clc-base-500);
  --clc-outline-base-600: var(--clc-outline-width) solid var(--clc-base-600);
  --clc-outline-base-700: var(--clc-outline-width) solid var(--clc-base-700);
  --clc-outline-base-800: var(--clc-outline-width) solid var(--clc-base-800);
  --clc-outline-base-900: var(--clc-outline-width) solid var(--clc-base-900);
  --clc-outline-base-light: var(--clc-outline-width) solid var(--clc-base-light);
  --clc-outline-base-lighter: var(--clc-outline-width) solid var(--clc-base-lighter);
  --clc-outline-base-dark: var(--clc-outline-width) solid var(--clc-base-dark);
  --clc-outline-base-darker: var(--clc-outline-width) solid var(--clc-base-darker);
  --clc-outline-primary: var(--clc-outline-width) solid var(--clc-primary);
  --clc-outline-primary-light: var(--clc-outline-width) solid var(--clc-primary-light);
  --clc-outline-primary-lighter: var(--clc-outline-width) solid var(--clc-primary-lighter);
  --clc-outline-primary-dark: var(--clc-outline-width) solid var(--clc-primary-dark);
  --clc-outline-primary-darker: var(--clc-outline-width) solid var(--clc-primary-darker);
  --clc-outline-secondary: var(--clc-outline-width) solid var(--clc-secondary);
  --clc-outline-secondary-light: var(--clc-outline-width) solid var(--clc-secondary-light);
  --clc-outline-secondary-lighter: var(--clc-outline-width) solid var(--clc-secondary-lighter);
  --clc-outline-secondary-dark: var(--clc-outline-width) solid var(--clc-secondary-dark);
  --clc-outline-secondary-darker: var(--clc-outline-width) solid var(--clc-secondary-darker);
  --clc-outline-info: var(--clc-outline-width) solid var(--clc-info);
  --clc-outline-info-light: var(--clc-outline-width) solid var(--clc-info-light);
  --clc-outline-info-lighter: var(--clc-outline-width) solid var(--clc-info-lighter);
  --clc-outline-info-dark: var(--clc-outline-width) solid var(--clc-info-dark);
  --clc-outline-info-darker: var(--clc-outline-width) solid var(--clc-info-darker);
  --clc-outline-success: var(--clc-outline-width) solid var(--clc-success);
  --clc-outline-success-light: var(--clc-outline-width) solid var(--clc-success-light);
  --clc-outline-success-lighter: var(--clc-outline-width) solid var(--clc-success-lighter);
  --clc-outline-success-dark: var(--clc-outline-width) solid var(--clc-success-dark);
  --clc-outline-success-darker: var(--clc-outline-width) solid var(--clc-success-darker);
  --clc-outline-warning: var(--clc-outline-width) solid var(--clc-warning);
  --clc-outline-warning-light: var(--clc-outline-width) solid var(--clc-warning-light);
  --clc-outline-warning-lighter: var(--clc-outline-width) solid var(--clc-warning-lighter);
  --clc-outline-warning-dark: var(--clc-outline-width) solid var(--clc-warning-dark);
  --clc-outline-warning-darker: var(--clc-outline-width) solid var(--clc-warning-darker);
  --clc-outline-danger: var(--clc-outline-width) solid var(--clc-danger);
  --clc-outline-danger-light: var(--clc-outline-width) solid var(--clc-danger-light);
  --clc-outline-danger-lighter: var(--clc-outline-width) solid var(--clc-danger-lighter);
  --clc-outline-danger-dark: var(--clc-outline-width) solid var(--clc-danger-dark);
  --clc-outline-danger-darker: var(--clc-outline-width) solid var(--clc-danger-darker);
  --clc-outline-on-base: var(--clc-outline-width) solid var(--clc-on-base);
  --clc-outline-on-base-light: var(--clc-outline-width) solid var(--clc-on-base-light);
  --clc-outline-on-base-lighter: var(--clc-outline-width) solid var(--clc-on-base-lighter);
  --clc-outline-on-base-dark: var(--clc-outline-width) solid var(--clc-on-base-dark);
  --clc-outline-on-base-darker: var(--clc-outline-width) solid var(--clc-on-base-darker);
  --clc-outline-on-primary: var(--clc-outline-width) solid var(--clc-on-primary);
  --clc-outline-on-primary-light: var(--clc-outline-width) solid var(--clc-on-primary-light);
  --clc-outline-on-primary-lighter: var(--clc-outline-width) solid var(--clc-on-primary-lighter);
  --clc-outline-on-primary-dark: var(--clc-outline-width) solid var(--clc-on-primary-dark);
  --clc-outline-on-primary-darker: var(--clc-outline-width) solid var(--clc-on-primary-darker);
  --clc-outline-on-secondary: var(--clc-outline-width) solid var(--clc-on-secondary);
  --clc-outline-on-secondary-light: var(--clc-outline-width) solid var(--clc-on-secondary-light);
  --clc-outline-on-secondary-lighter: var(--clc-outline-width) solid var(--clc-on-secondary-lighter);
  --clc-outline-on-secondary-dark: var(--clc-outline-width) solid var(--clc-on-secondary-dark);
  --clc-outline-on-secondary-darker: var(--clc-outline-width) solid var(--clc-on-secondary-darker);
  --clc-outline-on-info: var(--clc-outline-width) solid var(--clc-on-info);
  --clc-outline-on-info-light: var(--clc-outline-width) solid var(--clc-on-info-light);
  --clc-outline-on-info-lighter: var(--clc-outline-width) solid var(--clc-on-info-lighter);
  --clc-outline-on-info-dark: var(--clc-outline-width) solid var(--clc-on-info-dark);
  --clc-outline-on-info-darker: var(--clc-outline-width) solid var(--clc-on-info-darker);
  --clc-outline-on-success: var(--clc-outline-width) solid var(--clc-on-success);
  --clc-outline-on-success-light: var(--clc-outline-width) solid var(--clc-on-success-light);
  --clc-outline-on-success-lighter: var(--clc-outline-width) solid var(--clc-on-success-lighter);
  --clc-outline-on-success-dark: var(--clc-outline-width) solid var(--clc-on-success-dark);
  --clc-outline-on-success-darker: var(--clc-outline-width) solid var(--clc-on-success-darker);
  --clc-outline-on-warning: var(--clc-outline-width) solid var(--clc-on-warning);
  --clc-outline-on-warning-light: var(--clc-outline-width) solid var(--clc-on-warning-light);
  --clc-outline-on-warning-lighter: var(--clc-outline-width) solid var(--clc-on-warning-lighter);
  --clc-outline-on-warning-dark: var(--clc-outline-width) solid var(--clc-on-warning-dark);
  --clc-outline-on-warning-darker: var(--clc-outline-width) solid var(--clc-on-warning-darker);
  --clc-outline-on-danger: var(--clc-outline-width) solid var(--clc-on-danger);
  --clc-outline-on-danger-light: var(--clc-outline-width) solid var(--clc-on-danger-light);
  --clc-outline-on-danger-lighter: var(--clc-outline-width) solid var(--clc-on-danger-lighter);
  --clc-outline-on-danger-dark: var(--clc-outline-width) solid var(--clc-on-danger-dark);
  --clc-outline-on-danger-darker: var(--clc-outline-width) solid var(--clc-on-danger-darker);
  --clc-outline-series-1: var(--clc-outline-width) solid var(--clc-series-1);
  --clc-outline-series-2: var(--clc-outline-width) solid var(--clc-series-2);
  --clc-outline-series-3: var(--clc-outline-width) solid var(--clc-series-3);
  --clc-outline-series-4: var(--clc-outline-width) solid var(--clc-series-4);
  --clc-outline-series-5: var(--clc-outline-width) solid var(--clc-series-5);
  --clc-outline-series-6: var(--clc-outline-width) solid var(--clc-series-6);
  --clc-outline-series-7: var(--clc-outline-width) solid var(--clc-series-7);
  --clc-outline-series-8: var(--clc-outline-width) solid var(--clc-series-8);
  --clc-outline-series-9: var(--clc-outline-width) solid var(--clc-series-9);
  --clc-outline-series-10: var(--clc-outline-width) solid var(--clc-series-10);
  --clc-outline-series-11: var(--clc-outline-width) solid var(--clc-series-11);
  --clc-outline-series-12: var(--clc-outline-width) solid var(--clc-series-12);
  --clc-outline-series-13: var(--clc-outline-width) solid var(--clc-series-13);
  --clc-outline-series-14: var(--clc-outline-width) solid var(--clc-series-14);
  --clc-outline-series-15: var(--clc-outline-width) solid var(--clc-series-15);
  --clc-outline-series-16: var(--clc-outline-width) solid var(--clc-series-16);
  --clc-outline-series-17: var(--clc-outline-width) solid var(--clc-series-17);
  --clc-outline-series-18: var(--clc-outline-width) solid var(--clc-series-18);
  --clc-outline-series-19: var(--clc-outline-width) solid var(--clc-series-19);
  --clc-outline-series-20: var(--clc-outline-width) solid var(--clc-series-20);
  --clc-outline-series-21: var(--clc-outline-width) solid var(--clc-series-21);
  --clc-outline-series-22: var(--clc-outline-width) solid var(--clc-series-22);
  --clc-outline-series-23: var(--clc-outline-width) solid var(--clc-series-23);
  --clc-outline-series-24: var(--clc-outline-width) solid var(--clc-series-24);
  /* Interaction State Outline */
  --clc-outline-normal: none;
  --clc-outline-focus: var(--clc-outline-width) solid var(--clc-outline-color);
  /* Shadow */
  --clc-shadow-0: none;
  --clc-shadow-1: 0px 1px 2px rgba(69, 73, 79, 0.3), 0px 1px 3px 1px rgba(69, 73, 79, 0.15);
  --clc-shadow-2: 0px 1px 2px rgba(69, 73, 79, 0.3), 0px 2px 6px 2px rgba(69, 73, 79, 0.15);
  --clc-shadow-3: 0px 4px 8px 3px rgba(69, 73, 79, 0.15), 0px 1px 3px rgba(69, 73, 79, 0.3);
  --clc-shadow-4: 0px 6px 10px 4px rgba(69, 73, 79, 0.15), 0px 2px 3px rgba(69, 73, 79, 0.3);
  --clc-shadow-5: 0px 8px 12px 6px rgba(69, 73, 79, 0.15), 0px 4px 4px rgba(69, 73, 79, 0.3);
  --clc-shadow-6: 0px 12px 16px 6px rgba(69, 73, 79, 0.15), 0px 4px 6px rgba(69, 73, 79, 0.3);
  --clc-shadow-7: 0px 16px 20px 6px rgba(69, 73, 79, 0.15), 0px 6px 6px rgba(69, 73, 79, 0.3);
  --clc-shadow-8: 0px 20px 24px 6px rgba(69, 73, 79, 0.15), 0px 6px 8px rgba(69, 73, 79, 0.3);
  --clc-shadow-9: 0px 24px 28px 6px rgba(69, 73, 79, 0.15), 0px 8px 8px rgba(69, 73, 79, 0.3);
  --clc-shadow-10: 0px 28px 32px 6px rgba(69, 73, 79, 0.15), 0px 8px 10px rgba(69, 73, 79, 0.3);
  /* Transition */
  --clc-transition: 0.1s linear;
  --clc-transition-all: all 0.1s linear;
  /* Layout Body */
  --clc-layout-body-margin: 0 0.75rem 0.75rem;
  --clc-layout-body-padding: 1rem;
  --clc-layout-body-border-radius: calc(var(--clc-border-radius) * 4);
  --clc-layout-body-background-color: var(--clc-white);
  /* Accordion */
  --clc-accordion-item-padding-block: 1rem;
  --clc-accordion-item-padding-inline: 1rem;
  --clc-accordion-item-margin: 0;
  --clc-accordion-item-border: var(--clc-border-base-200);
  --clc-accordion-item-background-color: var(--clc-base-background-color);
  --clc-accordion-item-color: var(--clc-text-secondary-color);
  --clc-accordion-item-focus-outline: var(--clc-outline-focus);
  --clc-accordion-item-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-accordion-item-line-height: 1.5rem;
  --clc-accordion-item-font-size: var(--clc-body-font-size);
  --clc-accordion-item-font-weight: 500;
  --clc-accordion-icon-width: var(--clc-icon-size);
  --clc-accordion-icon-height: var(--clc-icon-size);
  --clc-accordion-icon-font-size: var(--clc-icon-size);
  --clc-accordion-icon-margin-inline: 0 0.75rem;
  --clc-accordion-toggle-icon-margin-inline: 0.75rem 0;
  --clc-accordion-toggle-icon-order: 1;
  --clc-accordion-selected-color: var(--clc-text-title-color);
  --clc-accordion-hover-color: var(--clc-text-title-color);
  --clc-accordion-content-padding-inline: 1rem;
  --clc-accordion-content-padding-block: 1rem;
  --clc-accordion-content-font-size: var(--clc-body-font-size);
  --clc-accordion-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-accordion-shadow: var(--clc-shadow-1);
  /* Alert */
  --clc-alert-margin: 0.5rem 0;
  --clc-alert-padding: 1rem;
  --clc-alert-gap: 1rem;
  --clc-alert-color: var(--clc-text-color);
  --clc-alert-background-color: var(--clc-base-200);
  --clc-alert-box-shadow: var(--clc-shadow-1);
  --clc-alert-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-alert-message-margin: 0.125rem 0;
  --clc-alert-title-color: var(--clc-text-h6-color);
  --clc-alert-icon-color: var(--clc-alert-color);
  --clc-alert-icon-margin: 0.125rem 0;
  --clc-alert-icon-size: var(--clc-icon-size);
  /* Badge */
  --clc-badge-border-radius: var(--clc-border-radius);
  --clc-badge-pill-border-radius: calc(4 * var(--clc-border-radius));
  --clc-badge-padding: 0 0.25rem;
  --clc-badge-pill-padding: 0 0.25rem;
  --clc-badge-font-size: 0.6875rem;
  --clc-badge-font-weight: 500;
  --clc-badge-line-height: 1rem;
  --clc-badge-text-transform: none;
  --clc-badge-letter-spacing: 0.02rem;
  /* Button */
  --clc-button-base-background-color: var(--clc-primary);
  --clc-button-base-color: var(--clc-on-primary);
  --clc-button-background-size: auto;
  --clc-button-border-radius: var(--clc-border-radius-8);
  --clc-button-shadow: var(--clc-shadow-1);
  --clc-button-transition: var(--clc-transition-all), width 0, height 0;
  --clc-button-line-height: 1.25rem;
  --clc-button-vertical-align: top;
  --clc-button-hover-shadow: var(--clc-shadow-2);
  --clc-button-hover-gradient: linear-gradient(rgba(55, 90, 139, 0.04), rgba(55, 90, 139, 0.04));
  --clc-button-hover-background-size: auto;
  --clc-button-focus-shadow: var(--clc-shadow-2);
  --clc-button-focus-gradient: linear-gradient(rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08));
  --clc-button-focus-background-size: auto;
  --clc-button-focus-outline: var(--clc-outline-focus);
  --clc-button-focus-outline-offset: var(--clc-outline-offset);
  --clc-button-active-shadow: var(--clc-shadow-1);
  --clc-button-active-gradient: linear-gradient(rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08));
  --clc-button-active-background-size: auto;
  --clc-button-disabled-opacity: 0.2;
  --clc-button-empty-opacity: 0.4;
  /* Card */
  --clc-card-padding: 1rem;
  --clc-card-background-color: rgba(215, 219, 224, 0.13);
  --clc-card-flat-background-color: rgba(215, 219, 224, 0.24);
  --clc-card-shadow: var(--clc-shadow-1);
  --clc-card-border: var(--clc-border-base-300);
  --clc-card-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-card-heading-margin-bottom: 0.5rem;
  /* Chart */
  --clc-chart-axis-color: var(--clc-base-500);
  --clc-chart-axis-label-color: var(--clc-text-secondary-color);
  --clc-chart-axis-font-size: 0.875rem;
  --clc-chart-legend-font-size: 0.875rem;
  --clc-chart-legend-focus-outline: var(--clc-outline-focus);
  --clc-chart-legend-focus-outline-offset: var(--clc-outline-offset);
  --clc-chart-tooltip-background: var(--clc-base-background-color);
  --clc-chart-tooltip-color: var(--clc-text-color);
  --clc-chart-marker-stroke: var(--clc-base-background-color);
  /* Checkbox */
  --clc-checkbox-width: 1.125rem;
  --clc-checkbox-height: 1.125rem;
  --clc-checkbox-border-radius: 2px;
  --clc-checkbox-border-width: 2px;
  --clc-checkbox-label-margin-block: 0;
  --clc-checkbox-label-margin-inline: 1rem;
  --clc-checkbox-margin-block: 1rem;
  --clc-checkbox-margin-inline: 0;
  --clc-checkbox-focus-outline: var(--clc-outline-focus);
  --clc-checkbox-focus-outline-offset: var(--clc-outline-offset);
  --clc-checkbox-checked-background-color: var(--clc-primary);
  --clc-checkbox-checked-hover-background-color: var(--clc-primary);
  --clc-checkbox-checked-disabled-background-color: var(--clc-base-800);
  --clc-checkbox-checked-color: var(--clc-on-primary);
  --clc-checkbox-checked-shadow: none;
  --clc-checkbox-checked-border: var(--clc-border-primary);
  --clc-checkbox-checked-hover-border: var(--clc-border-primary);
  --clc-checkbox-checked-disabled-border: var(--clc-border-base-800);
  --clc-checkbox-checked-icon-background-color: transparent;
  --clc-checkbox-checked-icon-border-radius: 0;
  --clc-checkbox-icon-width: var(--clc-body-font-size);
  --clc-checkbox-icon-height: var(--clc-body-font-size);
  --clc-checkbox-icon-font-size: var(--clc-body-font-size);
  --clc-checkbox-tri-icon-width: var(--clc-body-font-size);
  --clc-checkbox-tri-icon-height: var(--clc-body-font-size);
  --clc-checkbox-tri-icon-font-size: var(--clc-body-font-size);
  /* Chip */
  --clc-chip-background-color: var(--clc-base-200);
  --clc-chip-color: var(--clc-text-color);
  --clc-chip-padding-block: 0.125rem;
  --clc-chip-padding-inline: 0.75rem 0.125rem;
  --clc-chip-gap: 0.5rem;
  --clc-chip-border-radius: calc(var(--clc-border-radius) * 4);
  --clc-chip-font-size: 0.875rem;
  /* ColorPicker */
  --clc-colorpicker-panel-border: none;
  --clc-colorpicker-panel-background-color: var(--clc-base-100);
  --clc-colorpicker-panel-shadow: var(--clc-shadow-2);
  --clc-colorpicker-panel-padding: 0.5rem;
  --clc-colorpicker-panel-max-width: 20rem;
  --clc-colorpicker-saturation-height: 200px;
  --clc-colorpicker-focus-outline: var(--clc-outline-focus);
  --clc-colorpicker-focus-outline-offset: var(--clc-outline-offset);
  --clc-colorpicker-value-border-radius: 1rem;
  --clc-colorpicker-items-gap: 0.5rem;
  --clc-colorpicker-item-size: 1.25rem;
  --clc-colorpicker-item-border-radius: 1rem;
  --clc-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
  --clc-colorpicker-handle-size: 12px;
  --clc-colorpicker-handle-border: 2px solid var(--clc-white);
  --clc-colorpicker-handle-shadow: var(--clc-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
  --clc-colorpicker-hex-input-padding: 0.25rem 0.5rem;
  --clc-colorpicker-hex-input-height: 2rem;
  --clc-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
  --clc-colorpicker-rgba-input-height: 2rem;
  --clc-colorpicker-input-labels-color: var(--clc-text-tertiary-color);
  /* DataFilter */
  --clc-datafilter-item-padding-block: 0.25rem;
  --clc-datafilter-item-padding-inline-start: 2rem;
  --clc-datafilter-item-indentation: 0.25rem;
  --clc-datafilter-item-path-width: 1rem;
  --clc-datafilter-item-path-height: calc(0.25rem + var(--clc-input-height) / 2);
  --clc-datafilter-item-path-border: var(--clc-border-normal);
  --clc-datafilter-item-path-border-radius: calc(2 * var(--clc-border-radius));
  /* DataList */
  --clc-datalist-background-color: var(--clc-base-background-color);
  --clc-datalist-shadow: var(--clc-shadow-1);
  --clc-datalist-padding: 0.5rem;
  --clc-datalist-border: none;
  --clc-datalist-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-datalist-item-shadow: var(--clc-shadow-0);
  --clc-datalist-item-border: none;
  --clc-datalist-item-margin-block: 0.5rem;
  --clc-datalist-item-margin-inline: 0.5rem;
  --clc-datalist-item-padding: 1rem;
  --clc-datalist-item-background-color: rgba(116, 120, 126, 0.08);
  /* DatePicker */
  --clc-datepicker-trigger-icon-width: var(--clc-icon-size);
  --clc-datepicker-trigger-icon-height: var(--clc-icon-size);
  --clc-datepicker-line-height: 1.5rem;
  --clc-datepicker-trigger-icon-color: var(--clc-text-secondary-color);
  --clc-datepicker-trigger-icon-hover-color: var(--clc-text-title-color);
  --clc-datepicker-popup-width: 22rem;
  --clc-datepicker-panel-border: none;
  --clc-datepicker-panel-background-color: var(--clc-base-50);
  --clc-datepicker-panel-shadow: var(--clc-shadow-2);
  --clc-datepicker-panel-margin: 0;
  --clc-datepicker-header-color: var(--clc-text-secondary-color);
  --clc-datepicker-header-background-color: transparent;
  --clc-datepicker-header-padding-block: 0.75rem;
  --clc-datepicker-header-padding-inline: 0.75rem;
  --clc-datepicker-header-border: none;
  --clc-datepicker-footer-padding: 0 0.75rem;
  --clc-datepicker-footer-line-height: 3rem;
  --clc-datepicker-prev-next-icon-size: 2rem;
  --clc-datepicker-prev-next-button-border-radius: 50%;
  --clc-datepicker-calendar-padding-block: 0 0.75rem;
  --clc-datepicker-calendar-padding-inline: 0.75rem;
  --clc-datepicker-calendar-item-padding: 0.625rem 0;
  --clc-datepicker-calendar-header-font-size: 0.75rem;
  --clc-datepicker-calendar-header-text-transform: uppercase;
  --clc-datepicker-calendar-header-color: var(--clc-text-tertiary-color);
  --clc-datepicker-calendar-font-size: 0.875rem;
  --clc-datepicker-calendar-color: var(--clc-text-color);
  --clc-datepicker-calendar-hover-color: var(--clc-text-title-color);
  --clc-datepicker-calendar-hover-background-color: var(--clc-base-300);
  --clc-datepicker-calendar-selected-color: var(--clc-on-primary);
  --clc-datepicker-calendar-selected-background-color: var(--clc-primary);
  --clc-datepicker-calendar-selected-hover-color: var(--clc-on-primary-dark);
  --clc-datepicker-calendar-selected-hover-background-color: var(--clc-primary-dark);
  --clc-datepicker-calendar-border: none;
  --clc-datepicker-calendar-border-radius: 50%;
  --clc-datepicker-calendar-transition: var(--clc-transition-all);
  --clc-datepicker-calendar-today-color: var(--clc-primary);
  --clc-datepicker-calendar-today-background-color: transparent;
  --clc-datepicker-calendar-today-box-shadow: inset 0 0 0 1px currentColor;
  --clc-datepicker-calendar-today-border-radius: var(--clc-datepicker-calendar-border-radius);
  --clc-datepicker-month-dropdown-width: 8.75rem;
  --clc-datepicker-year-dropdown-width: 6rem;
  --clc-datepicker-focus-outline: var(--clc-outline-focus);
  --clc-datepicker-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-timepicker-color: var(--clc-text-color);
  --clc-timepicker-background-color: transparent;
  --clc-timepicker-separator-color: var(--clc-text-color);
  --clc-timepicker-padding-block: 0.75rem;
  --clc-timepicker-padding-inline: 0.75rem;
  --clc-timepicker-hour-padding: 0.5rem;
  --clc-timepicker-button-color: var(--clc-text-color);
  --clc-timepicker-button-background-color: var(--clc-base-300);
  --clc-timepicker-button-width: 0.875rem;
  --clc-timepicker-button-height: 0.875rem;
  --clc-timepicker-button-border-radius: 2px;
  --clc-timepicker-button-padding: 0.5rem 1rem !important;
  --clc-timepicker-gap: 0.5rem;
  --clc-timepicker-separator-margin: 0 0.5rem;
  --clc-timepicker-border: var(--clc-border-base-300);
  /* Dialog */
  --clc-dialog-background-color: var(--clc-base-200);
  --clc-dialog-shadow: var(--clc-shadow-0);
  --clc-dialog-title-background-color: var(--clc-base-200);
  --clc-dialog-title-border: none;
  --clc-dialog-title-padding-block: 1.5rem 0;
  --clc-dialog-title-padding-inline: 1.5rem;
  --clc-dialog-title-font-size: 1.5rem;
  --clc-dialog-title-line-height: 2rem;
  --clc-dialog-title-font-weight: 400;
  --clc-dialog-title-letter-spacing: normal;
  --clc-dialog-title-color: var(--clc-text-title-color);
  --clc-dialog-close-font-size: var(--clc-icon-size);
  --clc-dialog-close-color: var(--clc-text-color);
  --clc-dialog-close-hover-color: var(--clc-text-title-color);
  --clc-dialog-close-vertical-align: middle;
  --clc-dialog-content-padding: 1.5rem;
  --clc-dialog-mask-background-color: var(--clc-base-800);
  --clc-dialog-border-radius: calc(var(--clc-border-radius) * 7);
  --clc-dialog-mask-zindex: 1000;
  --clc-dialog-zindex: 1001;
  /* DropDown */
  --clc-dropdown-trigger-icon-width: var(--clc-icon-size);
  --clc-dropdown-trigger-icon-height: var(--clc-icon-size);
  --clc-dropdown-trigger-icon-margin-block: 0;
  --clc-dropdown-trigger-icon-margin-inline: 0 0.5rem;
  --clc-dropdown-horizontal-padding: 1rem;
  --clc-dropdown-panel-padding: 0 1rem;
  --clc-dropdown-items-margin: 0 -1rem;
  --clc-dropdown-items-padding: 0.5rem 0;
  --clc-dropdown-item-padding: 0.75rem 1rem;
  --clc-dropdown-item-font-size: var(--clc-input-font-size);
  --clc-dropdown-item-hover-background-color: var(--clc-base-300);
  --clc-dropdown-item-selected-background-color: var(--clc-secondary-lighter);
  --clc-dropdown-item-selected-shadow: none;
  --clc-dropdown-item-hover-color: var(--clc-text-color);
  --clc-dropdown-item-selected-color: var(--clc-on-secondary-lighter);
  --clc-dropdown-item-selected-hover-background-color: var(--clc-base-400);
  --clc-dropdown-item-selected-hover-color: var(--clc-text-color);
  --clc-dropdown-item-transition: none;
  --clc-dropdown-item-disabled-opacity: 0.2;
  --clc-dropdown-label-padding-block: 0;
  --clc-dropdown-label-padding-inline: 0 var(--clc-icon-size);
  --clc-dropdown-filter-border: var(--clc-border-normal);
  --clc-dropdown-filter-padding: 1rem 0 0.5rem;
  --clc-dropdown-open-background-color: var(--clc-base-100);
  --clc-dropdown-open-border: 2px solid var(--clc-primary);
  --clc-dropdown-panel-border: none;
  --clc-dropdown-panel-shadow: var(--clc-shadow-2);
  --clc-dropdown-chips-padding-block: 0.4375rem;
  --clc-dropdown-chips-padding-inline: 0.4375rem 0.9375rem;
  --clc-multiselect-checkbox-margin-block: 0;
  --clc-multiselect-checkbox-margin-inline: 0 1rem;
  /* Editor */
  --clc-editor-border: var(--clc-border-base-300);
  --clc-editor-border-radius: var(--clc-border-radius);
  --clc-editor-toolbar-background-color: var(--clc-base-background-color);
  --clc-editor-toolbar-item-margin: 0.25rem 0.125rem;
  --clc-editor-button-padding: 0.5rem;
  --clc-editor-button-background-color: var(--clc-base-background-color);
  --clc-editor-button-color: var(--clc-text-color);
  --clc-editor-button-disabled-color: var(--clc-text-disabled-color);
  --clc-editor-button-selected-background-color: var(--clc-secondary-lighter);
  --clc-editor-button-selected-color: var(--clc-on-secondary-lighter);
  --clc-editor-separator-background-color: var(--clc-base-200);
  --clc-editor-content-background-color: var(--clc-base-background-color);
  --clc-editor-focus-outline: var(--clc-outline-focus);
  --clc-editor-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  /* Fieldset */
  --clc-fieldset-border: var(--clc-border-base-300);
  --clc-fieldset-border-radius: var(--clc-border-radius);
  --clc-fieldset-padding: 0 1rem 1rem;
  --clc-fieldset-legend-color: var(--clc-text-color);
  --clc-fieldset-legend-font-size: var(--clc-body-font-size);
  --clc-fieldset-legend-margin-block: 0 1rem;
  --clc-fieldset-legend-margin-inline: 0.5rem 0;
  --clc-fieldset-legend-padding-block: 0;
  --clc-fieldset-legend-padding-inline: 0.5rem;
  --clc-fieldset-toggle-width: 1.5rem;
  --clc-fieldset-toggle-margin-block: 0;
  --clc-fieldset-toggle-margin-inline: 0;
  --clc-fieldset-toggle-height: 1.5rem;
  --clc-fieldset-toggle-background-color: transparent;
  --clc-fieldset-toggle-color: var(--clc-text-tertiary-color);
  --clc-fieldset-toggle-font-size: 1.5rem;
  --clc-fieldset-toggle-border: none;
  --clc-fieldset-toggle-focus-outline: var(--clc-outline-focus);
  --clc-fieldset-toggle-focus-outline-offset: var(--clc-outline-offset);
  /* Footer */
  --clc-footer-padding: 1rem;
  --clc-footer-background-color: var(--clc-base-100);
  --clc-footer-border: none;
  --clc-footer-color: var(--clc-text-color);
  --clc-footer-z: 2;
  /* FormField */
  --clc-form-field-margin-block: 0.5rem 0;
  --clc-form-field-margin-inline: 0;
  --clc-form-field-start-end-padding-block: 0;
  --clc-form-field-start-end-padding-inline: 0.75rem;
  --clc-form-field-filled-height: 3.375rem;
  --clc-form-field-filled-padding-block: 1.4375rem 0.4375rem;
  --clc-form-field-filled-padding-inline: 0.9375rem;
  --clc-form-field-filled-numeric-padding-block: 1.4375rem 0.4375rem;
  --clc-form-field-filled-numeric-padding-inline: 0.9375rem 1.25rem;
  --clc-form-field-filled-background-color: var(--clc-base-200);
  --clc-form-field-filled-hover-background-color: var(--clc-base-300);
  --clc-form-field-filled-border: var(--clc-border-width) solid var(--clc-base-200);
  --clc-form-field-filled-hover-border: var(--clc-border-width) solid var(--clc-base-300);
  --clc-form-field-filled-focus-border: var(--clc-border-width) solid var(--clc-base-200);
  --clc-form-field-filled-border-radius: var(--clc-border-radius) var(--clc-border-radius) 0 0;
  --clc-form-field-filled-label-floating-top: 0.5rem;
  --clc-form-field-filled-hover-shadow: none;
  --clc-form-field-filled-focus-shadow: none;
  --clc-form-field-filled-underline-display: block;
  --clc-form-field-shadow: none;
  --clc-form-field-hover-shadow: var(--clc-input-hover-shadow);
  --clc-form-field-focus-shadow: var(--clc-input-focus-shadow);
  --clc-form-field-label-color: var(--clc-text-color);
  --clc-form-field-label-focus-color: var(--clc-primary);
  --clc-form-field-label-padding: 0 0.25rem;
  --clc-form-field-text-label-padding: 0;
  --clc-form-field-label-inset-inline-start: 0.6875rem;
  --clc-form-field-label-textarea-top: 0.5rem;
  --clc-form-field-label-floating-top: -0.5625rem;
  --clc-form-field-label-floating-background-color: var(--clc-base-50);
  --clc-form-field-helper-padding: 0 1rem;
  /* Forms */
  --clc-form-error-color: var(--clc-danger);
  --clc-form-error-font-size: 0.75rem;
  --clc-validator-background-color: var(--clc-danger);
  --clc-validator-color: var(--clc-on-danger);
  --clc-validator-shadow: 0 6px 14px 0 rgba(211, 81, 83, 0.3);
  --clc-validator-text-padding: 0;
  --clc-validator-padding: 0.25rem 0.5rem;
  --clc-validator-pointer-size: 0.375rem;
  --clc-validator-transform: translateY(12px);
  /* Gauge */
  --clc-gauge-scale-color: var(--clc-base-300);
  --clc-gauge-scale-label-color: var(--clc-text-tertiary-color);
  --clc-gauge-scale-font-size: var(--clc-body-font-size);
  --clc-gauge-pointer-color: var(--clc-text-secondary-color);
  --clc-gauge-arc-scale-color: var(--clc-base-300);
  --clc-gauge-arc-scale-label-color: var(--clc-text-tertiary-color);
  --clc-gauge-arc-value-color: var(--clc-secondary);
  /* Map */
  --clc-map-height: 10rem;
  --clc-map-padding: 1.25rem;
  --clc-map-background-color: var(--clc-base-background-color);
  --clc-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  /* Gravatar */
  --clc-gravatar-width: 2.5rem;
  --clc-gravatar-height: 2.5rem;
  --clc-gravatar-border-radius: 50%;
  --clc-gravatar-box-shadow: none;
  /* Grid */
  --clc-grid-data-border-shadow: none;
  --clc-grid-cell-border: var(--clc-border-base-300);
  --clc-grid-right-cell-border: none;
  --clc-grid-bottom-cell-border: var(--clc-border-base-300);
  --clc-grid-cell-padding: 0.625rem 1rem;
  --clc-grid-cell-color: var(--clc-text-color);
  --clc-grid-cell-font-size: 0.875rem;
  --clc-grid-cell-line-height: var(--clc-body-line-height);
  --clc-grid-cell-focus-background-color: var(--clc-secondary-lighter);
  --clc-grid-cell-focus-color: var(--clc-on-secondary-lighter);
  --clc-grid-cell-focus-outline: var(--clc-outline-focus);
  --clc-grid-cell-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-grid-hover-background-color: var(--clc-base-200);
  --clc-grid-hover-color: var(--clc-text-title-color);
  --clc-grid-focus-outline: var(--clc-outline-focus);
  --clc-grid-focus-outline-offset: var(--clc-outline-offset);
  --clc-grid-selected-background-color: var(--clc-secondary-lighter);
  --clc-grid-selected-color: var(--clc-on-secondary-lighter);
  --clc-grid-toolbar-background-color: var(--clc-base-background-color);
  --clc-grid-header-cell-border: none;
  --clc-grid-header-cell-border-bottom: var(--clc-border-base-400);
  --clc-grid-header-background-color: var(--clc-base-background-color);
  --clc-grid-header-font-size: 0.875rem;
  --clc-grid-header-line-height: 1.5rem;
  --clc-grid-header-font-weight: 500;
  --clc-grid-header-text-transform: none;
  --clc-grid-header-color: var(--clc-text-title-color);
  --clc-grid-header-cell-padding: 0.75rem 0;
  --clc-grid-header-title-padding-inline: 1rem 0;
  --clc-grid-header-sorted-background-color: var(--clc-base-200);
  --clc-grid-header-padding: 1rem;
  --clc-grid-foot-cell-color: var(--clc-text-color);
  --clc-grid-foot-background-color: var(--clc-base-100);
  --clc-grid-filter-background-color: var(--clc-base-100);
  --clc-grid-filter-padding: 0.5rem;
  --clc-grid-filter-margin: 0;
  --clc-grid-filter-border: none;
  --clc-grid-filter-font-size: 0.875rem;
  --clc-grid-filter-icon-width: var(--clc-icon-size);
  --clc-grid-filter-icon-height: var(--clc-icon-size);
  --clc-grid-filter-icon-margin-inline: 0 0.25rem;
  --clc-grid-filter-icon-font-size: 0.875rem;
  --clc-grid-filter-color: var(--clc-text-tertiary-color);
  --clc-grid-filter-focus-color: var(--clc-secondary);
  --clc-grid-filter-gap: 1rem;
  --clc-grid-filter-buttons-padding: 0 1rem 1rem;
  --clc-grid-filter-buttons-border: none;
  --clc-grid-filter-buttons-background-color: var(--clc-base-100);
  --clc-grid-filter-button-padding-inline: 1rem;
  --clc-grid-clear-filter-button-background-color: var(--clc-base-100);
  --clc-grid-clear-filter-button-color: var(--clc-text-color);
  --clc-grid-clear-filter-button-shadow: none;
  --clc-grid-apply-filter-button-background-color: var(--clc-base-100);
  --clc-grid-apply-filter-button-color: var(--clc-primary);
  --clc-grid-apply-filter-button-shadow: none;
  --clc-grid-header-filter-icon-margin-inline: auto 1rem;
  --clc-grid-header-filter-icon-hover-color: var(--clc-text-title-color);
  --clc-grid-header-filter-icon-active-color: var(--clc-primary);
  --clc-grid-header-filter-icon-font-size: 1.25rem;
  --clc-grid-border: var(--clc-border-base-300);
  --clc-grid-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-grid-sort-icon-width: 1.25rem;
  --clc-grid-sort-icon-height: 1.25rem;
  --clc-grid-sort-icon-color: var(--clc-text-tertiary-color);
  --clc-grid-shadow: none;
  --clc-grid-background-color: var(--clc-white);
  --clc-grid-stripe-background-color: var(--clc-base-50);
  --clc-grid-stripe-odd-background-color: var(--clc-white);
  --clc-grid-column-resizer-width: 0.25rem;
  --clc-grid-column-resizer-helper-width: 0.125rem;
  --clc-grid-column-resizer-helper-background-color: var(--clc-secondary);
  --clc-grid-column-icon-width: 2rem;
  --clc-grid-column-icon-padding: 0;
  --clc-grid-detail-template-border: none;
  --clc-grid-detail-template-border-radius: 0;
  --clc-grid-detail-template-padding: 0;
  --clc-grid-detail-template-background-color: var(--clc-base-100);
  --clc-grid-loading-indicator-color: currentColor;
  --clc-grid-loading-indicator-background-color: rgba(var(--clc-base-600), 0.5);
  --clc-grid-frozen-cell-border: var(--clc-border-base-300);
  --clc-grid-frozen-cell-background-color: var(--clc-base-100);
  --clc-grid-state-transition: var(--clc-transition-all);
  --clc-grid-group-header-padding: 1rem;
  --clc-grid-group-header-gap: 0.5rem;
  --clc-grid-group-header-item-color: var(--clc-text-color);
  --clc-grid-group-header-item-background-color: var(--clc-base-200);
  --clc-grid-group-header-item-padding-block: 0.25rem;
  --clc-grid-group-header-item-padding-inline: 0.75rem 0.5rem;
  --clc-grid-group-header-item-border: var(--clc-border-base-200);
  --clc-grid-group-header-item-border-radius: calc(4 * var(--clc-border-radius));
  --clc-grid-group-header-item-title-margin-inline: 0 0.5rem;
  --clc-column-drag-handle-color: var(--clc-text-disabled-color);
  --clc-column-drag-handle-hover-color: var(--clc-text-title-color);
  --clc-column-drag-handle-margin-inline: 0;
  --clc-column-draggable-shadow: var(--clc-shadow-4);
  /* Header */
  --clc-header-background-color: var(--clc-base-100);
  --clc-header-min-height: 3.125rem;
  --clc-header-z: 2;
  --clc-header-border: none;
  --clc-header-color: var(--clc-text-color);
  --clc-header-shadow: none;
  /* Icon */
  --clc-icon-font-family: Material Symbols;
  --clc-icon-size: 1.5rem;
  --clc-icon-fill: 0;
  --clc-icon-weight: inherit;
  --clc-icon-grade: 0;
  --clc-icon-optical-size: 40;
  /* Input */
  --clc-input-font-size: var(--clc-body-font-size);
  --clc-input-height: 2.5rem;
  --clc-input-line-height: var(--clc-body-line-height);
  --clc-input-padding-block: 0.4375rem;
  --clc-input-padding-inline: 0.9375rem;
  --clc-input-value-color: var(--clc-text-color);
  --clc-input-placeholder-color: var(--clc-text-tertiary-color);
  --clc-input-background-color: transparent;
  --clc-input-border: var(--clc-border-normal);
  --clc-input-border-radius: var(--clc-border-radius);
  --clc-input-shadow: none;
  --clc-input-hover-shadow: none;
  --clc-input-hover-border: var(--clc-border-hover);
  --clc-input-focus-shadow: inset 0 0 0 1px var(--clc-primary);
  --clc-input-focus-border: var(--clc-border-focus);
  --clc-input-focus-outline: var(--clc-outline-normal);
  --clc-input-focus-outline-offset: 0;
  --clc-input-disabled-border: var(--clc-border-disabled);
  --clc-input-disabled-shadow: none;
  --clc-input-disabled-background-color: transparent;
  --clc-input-disabled-color: var(--clc-text-disabled-color);
  --clc-input-disabled-placeholder-color: var(--clc-text-disabled-color);
  --clc-input-disabled-opacity: 1;
  --clc-input-transition: var(--clc-transition-all), width 0, height 0;
  /* Layout */
  --clc-layout-background-color: var(--clc-body-background-color);
  /* Listbox */
  --clc-listbox-background-color: var(--clc-input-background-color);
  --clc-listbox-border-radius: var(--clc-input-border-radius);
  --clc-listbox-border: var(--clc-input-border);
  --clc-listbox-focus-border: var(--clc-input-focus-border);
  --clc-listbox-focus-shadow: var(--clc-input-focus-shadow);
  --clc-listbox-filter-border: var(--clc-border-base-200);
  --clc-listbox-padding: 0;
  --clc-listbox-item-padding: var(--clc-dropdown-item-padding);
  --clc-listbox-item-margin: 0;
  --clc-listbox-checkbox-margin-block: 0;
  --clc-listbox-checkbox-margin-inline: 0 1rem;
  --clc-listbox-header-padding-block: 0.75rem;
  --clc-listbox-header-padding-inline: 1rem;
  --clc-listbox-header-icon-width: var(--clc-icon-size);
  --clc-listbox-header-icon-height: var(--clc-icon-size);
  --clc-listbox-header-icon-margin: 0;
  /* Login */
  --clc-login-register-background-color: rgba(0, 0, 0, 0.04);
  --clc-login-register-padding-block: 1rem;
  --clc-login-register-padding-inline: 1rem;
  --clc-login-register-margin-block: 2rem 0;
  --clc-login-register-margin-inline: 0;
  --clc-login-register-button-margin-block: 0;
  --clc-login-register-button-margin-inline: 0;
  /* Lookup */
  --clc-lookup-panel-background-color: transparent;
  --clc-lookup-panel-padding: 1rem;
  --clc-lookup-search-gap: 0.5rem;
  --clc-lookup-search-margin-bottom: 0.5rem;
  /* Menu */
  --clc-menu-background-color: var(--clc-base-100);
  --clc-menu-border: none;
  --clc-menu-border-radius: var(--clc-border-radius);
  --clc-menu-item-padding-block: 0.5rem;
  --clc-menu-item-padding-inline: 1rem;
  --clc-menu-item-border-radius: 0;
  --clc-menu-item-color: var(--clc-text-color);
  --clc-menu-item-hover-color: var(--clc-text-color);
  --clc-menu-item-hover-background-color: var(--clc-base-300);
  --clc-menu-item-focus-outline: var(--clc-outline-focus);
  --clc-menu-item-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-menu-item-selected-color: var(--clc-text-color);
  --clc-menu-item-icon-margin-inline: 0 0.5rem;
  --clc-menu-item-icon-color: var(--clc-text-color);
  --clc-menu-item-icon-hover-color: var(--clc-text-color);
  --clc-menu-item-offset: 1rem;
  --clc-menu-item-transition: none;
  --clc-menu-item-disabled-opacity: 0.2;
  --clc-menu-top-item-padding-block: 0.5rem;
  --clc-menu-top-item-padding-inline: 0.5rem;
  --clc-menu-top-item-border-radius: 0;
  --clc-menu-top-item-color: var(--clc-text-color);
  --clc-menu-top-item-background-color: var(--clc-base-100);
  --clc-menu-top-item-hover-color: var(--clc-text-color);
  --clc-menu-top-item-hover-background-color: transparent;
  --clc-menu-top-item-selected-color: var(--clc-text-color);
  --clc-menu-top-item-icon-color: var(--clc-text-color);
  --clc-menu-top-item-icon-hover-color: var(--clc-text-color);
  --clc-context-menu-padding-block: 0.5rem;
  --clc-context-menu-padding-inline: 0;
  --clc-context-menu-box-shadow: var(--clc-shadow-2);
  /* Notification */
  --clc-notification-padding: 1rem 1.25rem;
  --clc-notification-gap: 0.625rem;
  --clc-notification-icon-margin: 0;
  --clc-notification-container-background-color: transparent;
  --clc-notification-shadow: var(--clc-shadow-2);
  --clc-notification-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-notification-success-color: var(--clc-on-success);
  --clc-notification-success-background-color: var(--clc-success);
  --clc-notification-success-icon-color: var(--clc-on-success);
  --clc-notification-warning-color: var(--clc-on-warning);
  --clc-notification-warning-background-color: var(--clc-warning);
  --clc-notification-warning-icon-color: var(--clc-on-warning);
  --clc-notification-error-color: var(--clc-on-danger);
  --clc-notification-error-background-color: var(--clc-danger);
  --clc-notification-error-icon-color: var(--clc-on-danger);
  --clc-notification-info-color: var(--clc-on-info);
  --clc-notification-info-background-color: var(--clc-info);
  --clc-notification-info-icon-color: var(--clc-on-info);
  /* Numeric */
  --clc-numeric-line-height: var(--clc-body-line-height);
  --clc-numeric-input-padding-block: 0.4375rem;
  --clc-numeric-input-padding-inline: 0.9375rem 1.25rem;
  --clc-numeric-button-width: 1rem;
  --clc-numeric-button-height: 1rem;
  --clc-numeric-button-offset: 2px;
  --clc-numeric-button-border-radius: calc(var(--clc-border-radius) - 2px);
  --clc-numeric-button-background-color: transparent;
  --clc-numeric-button-disabled-background-color: transparent;
  --clc-numeric-button-disabled-color: var(--clc-text-disabled-color);
  --clc-numeric-button-color: var(--clc-text-color);
  /* Overlay */
  --clc-overlay-shadow: var(--clc-shadow-2);
  --clc-overlay-border: none;
  --clc-overlay-background-color: var(--clc-base-100);
  /* Pager */
  --clc-pager-background-color: transparent;
  --clc-pager-padding: 0.5rem 1rem;
  --clc-pager-gap: 0.5rem;
  --clc-pager-border: none;
  --clc-pager-button-border-radius: 2rem;
  --clc-pager-numeric-button-background-color: transparent;
  --clc-pager-numeric-button-color: var(--clc-text-color);
  --clc-pager-numeric-button-border: none;
  --clc-pager-numeric-button-hover-background-color: var(--clc-base-100);
  --clc-pager-numeric-button-hover-color: var(--clc-text-title-color);
  --clc-pager-numeric-button-padding: 0.75rem 1rem;
  --clc-pager-numeric-button-selected-background-color: var(--clc-secondary-lighter);
  --clc-pager-numeric-button-selected-color: var(--clc-on-secondary-lighter);
  --clc-pager-numeric-button-selected-border: none;
  --clc-pager-numeric-button-selected-padding: 0.75rem 1rem;
  --clc-pager-numeric-button-min-width: 3rem;
  --clc-pager-back-button-background-color: transparent;
  --clc-pager-back-button-color: var(--clc-text-color);
  --clc-pager-next-button-background-color: transparent;
  --clc-pager-next-button-color: var(--clc-text-color);
  --clc-pager-dropdown-width: 80px;
  --clc-pager-summary-padding: 1.25rem;
  --clc-pager-summary-font-size: 0.875rem;
  --clc-pager-summary-color: var(--clc-text-tertiary-color);
  /* PanelMenu */
  --clc-panel-menu-padding-block: 0.5rem;
  --clc-panel-menu-padding-inline: 0;
  --clc-panel-menu-font-size: calc(var(--clc-body-font-size) * 0.875);
  --clc-panel-menu-font-weight: 500;
  --clc-panel-menu-focus-outline: var(--clc-outline-focus);
  --clc-panel-menu-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-panel-menu-item-line-height: 1.5rem;
  --clc-panel-menu-item-padding-block: 0.75rem;
  --clc-panel-menu-item-padding-inline: 1rem;
  --clc-panel-menu-item-margin-block: 0;
  --clc-panel-menu-item-margin-inline: 0.5rem;
  --clc-panel-menu-item-border: var(--clc-border-base-100);
  --clc-panel-menu-item-border-radius: calc(var(--clc-border-radius) * 5.75);
  --clc-panel-menu-item-color: var(--clc-text-title-color);
  --clc-panel-menu-item-background-color: var(--clc-base-100);
  --clc-panel-menu-item-hover-color: var(--clc-text-color);
  --clc-panel-menu-item-hover-background-color: var(--clc-base-300);
  --clc-panel-menu-item-active-color: var(--clc-on-secondary-lighter);
  --clc-panel-menu-item-active-background-color: var(--clc-secondary-lighter);
  --clc-panel-menu-item-active-indicator: var(--clc-secondary);
  --clc-panel-menu-item-offset: 0;
  --clc-panel-menu-item-transition: color var(--clc-transition), background-color var(--clc-transition);
  --clc-panel-menu-2nd-level-vertical-offset: 0.5rem;
  --clc-panel-menu-item-2nd-level-padding-block: 0.625rem;
  --clc-panel-menu-item-2nd-level-padding-inline: 1rem 0.625rem;
  --clc-panel-menu-item-2nd-level-margin-block: 0;
  --clc-panel-menu-item-2nd-level-margin-inline: 0.5rem;
  --clc-panel-menu-item-2nd-level-border-radius: calc(var(--clc-border-radius) * 5.5);
  --clc-panel-menu-item-2nd-level-offset: 3rem;
  --clc-panel-menu-item-2nd-level-font-size: calc(var(--clc-body-font-size) * 0.875);
  --clc-panel-menu-item-2nd-level-font-weight: 400;
  --clc-panel-menu-item-2nd-level-color: var(--clc-text-secondary-color);
  --clc-panel-menu-item-2nd-level-background-color: var(--clc-base-100);
  --clc-panel-menu-item-2nd-level-hover-color: var(--clc-text-color);
  --clc-panel-menu-item-2nd-level-hover-background-color: var(--clc-base-300);
  --clc-panel-menu-item-2nd-level-active-color: var(--clc-on-secondary-lighter);
  --clc-panel-menu-item-2nd-level-active-background-color: var(--clc-secondary-lighter);
  --clc-panel-menu-item-2nd-level-active-font-weight: 500;
  --clc-panel-menu-item-3rd-level-color: var(--clc-text-secondary-color);
  --clc-panel-menu-item-3rd-level-background-color: var(--clc-base-100);
  --clc-panel-menu-item-3rd-level-hover-color: var(--clc-text-color);
  --clc-panel-menu-item-3rd-level-hover-background-color: var(--clc-base-300);
  --clc-panel-menu-item-3rd-level-active-color: var(--clc-on-secondary-lighter);
  --clc-panel-menu-item-3rd-level-active-background-color: var(--clc-secondary-lighter);
  --clc-panel-menu-icon-width: var(--clc-icon-size);
  --clc-panel-menu-icon-font-size: var(--clc-icon-size);
  --clc-panel-menu-icon-color: var(--clc-text-secondary-color);
  --clc-panel-menu-icon-height: var(--clc-icon-size);
  --clc-panel-menu-icon-margin-inline: 0 1rem;
  --clc-panel-menu-icon-2nd-level-margin-inline: -2.25rem 1rem;
  --clc-panel-menu-icon-2nd-level-icon-size: calc(var(--clc-icon-size) * 0.8);
  --clc-panel-menu-toggle-icon-font-size: var(--clc-icon-size);
  --clc-panel-menu-toggle-icon-opacity: 1;
  /* Panel */
  --clc-panel-background-color: var(--clc-base-background-color);
  --clc-panel-padding: 1rem;
  --clc-panel-title-line-height: 1.5rem;
  --clc-panel-title-font-weight: 500;
  --clc-panel-content-margin: 0;
  --clc-panel-toggle-icon-width: var(--clc-icon-size);
  --clc-panel-toggle-icon-height: var(--clc-icon-size);
  --clc-panel-toggle-icon-font-size: var(--clc-icon-size);
  --clc-panel-toggle-icon-border-radius: 2px;
  --clc-panel-toggle-icon-background-color: transparent;
  --clc-panel-toggle-icon-focus-outline: var(--clc-outline-focus);
  --clc-panel-toggle-icon-focus-outline-offset: var(--clc-outline-offset);
  --clc-panel-hover-color: var(--clc-text-title-color);
  --clc-panel-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-panel-shadow: var(--clc-shadow-1);
  /* ProfileMenu */
  --clc-profile-menu-background-color: var(--clc-base-100);
  --clc-profile-menu-top-item-background-color: var(--clc-base-100);
  --clc-profile-menu-border: none;
  --clc-profile-menu-padding-block: 0.5rem;
  --clc-profile-menu-padding-inline: 1rem;
  --clc-profile-menu-border-radius: var(--clc-border-radius);
  --clc-profile-menu-toggle-button-color: var(--clc-text-color);
  --clc-profile-menu-item-hover-background-color: var(--clc-base-300);
  --clc-profile-menu-item-focus-outline: var(--clc-outline-focus);
  --clc-profile-menu-item-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-profile-menu-item-icon-width: var(--clc-icon-size);
  --clc-profile-menu-item-icon-height: var(--clc-icon-size);
  --clc-profile-menu-item-icon-font-size: var(--clc-icon-size);
  --clc-profile-menu-item-icon-margin-inline: 0 0.5rem;
  /* ProgressBar */
  --clc-progressbar-background-color: var(--clc-base-400);
  --clc-progressbar-font-size: var(--clc-body-font-size);
  --clc-progressbar-height: 0.25rem;
  --clc-progressbar-border-radius: 0;
  --clc-progressbar-value-background-color: var(--clc-primary);
  --clc-progressbar-value-transition: var(--clc-transition-all);
  --clc-progressbar-circular-stroke-width: 0;
  --clc-progressbar-circular-value-stroke-width: 3px;
  --clc-progressbar-circular-value-endpoint: square;
  /* Radio */
  --clc-radio-width: 1.25rem;
  --clc-radio-height: 1.25rem;
  --clc-radio-border-radius: 50%;
  --clc-radio-border-width: 2px;
  --clc-radio-label-margin-block: 0;
  --clc-radio-label-margin-inline: 1rem;
  --clc-radio-margin-block: 1rem;
  --clc-radio-margin-inline: 0;
  --clc-radio-focus-outline: var(--clc-outline-focus);
  --clc-radio-focus-outline-offset: var(--clc-outline-offset);
  --clc-radio-active-background-color: var(--clc-base-background-color);
  --clc-radio-active-shadow: none;
  --clc-radio-checked-background-color: var(--clc-base-background-color);
  --clc-radio-checked-hover-background-color: var(--clc-base-background-color);
  --clc-radio-checked-hover-shadow: none;
  --clc-radio-checked-color: var(--clc-text-contrast-color);
  --clc-radio-circle-background-color: var(--clc-primary);
  --clc-radio-circle-shadow: none;
  --clc-radio-circle-hover-background-color: var(--clc-primary-light);
  --clc-radio-icon-width: 0.625rem;
  --clc-radio-icon-height: 0.625rem;
  --clc-radio-checked-border: var(--clc-border-primary);
  /* Rating */
  --clc-rating-color: var(--clc-text-secondary-color);
  --clc-rating-opacity: 1;
  --clc-rating-font-size: var(--clc-icon-size);
  --clc-rating-selected-color: var(--clc-primary);
  --clc-rating-focus-color: var(--clc-primary-darker);
  --clc-rating-disabled-color: var(--clc-text-disabled-color);
  --clc-rating-disabled-opacity: 0.5;
  --clc-rating-ban-icon: highlight_off;
  --clc-rating-ban-icon-color: var(--clc-text-disabled-color);
  /* Scheduler */
  --clc-scheduler-border: var(--clc-border-base-300);
  --clc-scheduler-border-color: var(--clc-base-300);
  --clc-scheduler-minor-border-color: var(--clc-base-200);
  --clc-scheduler-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-scheduler-shadow: var(--clc-shadow-0);
  --clc-scheduler-background-color: var(--clc-base-background-color);
  --clc-scheduler-color: var(--clc-text-tertiary-color);
  --clc-scheduler-toolbar-padding: 0.5rem;
  --clc-scheduler-toolbar-background-color: var(--clc-base-background-color);
  --clc-scheduler-toolbar-title-font-size: 1.5rem;
  --clc-scheduler-toolbar-title-font-weight: 700;
  --clc-scheduler-toolbar-title-color: var(--clc-text-title-color);
  --clc-scheduler-prev-next-button-background-color: var(--clc-base-background-color);
  --clc-scheduler-prev-next-button-color: var(--clc-text-color);
  --clc-scheduler-prev-next-button-padding-block: 0.5rem;
  --clc-scheduler-prev-next-button-padding-inline: 0.5rem;
  --clc-scheduler-prev-next-button-font-size: var(--clc-icon-size);
  --clc-scheduler-prev-button-border-start-start-radius: 2rem;
  --clc-scheduler-prev-button-border-start-end-radius: 2rem;
  --clc-scheduler-prev-button-border-end-start-radius: 2rem;
  --clc-scheduler-prev-button-border-end-end-radius: 2rem;
  --clc-scheduler-next-button-border-start-start-radius: 2rem;
  --clc-scheduler-next-button-border-start-end-radius: 2rem;
  --clc-scheduler-next-button-border-end-start-radius: 2rem;
  --clc-scheduler-next-button-border-end-end-radius: 2rem;
  --clc-scheduler-today-button-margin-inline-start: 1rem;
  --clc-scheduler-today-button-padding: 0.5rem 1rem;
  --clc-scheduler-today-button-font-size: 0.875rem;
  --clc-scheduler-today-button-text-transform: capitalize;
  --clc-scheduler-view-button-border: var(--clc-border-base-600);
  --clc-scheduler-view-button-color: var(--clc-text-secondary-color);
  --clc-scheduler-view-button-background-color: var(--clc-base-background-color);
  --clc-scheduler-view-selected-color: var(--clc-on-secondary-lighter);
  --clc-scheduler-view-selected-background-color: var(--clc-secondary-lighter);
  --clc-scheduler-view-selected-border-color: var(--clc-base-600);
  --clc-scheduler-header-background-color: var(--clc-base-background-color);
  --clc-scheduler-header-font-size: 0.75rem;
  --clc-scheduler-header-font-size-small: 0.5rem;
  --clc-scheduler-header-text-transform: normal;
  --clc-scheduler-header-color: inherit;
  --clc-scheduler-header-border: var(--clc-border-base-300);
  --clc-scheduler-header-padding: 0.5rem 0;
  --clc-scheduler-event-color: var(--clc-on-primary);
  --clc-scheduler-event-background-color: var(--clc-primary);
  --clc-scheduler-event-font-size: 0.75rem;
  --clc-scheduler-event-line-height: 1.25rem;
  --clc-scheduler-event-padding-block: 0 1px;
  --clc-scheduler-event-padding-inline: 1px;
  --clc-scheduler-event-content-padding: 0.125rem 0.5rem;
  --clc-scheduler-event-list-button-color: var(--clc-secondary);
  --clc-scheduler-event-list-button-font-size: 0.75rem;
  --clc-scheduler-slot-title-font-size: 0.875rem;
  --clc-scheduler-slot-title-font-size-small: 0.6rem;
  --clc-scheduler-slot-title-padding: 0 0.25rem;
  --clc-scheduler-day-number-padding: 0 0.5rem;
  --clc-scheduler-weekend-color: var(--clc-text-tertiary-color);
  --clc-scheduler-weekend-background-color: var(--clc-base-100);
  --clc-scheduler-other-month-background-color: var(--clc-base-200);
  --clc-scheduler-timeline-slot-width: 7rem;
  --clc-scheduler-timeline-slot-height: 7rem;
  --clc-scheduler-year-padding: 1.5rem;
  --clc-scheduler-year-slot-padding: 0.25rem;
  --clc-scheduler-year-slot-title-width: fit-content;
  --clc-scheduler-year-slot-title-border-radius: 50%;
  --clc-scheduler-planner-slot-width: 3rem;
  --clc-scheduler-planner-slot-height: 4.5rem;
  --clc-scheduler-focus-outline: var(--clc-outline-focus);
  --clc-scheduler-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
  /* Scrollbar */
  --clc-scrollbar-background-color: transparent;
  --clc-scrollbar-color: rgba(0, 0, 0, 0.12);
  --clc-scrollbar-border-radius: calc(2 * var(--clc-border-radius));
  --clc-scrollbar-size: 16px;
  /* SecurityCode */
  --clc-security-code-input-min-width: var(--clc-input-height);
  --clc-security-code-input-min-height: var(--clc-input-height);
  --clc-security-code-input-padding: 0.125rem;
  --clc-security-code-input-font-size: 1.25rem;
  --clc-security-code-input-font-weight: 600;
  --clc-security-code-input-line-height: 1;
  /* SelectBar */
  --clc-selectbar-background-color: var(--clc-base-background-color);
  --clc-selectbar-color: var(--clc-text-color);
  --clc-selectbar-border: var(--clc-border-base-600);
  --clc-selectbar-selected-background-color: var(--clc-secondary-lighter);
  --clc-selectbar-selected-color: var(--clc-on-secondary-lighter);
  --clc-selectbar-selected-border: var(--clc-border-base-600);
  --clc-selectbar-border-radius: calc(var(--clc-border-radius) * 7);
  /* SidebarToggle */
  --clc-sidebar-toggle-icon-width: 1.5rem;
  --clc-sidebar-toggle-icon-height: 1.5rem;
  --clc-sidebar-toggle-margin-inline-end: 1rem;
  --clc-sidebar-toggle-padding: 0.8125rem;
  --clc-sidebar-toggle-border: none;
  --clc-sidebar-toggle-color: var(--clc-text-color);
  --clc-sidebar-toggle-background-color: transparent;
  --clc-sidebar-toggle-hover-color: var(--clc-on-primary-light);
  --clc-sidebar-toggle-hover-background-color: var(--clc-primary-light);
  --clc-sidebar-toggle-hover-border-radius: 50%;
  --clc-sidebar-toggle-focus-outline: var(--clc-outline-focus);
  --clc-sidebar-toggle-focus-outline-offset: calc(-1 * var(--clc-outline-offset));
  /* Sidebar */
  --clc-sidebar-z: 1;
  --clc-sidebar-width: 300px;
  --clc-sidebar-border-inline-end: none;
  --clc-sidebar-background-color: var(--clc-base-100);
  --clc-sidebar-color: var(--clc-text-color);
  /* Slider */
  --clc-slider-background-color: var(--clc-base-400);
  --clc-slider-border: none;
  --clc-slider-border-radius: var(--clc-border-radius);
  --clc-slider-horizontal-height: 4px;
  --clc-slider-horizontal-width: 10rem;
  --clc-slider-range-background-color: var(--clc-primary);
  --clc-slider-range-border: none;
  --clc-slider-handle-width: 20px;
  --clc-slider-handle-height: 20px;
  --clc-slider-handle-color: var(--clc-on-secondary);
  --clc-slider-handle-background-color: var(--clc-primary);
  --clc-slider-handle-border: none;
  --clc-slider-handle-border-radius: 50%;
  --clc-slider-handle-shadow: var(--clc-shadow-1);
  --clc-slider-handle-transition: background-color var(--clc-transition), color var(--clc-transition), border var(--clc-transition), box-shadow var(--clc-transition);
  --clc-slider-handle-hover-background-color: var(--clc-primary);
  --clc-slider-handle-hover-border: none;
  --clc-slider-handle-hover-shadow: var(--clc-shadow-1), 0px 0px 0px 10px var(--clc-primary-lighter);
  --clc-slider-handle-focus-outline: var(--clc-outline-focus);
  --clc-slider-handle-focus-outline-offset: var(--clc-outline-offset);
  --clc-slider-disabled-background-color: var(--clc-base-500);
  --clc-slider-disabled-border: none;
  --clc-slider-disabled-range-background-color: var(--clc-base-700);
  --clc-slider-disabled-range-border: none;
  --clc-slider-disabled-handle-border: none;
  --clc-slider-disabled-handle-background-color: var(--clc-base-700);
  /* SplitButton */
  --clc-splitbutton-menu-shadow: var(--clc-shadow-2);
  --clc-splitbutton-menu-min-width: 10rem;
  --clc-splitbutton-background-color: var(--clc-primary);
  --clc-splitbutton-border-radius: var(--clc-border-radius);
  /* Splitter */
  --clc-splitter-bar-color: var(--clc-text-secondary-color);
  --clc-splitter-bar-color-active: var(--clc-on-primary);
  --clc-splitter-bar-background-color: var(--clc-base-200);
  --clc-splitter-bar-background-color-active: var(--clc-primary);
  --clc-splitter-bar-hover-opacity: 1;
  /* Stack/Grid Layout */
  --clc-gap: 1rem;
  --clc-row-gap: 1rem;
  /* Steps */
  --clc-steps-color: var(--clc-text-tertiary-color);
  --clc-steps-number-border-radius: 50%;
  --clc-steps-number-padding-block: 0.25rem;
  --clc-steps-number-padding-inline: 0;
  --clc-steps-number-width: 2rem;
  --clc-steps-number-height: 2rem;
  --clc-steps-number-line-height: var(--clc-body-line-height);
  --clc-steps-number-color: var(--clc-text-contrast-color);
  --clc-steps-number-background-color: var(--clc-base-500);
  --clc-steps-number-selected-color: var(--clc-on-secondary);
  --clc-steps-number-selected-background: var(--clc-secondary);
  --clc-steps-number-focus-outline: var(--clc-outline-focus);
  --clc-steps-number-focus-outline-offset: var(--clc-outline-offset);
  --clc-steps-title-selected-color: var(--clc-secondary);
  --clc-steps-title-margin-block: 0;
  --clc-steps-title-margin-inline: 0.5rem 1rem;
  --clc-steps-buttons-padding-block: 1rem;
  --clc-steps-buttons-padding-inline: 0;
  --clc-steps-button-color: var(--clc-text-secondary-color);
  /* Switch */
  --clc-switch-background-color: var(--clc-base-400);
  --clc-switch-checked-background-color: var(--clc-primary);
  --clc-switch-box-shadow: none;
  --clc-switch-circle-background-color: var(--clc-base-700);
  --clc-switch-checked-circle-background-color: var(--clc-on-primary);
  --clc-switch-focus-outline: var(--clc-outline-focus);
  --clc-switch-focus-outline-offset: var(--clc-outline-offset);
  /* Tabs */
  --clc-tabs-padding: 1rem;
  --clc-tabs-shadow: none;
  --clc-tabs-border: none;
  --clc-tabs-border-radius: 0;
  --clc-tabs-background-color: transparent;
  --clc-tabs-tab-font-size: 0.875rem;
  --clc-tabs-tab-line-height: 1.5rem;
  --clc-tabs-tab-font-weight: 500;
  --clc-tabs-tab-text-transform: none;
  --clc-tabs-tab-letter-spacing: 0.1px;
  --clc-tabs-tab-padding-block: 0.75rem;
  --clc-tabs-tab-padding-inline: 1rem;
  --clc-tabs-tab-background-color: transparent;
  --clc-tabs-tab-color: var(--clc-text-secondary-color);
  --clc-tabs-tab-selected-background-color: var(--clc-tabs-background-color);
  --clc-tabs-tab-selected-color: var(--clc-primary);
  --clc-tabs-tab-selected-top-border-color: var(--clc-secondary);
  --clc-tabs-tab-hover-background-color: transparent;
  --clc-tabs-tab-hover-color: var(--clc-primary);
  --clc-tabs-tab-focus-background-color: var(--clc-base-background-color);
  --clc-tabs-tab-focus-color: var(--clc-primary);
  --clc-tabs-tab-focus-outline: var(--clc-outline-focus);
  --clc-tabs-tab-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-tabs-icon-font-size: var(--clc-icon-size);
  --clc-tabs-icon-margin-inline: -0.25rem 0.25rem;
  --clc-tabs-transition: var(--clc-transition-all);
  /* Textarea */
  --clc-text-area-padding-block: var(--clc-input-padding-block);
  --clc-text-area-padding-inline: var(--clc-input-padding-inline);
  /* Timeline */
  --clc-timeline-item-padding: 1rem;
  --clc-timeline-axis-size: 4rem;
  --clc-timeline-point-size: 1rem;
  --clc-timeline-point-border: 3px solid var(--clc-base-background-color);
  --clc-timeline-point-border-radius: calc(var(--clc-border-radius) * 12);
  --clc-timeline-point-background-color: var(--clc-base-500);
  --clc-timeline-point-color: var(--clc-text-color);
  --clc-timeline-line-color: var(--clc-base-500);
  --clc-timeline-line-width: 0.125rem;
  --clc-timeline-line-border-radius: calc(var(--clc-border-radius) * 20);
  /* Tooltip */
  --clc-tooltip-background-color: var(--clc-base-800);
  --clc-tooltip-color: var(--clc-white);
  --clc-tooltip-shadow: none;
  --clc-tooltip-padding: 0.25rem 0.5rem;
  --clc-tooltip-border-radius: var(--clc-border-radius);
  --clc-tooltip-font-size: 0.75rem;
  /* Tree */
  --clc-tree-background-color: transparent;
  --clc-tree-node-padding-block: 0.25rem;
  --clc-tree-node-padding-inline: 0.5rem;
  --clc-tree-node-selected-background-color: var(--clc-secondary-lighter);
  --clc-tree-node-selected-color: var(--clc-on-secondary-lighter);
  --clc-tree-node-selected-border-radius: calc(var(--clc-border-radius) * 5);
  --clc-tree-node-margin-block: 0;
  --clc-tree-node-margin-inline: 0;
  --clc-tree-node-hover-background-color: var(--clc-base-400);
  --clc-tree-node-hover-color: var(--clc-text-color);
  --clc-tree-node-focus-outline: var(--clc-outline-focus);
  --clc-tree-node-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-tree-node-toggle-width: 2rem;
  --clc-tree-node-toggle-color: var(--clc-text-tertiary-color);
  --clc-tree-node-toggle-hover-color: var(--clc-text-color);
  --clc-tree-transition: var(--clc-transition-all);
  /* Upload */
  --clc-upload-button-bar-background-color: var(--clc-base-100);
  --clc-upload-button-bar-padding: 0.5rem;
  --clc-upload-button-bar-border-radius: calc(var(--clc-border-radius) * 5);
  --clc-upload-files-background-color: var(--clc-base-background-color);
  --clc-upload-files-padding: 0.5rem 0;
  --clc-upload-files-remove-background-color: var(--clc-base-200);
  --clc-upload-files-remove-color: var(--clc-text-color);
  --clc-upload-files-margin: 0 0.5rem;
  --clc-upload-choose-background-color: var(--clc-base-200);
  --clc-upload-choose-color: var(--clc-text-color);
  --clc-upload-choose-hover-background-color: var(--clc-base-200);
  --clc-upload-choose-hover-color: var(--clc-text-title-color);
  --clc-upload-choose-active-background-color: var(--clc-base-200);
  --clc-upload-choose-active-color: var(--clc-text-title-color);
  --clc-upload-cancel-background-color: var(--clc-base-200);
  --clc-upload-cancel-color: var(--clc-text-color);
  --clc-upload-button-background-color: var(--clc-primary);
}