@charset "UTF-8";
/*!
The contents of this file are copyrighted and cannot be used outside of blazor.radzen.com
To use it in your application you need an active subscription - https://www.radzen.com/pricing
Any questions concerning the use or status of this file should be directed to info@radzen.com
*/
@import '../fonts/Pretendard/pretendard.css';
:root {
  --inquiry-list-item-background: #FFFFFF;
  --inquiry-list-item-text-title: var(--clc-base-800);
  --inquiry-list-item-text-content: var(--clc-base-400);
  --inquiry-list-item-text-date: var(--clc-base-400);
  --inquiry-list-item-status-waiting-background: rgba(200, 200, 200, 0.16);
  --inquiry-list-item-status-waiting-text: var(--clc-base-700);
  --inquiry-list-item-status-progressing-background: rgba(189, 168, 250, 0.2);
  --inquiry-list-item-status-progressing-text: var(--ivy-primary-500);
  --inquiry-list-item-status-closed-background: rgba(107, 191, 106, 0.16);
  --inquiry-list-item-status-closed-text: #1A9C18;
}

:root {
  --inquiry-create-text-primary: var(--clc-base-800);
  --inquiry-create-text-secondary: var(--clc-base-400);
  --inquiry-create-text-description: var(--clc-base-500);
  --inquiry-create-text-anounce: var(--clc-base-400);
  --inquiry-create-file-upload-text: var(--clc-base-400);
}

:root {
  --inquiry-detail-q-symbol: var(--ivy-primary-500);
  --inquiry-detail-q-symbol-background: #F1ECFE;
  --inquiry-detail-a-symbol: #FFFFFF;
  --inquiry-detail-a-symbol-background: var(--ivy-primary-400);
  --inquiry-detail-q-block-background: var(--clc-base);
  --inquiry-detail-a-block-background: rgba(241, 236, 254, 0.6);
  --inquiry-detail-text-title: var(--clc-base-700);
  --inquiry-detail-text-content: var(--clc-base-900);
  --inquiry-detail-text-date: var(--clc-base-400);
  --inquiry-detail-submit-button-text: var(--clc-base-600);
  --inquiry-detail-submit-button-background: rgba(200, 200, 200, 0.3);
  --inquiry-detail-article-file-background: var(--clc-base);
  --inquiry-detail-comment-file-background: #FFFFFF;
}

:root {
  --inquiry-top-label-text: var(--clc-base-800);
  --inquiry-group-button-text: var(--clc-base-600);
  --inquiry-group-button-text-selected: var(--clc-base);
  --inquiry-group-button-background: var(--clc-base-50);
  --inquiry-group-button-background-selected: var(--clc-base-600);
  --inquiry-submit-button-text: #FFFFFF;
  --inquiry-submit-button-background: var(--ivy-primary-500);
  --inquiry-submit-button-text-disabled: rgba(150, 150, 150, 0.8);
  --inquiry-submit-button-background-disabled: rgba(200, 200, 200, 0.4);
  --inquiry-input-background: #FFFFFF;
  --inquiry-input-placeholder: var(--clc-base-400);
  --inquiry-file-uploaded-icon: var(--ivy-primary-500);
  --inquiry-file-uploaded-background: var(--clc-base-50);
  --inquiry-file-uploaded-text-primary: var(--clv-text-primary);
  --inquiry-file-uploaded-text-secondary: var(--clv-text-tertiary);
  --inquiry-file-uploaded-button-remove: var(--clc-base-500);
  --inquiry-border: 1px solid var(--clc-base-200);
  --inquiry-border-dark-none: 1px solid var(--clc-base-200);
  --inquiry-essential: #D13F3F;
}

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

.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:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size var(--clc-ripple-duration, 0.8s), opacity var(--clc-ripple-duration, 0.8s);
  pointer-events: none;
}
.sidebar-toggle.clc-state-disabled:before {
  background: transparent;
}
.sidebar-toggle:active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 0%;
}

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

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

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

.clc-steps > ul {
  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-selectbar .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-timespanpicker-panel {
  flex-direction: column;
}
.clc-timespanpicker-panel > .clc-button {
  align-self: stretch;
}

.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 var(--clc-ripple-duration, 0.8s);
  background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.12) 1%) center/15000%;
}
.clc-fileupload-choose.clc-button:active {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-size 0s;
  background-size: 0%;
}
.clc-fileupload-choose.clc-button.clc-state-disabled:active {
  background-color: transparent;
}
.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:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size var(--clc-ripple-duration, 0.8s), opacity var(--clc-ripple-duration, 0.8s);
  pointer-events: none;
}
.clc-tabview-nav > li > a.clc-state-disabled:before {
  background: transparent;
}
.clc-tabview-nav > li > a:active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 0%;
}

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

@media (max-width: 768px) {
  .clc-layout .clc-body {
    margin: 0;
    border-radius: 0;
  }
}
.clc-toc-link {
  position: relative;
  overflow: hidden;
}
.clc-toc-link:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size var(--clc-ripple-duration, 0.8s), opacity var(--clc-ripple-duration, 0.8s);
  pointer-events: none;
}
.clc-toc-link.clc-state-disabled:before {
  background: transparent;
}
.clc-toc-link:active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 0%;
}
.clc-toc-item-selected > .clc-toc-item-wrapper .clc-toc-link {
  font-variation-settings: "GRAD" 125;
}

.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;
  font-display: swap;
}
[class^=clc-], [class^=clc-]::before, [class^=clc-]::after, [class^=clc-] *, [class^=clc-] *::before, [class^=clc-] *::after,
[class*=" clc-"],
[class*=" clc-"]::before,
[class*=" clc-"]::after,
[class*=" clc-"] *,
[class*=" clc-"] *::before,
[class*=" clc-"] *::after {
  box-sizing: border-box;
}

.clc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

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

.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-overflow-auto {
  overflow: auto !important;
}

.clc-overflow-scroll {
  overflow: scroll !important;
}

.clc-overflow-visible {
  overflow: visible !important;
}

.clc-overflow-hidden {
  overflow: hidden !important;
}

.clc-w-25 {
  width: 25% !important;
}

.clc-w-50 {
  width: 50% !important;
}

.clc-w-75 {
  width: 75% !important;
}

.clc-w-100 {
  width: 100% !important;
}

.clc-vw-25 {
  width: 25vw !important;
}

.clc-vw-50 {
  width: 50vw !important;
}

.clc-vw-75 {
  width: 75vw !important;
}

.clc-vw-100 {
  width: 100vw !important;
}

.clc-w-auto {
  width: auto !important;
}

.clc-w-fit-content {
  width: fit-content !important;
}

.clc-w-min-content {
  width: min-content !important;
}

.clc-w-max-content {
  width: max-content !important;
}

.clc-w-stretch {
  width: stretch !important;
}

.clc-min-w-25 {
  min-width: 25% !important;
}

.clc-min-w-50 {
  min-width: 50% !important;
}

.clc-min-w-75 {
  min-width: 75% !important;
}

.clc-min-w-100 {
  min-width: 100% !important;
}

.clc-max-w-25 {
  max-width: 25% !important;
}

.clc-max-w-50 {
  max-width: 50% !important;
}

.clc-max-w-75 {
  max-width: 75% !important;
}

.clc-max-w-100 {
  max-width: 100% !important;
}

.clc-h-25 {
  height: 25% !important;
}

.clc-h-50 {
  height: 50% !important;
}

.clc-h-75 {
  height: 75% !important;
}

.clc-h-100 {
  height: 100% !important;
}

.clc-vh-25 {
  height: 25vh !important;
}

.clc-vh-50 {
  height: 50vh !important;
}

.clc-vh-75 {
  height: 75vh !important;
}

.clc-vh-100 {
  height: 100vh !important;
}

.clc-h-auto {
  height: auto !important;
}

.clc-min-h-25 {
  min-height: 25% !important;
}

.clc-min-h-50 {
  min-height: 50% !important;
}

.clc-min-h-75 {
  min-height: 75% !important;
}

.clc-min-h-100 {
  min-height: 100% !important;
}

.clc-max-h-25 {
  max-height: 25% !important;
}

.clc-max-h-50 {
  max-height: 50% !important;
}

.clc-max-h-75 {
  max-height: 75% !important;
}

.clc-max-h-100 {
  max-height: 100% !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;
  }
  .clc-justify-content-xs-normal {
    justify-content: normal !important;
  }
  .clc-justify-content-xs-stretch {
    justify-content: stretch !important;
  }
  .clc-justify-content-xs-center {
    justify-content: center !important;
  }
  .clc-justify-content-xs-start {
    justify-content: start !important;
  }
  .clc-justify-content-xs-end {
    justify-content: end !important;
  }
  .clc-justify-content-xs-flex-start {
    justify-content: flex-start !important;
  }
  .clc-justify-content-xs-flex-end {
    justify-content: flex-end !important;
  }
  .clc-justify-content-xs-left {
    justify-content: left !important;
  }
  .clc-justify-content-xs-right {
    justify-content: right !important;
  }
  .clc-justify-content-xs-space-between {
    justify-content: space-between !important;
  }
  .clc-justify-content-xs-space-around {
    justify-content: space-around !important;
  }
  .clc-justify-content-xs-space-evenly {
    justify-content: space-evenly !important;
  }
  .clc-align-items-xs-normal {
    align-items: normal !important;
  }
  .clc-align-items-xs-stretch {
    align-items: stretch !important;
  }
  .clc-align-items-xs-center {
    align-items: center !important;
  }
  .clc-align-items-xs-start {
    align-items: start !important;
  }
  .clc-align-items-xs-end {
    align-items: end !important;
  }
  .clc-align-items-xs-flex-start {
    align-items: flex-start !important;
  }
  .clc-align-items-xs-flex-end {
    align-items: flex-end !important;
  }
  .clc-overflow-xs-auto {
    overflow: auto !important;
  }
  .clc-overflow-xs-scroll {
    overflow: scroll !important;
  }
  .clc-overflow-xs-visible {
    overflow: visible !important;
  }
  .clc-overflow-xs-hidden {
    overflow: hidden !important;
  }
  .clc-w-xs-25 {
    width: 25% !important;
  }
  .clc-w-xs-50 {
    width: 50% !important;
  }
  .clc-w-xs-75 {
    width: 75% !important;
  }
  .clc-w-xs-100 {
    width: 100% !important;
  }
  .clc-vw-xs-25 {
    width: 25vw !important;
  }
  .clc-vw-xs-50 {
    width: 50vw !important;
  }
  .clc-vw-xs-75 {
    width: 75vw !important;
  }
  .clc-vw-xs-100 {
    width: 100vw !important;
  }
  .clc-w-xs-auto {
    width: auto !important;
  }
  .clc-w-xs-fit-content {
    width: fit-content !important;
  }
  .clc-w-xs-min-content {
    width: min-content !important;
  }
  .clc-w-xs-max-content {
    width: max-content !important;
  }
  .clc-w-xs-stretch {
    width: stretch !important;
  }
  .clc-min-w-xs-25 {
    min-width: 25% !important;
  }
  .clc-min-w-xs-50 {
    min-width: 50% !important;
  }
  .clc-min-w-xs-75 {
    min-width: 75% !important;
  }
  .clc-min-w-xs-100 {
    min-width: 100% !important;
  }
  .clc-max-w-xs-25 {
    max-width: 25% !important;
  }
  .clc-max-w-xs-50 {
    max-width: 50% !important;
  }
  .clc-max-w-xs-75 {
    max-width: 75% !important;
  }
  .clc-max-w-xs-100 {
    max-width: 100% !important;
  }
  .clc-h-xs-25 {
    height: 25% !important;
  }
  .clc-h-xs-50 {
    height: 50% !important;
  }
  .clc-h-xs-75 {
    height: 75% !important;
  }
  .clc-h-xs-100 {
    height: 100% !important;
  }
  .clc-vh-xs-25 {
    height: 25vh !important;
  }
  .clc-vh-xs-50 {
    height: 50vh !important;
  }
  .clc-vh-xs-75 {
    height: 75vh !important;
  }
  .clc-vh-xs-100 {
    height: 100vh !important;
  }
  .clc-h-xs-auto {
    height: auto !important;
  }
  .clc-min-h-xs-25 {
    min-height: 25% !important;
  }
  .clc-min-h-xs-50 {
    min-height: 50% !important;
  }
  .clc-min-h-xs-75 {
    min-height: 75% !important;
  }
  .clc-min-h-xs-100 {
    min-height: 100% !important;
  }
  .clc-max-h-xs-25 {
    max-height: 25% !important;
  }
  .clc-max-h-xs-50 {
    max-height: 50% !important;
  }
  .clc-max-h-xs-75 {
    max-height: 75% !important;
  }
  .clc-max-h-xs-100 {
    max-height: 100% !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;
  }
  .clc-justify-content-sm-normal {
    justify-content: normal !important;
  }
  .clc-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
  .clc-justify-content-sm-center {
    justify-content: center !important;
  }
  .clc-justify-content-sm-start {
    justify-content: start !important;
  }
  .clc-justify-content-sm-end {
    justify-content: end !important;
  }
  .clc-justify-content-sm-flex-start {
    justify-content: flex-start !important;
  }
  .clc-justify-content-sm-flex-end {
    justify-content: flex-end !important;
  }
  .clc-justify-content-sm-left {
    justify-content: left !important;
  }
  .clc-justify-content-sm-right {
    justify-content: right !important;
  }
  .clc-justify-content-sm-space-between {
    justify-content: space-between !important;
  }
  .clc-justify-content-sm-space-around {
    justify-content: space-around !important;
  }
  .clc-justify-content-sm-space-evenly {
    justify-content: space-evenly !important;
  }
  .clc-align-items-sm-normal {
    align-items: normal !important;
  }
  .clc-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .clc-align-items-sm-center {
    align-items: center !important;
  }
  .clc-align-items-sm-start {
    align-items: start !important;
  }
  .clc-align-items-sm-end {
    align-items: end !important;
  }
  .clc-align-items-sm-flex-start {
    align-items: flex-start !important;
  }
  .clc-align-items-sm-flex-end {
    align-items: flex-end !important;
  }
  .clc-overflow-sm-auto {
    overflow: auto !important;
  }
  .clc-overflow-sm-scroll {
    overflow: scroll !important;
  }
  .clc-overflow-sm-visible {
    overflow: visible !important;
  }
  .clc-overflow-sm-hidden {
    overflow: hidden !important;
  }
  .clc-w-sm-25 {
    width: 25% !important;
  }
  .clc-w-sm-50 {
    width: 50% !important;
  }
  .clc-w-sm-75 {
    width: 75% !important;
  }
  .clc-w-sm-100 {
    width: 100% !important;
  }
  .clc-vw-sm-25 {
    width: 25vw !important;
  }
  .clc-vw-sm-50 {
    width: 50vw !important;
  }
  .clc-vw-sm-75 {
    width: 75vw !important;
  }
  .clc-vw-sm-100 {
    width: 100vw !important;
  }
  .clc-w-sm-auto {
    width: auto !important;
  }
  .clc-w-sm-fit-content {
    width: fit-content !important;
  }
  .clc-w-sm-min-content {
    width: min-content !important;
  }
  .clc-w-sm-max-content {
    width: max-content !important;
  }
  .clc-w-sm-stretch {
    width: stretch !important;
  }
  .clc-min-w-sm-25 {
    min-width: 25% !important;
  }
  .clc-min-w-sm-50 {
    min-width: 50% !important;
  }
  .clc-min-w-sm-75 {
    min-width: 75% !important;
  }
  .clc-min-w-sm-100 {
    min-width: 100% !important;
  }
  .clc-max-w-sm-25 {
    max-width: 25% !important;
  }
  .clc-max-w-sm-50 {
    max-width: 50% !important;
  }
  .clc-max-w-sm-75 {
    max-width: 75% !important;
  }
  .clc-max-w-sm-100 {
    max-width: 100% !important;
  }
  .clc-h-sm-25 {
    height: 25% !important;
  }
  .clc-h-sm-50 {
    height: 50% !important;
  }
  .clc-h-sm-75 {
    height: 75% !important;
  }
  .clc-h-sm-100 {
    height: 100% !important;
  }
  .clc-vh-sm-25 {
    height: 25vh !important;
  }
  .clc-vh-sm-50 {
    height: 50vh !important;
  }
  .clc-vh-sm-75 {
    height: 75vh !important;
  }
  .clc-vh-sm-100 {
    height: 100vh !important;
  }
  .clc-h-sm-auto {
    height: auto !important;
  }
  .clc-min-h-sm-25 {
    min-height: 25% !important;
  }
  .clc-min-h-sm-50 {
    min-height: 50% !important;
  }
  .clc-min-h-sm-75 {
    min-height: 75% !important;
  }
  .clc-min-h-sm-100 {
    min-height: 100% !important;
  }
  .clc-max-h-sm-25 {
    max-height: 25% !important;
  }
  .clc-max-h-sm-50 {
    max-height: 50% !important;
  }
  .clc-max-h-sm-75 {
    max-height: 75% !important;
  }
  .clc-max-h-sm-100 {
    max-height: 100% !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;
  }
  .clc-justify-content-md-normal {
    justify-content: normal !important;
  }
  .clc-justify-content-md-stretch {
    justify-content: stretch !important;
  }
  .clc-justify-content-md-center {
    justify-content: center !important;
  }
  .clc-justify-content-md-start {
    justify-content: start !important;
  }
  .clc-justify-content-md-end {
    justify-content: end !important;
  }
  .clc-justify-content-md-flex-start {
    justify-content: flex-start !important;
  }
  .clc-justify-content-md-flex-end {
    justify-content: flex-end !important;
  }
  .clc-justify-content-md-left {
    justify-content: left !important;
  }
  .clc-justify-content-md-right {
    justify-content: right !important;
  }
  .clc-justify-content-md-space-between {
    justify-content: space-between !important;
  }
  .clc-justify-content-md-space-around {
    justify-content: space-around !important;
  }
  .clc-justify-content-md-space-evenly {
    justify-content: space-evenly !important;
  }
  .clc-align-items-md-normal {
    align-items: normal !important;
  }
  .clc-align-items-md-stretch {
    align-items: stretch !important;
  }
  .clc-align-items-md-center {
    align-items: center !important;
  }
  .clc-align-items-md-start {
    align-items: start !important;
  }
  .clc-align-items-md-end {
    align-items: end !important;
  }
  .clc-align-items-md-flex-start {
    align-items: flex-start !important;
  }
  .clc-align-items-md-flex-end {
    align-items: flex-end !important;
  }
  .clc-overflow-md-auto {
    overflow: auto !important;
  }
  .clc-overflow-md-scroll {
    overflow: scroll !important;
  }
  .clc-overflow-md-visible {
    overflow: visible !important;
  }
  .clc-overflow-md-hidden {
    overflow: hidden !important;
  }
  .clc-w-md-25 {
    width: 25% !important;
  }
  .clc-w-md-50 {
    width: 50% !important;
  }
  .clc-w-md-75 {
    width: 75% !important;
  }
  .clc-w-md-100 {
    width: 100% !important;
  }
  .clc-vw-md-25 {
    width: 25vw !important;
  }
  .clc-vw-md-50 {
    width: 50vw !important;
  }
  .clc-vw-md-75 {
    width: 75vw !important;
  }
  .clc-vw-md-100 {
    width: 100vw !important;
  }
  .clc-w-md-auto {
    width: auto !important;
  }
  .clc-w-md-fit-content {
    width: fit-content !important;
  }
  .clc-w-md-min-content {
    width: min-content !important;
  }
  .clc-w-md-max-content {
    width: max-content !important;
  }
  .clc-w-md-stretch {
    width: stretch !important;
  }
  .clc-min-w-md-25 {
    min-width: 25% !important;
  }
  .clc-min-w-md-50 {
    min-width: 50% !important;
  }
  .clc-min-w-md-75 {
    min-width: 75% !important;
  }
  .clc-min-w-md-100 {
    min-width: 100% !important;
  }
  .clc-max-w-md-25 {
    max-width: 25% !important;
  }
  .clc-max-w-md-50 {
    max-width: 50% !important;
  }
  .clc-max-w-md-75 {
    max-width: 75% !important;
  }
  .clc-max-w-md-100 {
    max-width: 100% !important;
  }
  .clc-h-md-25 {
    height: 25% !important;
  }
  .clc-h-md-50 {
    height: 50% !important;
  }
  .clc-h-md-75 {
    height: 75% !important;
  }
  .clc-h-md-100 {
    height: 100% !important;
  }
  .clc-vh-md-25 {
    height: 25vh !important;
  }
  .clc-vh-md-50 {
    height: 50vh !important;
  }
  .clc-vh-md-75 {
    height: 75vh !important;
  }
  .clc-vh-md-100 {
    height: 100vh !important;
  }
  .clc-h-md-auto {
    height: auto !important;
  }
  .clc-min-h-md-25 {
    min-height: 25% !important;
  }
  .clc-min-h-md-50 {
    min-height: 50% !important;
  }
  .clc-min-h-md-75 {
    min-height: 75% !important;
  }
  .clc-min-h-md-100 {
    min-height: 100% !important;
  }
  .clc-max-h-md-25 {
    max-height: 25% !important;
  }
  .clc-max-h-md-50 {
    max-height: 50% !important;
  }
  .clc-max-h-md-75 {
    max-height: 75% !important;
  }
  .clc-max-h-md-100 {
    max-height: 100% !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;
  }
  .clc-justify-content-lg-normal {
    justify-content: normal !important;
  }
  .clc-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
  .clc-justify-content-lg-center {
    justify-content: center !important;
  }
  .clc-justify-content-lg-start {
    justify-content: start !important;
  }
  .clc-justify-content-lg-end {
    justify-content: end !important;
  }
  .clc-justify-content-lg-flex-start {
    justify-content: flex-start !important;
  }
  .clc-justify-content-lg-flex-end {
    justify-content: flex-end !important;
  }
  .clc-justify-content-lg-left {
    justify-content: left !important;
  }
  .clc-justify-content-lg-right {
    justify-content: right !important;
  }
  .clc-justify-content-lg-space-between {
    justify-content: space-between !important;
  }
  .clc-justify-content-lg-space-around {
    justify-content: space-around !important;
  }
  .clc-justify-content-lg-space-evenly {
    justify-content: space-evenly !important;
  }
  .clc-align-items-lg-normal {
    align-items: normal !important;
  }
  .clc-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .clc-align-items-lg-center {
    align-items: center !important;
  }
  .clc-align-items-lg-start {
    align-items: start !important;
  }
  .clc-align-items-lg-end {
    align-items: end !important;
  }
  .clc-align-items-lg-flex-start {
    align-items: flex-start !important;
  }
  .clc-align-items-lg-flex-end {
    align-items: flex-end !important;
  }
  .clc-overflow-lg-auto {
    overflow: auto !important;
  }
  .clc-overflow-lg-scroll {
    overflow: scroll !important;
  }
  .clc-overflow-lg-visible {
    overflow: visible !important;
  }
  .clc-overflow-lg-hidden {
    overflow: hidden !important;
  }
  .clc-w-lg-25 {
    width: 25% !important;
  }
  .clc-w-lg-50 {
    width: 50% !important;
  }
  .clc-w-lg-75 {
    width: 75% !important;
  }
  .clc-w-lg-100 {
    width: 100% !important;
  }
  .clc-vw-lg-25 {
    width: 25vw !important;
  }
  .clc-vw-lg-50 {
    width: 50vw !important;
  }
  .clc-vw-lg-75 {
    width: 75vw !important;
  }
  .clc-vw-lg-100 {
    width: 100vw !important;
  }
  .clc-w-lg-auto {
    width: auto !important;
  }
  .clc-w-lg-fit-content {
    width: fit-content !important;
  }
  .clc-w-lg-min-content {
    width: min-content !important;
  }
  .clc-w-lg-max-content {
    width: max-content !important;
  }
  .clc-w-lg-stretch {
    width: stretch !important;
  }
  .clc-min-w-lg-25 {
    min-width: 25% !important;
  }
  .clc-min-w-lg-50 {
    min-width: 50% !important;
  }
  .clc-min-w-lg-75 {
    min-width: 75% !important;
  }
  .clc-min-w-lg-100 {
    min-width: 100% !important;
  }
  .clc-max-w-lg-25 {
    max-width: 25% !important;
  }
  .clc-max-w-lg-50 {
    max-width: 50% !important;
  }
  .clc-max-w-lg-75 {
    max-width: 75% !important;
  }
  .clc-max-w-lg-100 {
    max-width: 100% !important;
  }
  .clc-h-lg-25 {
    height: 25% !important;
  }
  .clc-h-lg-50 {
    height: 50% !important;
  }
  .clc-h-lg-75 {
    height: 75% !important;
  }
  .clc-h-lg-100 {
    height: 100% !important;
  }
  .clc-vh-lg-25 {
    height: 25vh !important;
  }
  .clc-vh-lg-50 {
    height: 50vh !important;
  }
  .clc-vh-lg-75 {
    height: 75vh !important;
  }
  .clc-vh-lg-100 {
    height: 100vh !important;
  }
  .clc-h-lg-auto {
    height: auto !important;
  }
  .clc-min-h-lg-25 {
    min-height: 25% !important;
  }
  .clc-min-h-lg-50 {
    min-height: 50% !important;
  }
  .clc-min-h-lg-75 {
    min-height: 75% !important;
  }
  .clc-min-h-lg-100 {
    min-height: 100% !important;
  }
  .clc-max-h-lg-25 {
    max-height: 25% !important;
  }
  .clc-max-h-lg-50 {
    max-height: 50% !important;
  }
  .clc-max-h-lg-75 {
    max-height: 75% !important;
  }
  .clc-max-h-lg-100 {
    max-height: 100% !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;
  }
  .clc-justify-content-xl-normal {
    justify-content: normal !important;
  }
  .clc-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
  .clc-justify-content-xl-center {
    justify-content: center !important;
  }
  .clc-justify-content-xl-start {
    justify-content: start !important;
  }
  .clc-justify-content-xl-end {
    justify-content: end !important;
  }
  .clc-justify-content-xl-flex-start {
    justify-content: flex-start !important;
  }
  .clc-justify-content-xl-flex-end {
    justify-content: flex-end !important;
  }
  .clc-justify-content-xl-left {
    justify-content: left !important;
  }
  .clc-justify-content-xl-right {
    justify-content: right !important;
  }
  .clc-justify-content-xl-space-between {
    justify-content: space-between !important;
  }
  .clc-justify-content-xl-space-around {
    justify-content: space-around !important;
  }
  .clc-justify-content-xl-space-evenly {
    justify-content: space-evenly !important;
  }
  .clc-align-items-xl-normal {
    align-items: normal !important;
  }
  .clc-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .clc-align-items-xl-center {
    align-items: center !important;
  }
  .clc-align-items-xl-start {
    align-items: start !important;
  }
  .clc-align-items-xl-end {
    align-items: end !important;
  }
  .clc-align-items-xl-flex-start {
    align-items: flex-start !important;
  }
  .clc-align-items-xl-flex-end {
    align-items: flex-end !important;
  }
  .clc-overflow-xl-auto {
    overflow: auto !important;
  }
  .clc-overflow-xl-scroll {
    overflow: scroll !important;
  }
  .clc-overflow-xl-visible {
    overflow: visible !important;
  }
  .clc-overflow-xl-hidden {
    overflow: hidden !important;
  }
  .clc-w-xl-25 {
    width: 25% !important;
  }
  .clc-w-xl-50 {
    width: 50% !important;
  }
  .clc-w-xl-75 {
    width: 75% !important;
  }
  .clc-w-xl-100 {
    width: 100% !important;
  }
  .clc-vw-xl-25 {
    width: 25vw !important;
  }
  .clc-vw-xl-50 {
    width: 50vw !important;
  }
  .clc-vw-xl-75 {
    width: 75vw !important;
  }
  .clc-vw-xl-100 {
    width: 100vw !important;
  }
  .clc-w-xl-auto {
    width: auto !important;
  }
  .clc-w-xl-fit-content {
    width: fit-content !important;
  }
  .clc-w-xl-min-content {
    width: min-content !important;
  }
  .clc-w-xl-max-content {
    width: max-content !important;
  }
  .clc-w-xl-stretch {
    width: stretch !important;
  }
  .clc-min-w-xl-25 {
    min-width: 25% !important;
  }
  .clc-min-w-xl-50 {
    min-width: 50% !important;
  }
  .clc-min-w-xl-75 {
    min-width: 75% !important;
  }
  .clc-min-w-xl-100 {
    min-width: 100% !important;
  }
  .clc-max-w-xl-25 {
    max-width: 25% !important;
  }
  .clc-max-w-xl-50 {
    max-width: 50% !important;
  }
  .clc-max-w-xl-75 {
    max-width: 75% !important;
  }
  .clc-max-w-xl-100 {
    max-width: 100% !important;
  }
  .clc-h-xl-25 {
    height: 25% !important;
  }
  .clc-h-xl-50 {
    height: 50% !important;
  }
  .clc-h-xl-75 {
    height: 75% !important;
  }
  .clc-h-xl-100 {
    height: 100% !important;
  }
  .clc-vh-xl-25 {
    height: 25vh !important;
  }
  .clc-vh-xl-50 {
    height: 50vh !important;
  }
  .clc-vh-xl-75 {
    height: 75vh !important;
  }
  .clc-vh-xl-100 {
    height: 100vh !important;
  }
  .clc-h-xl-auto {
    height: auto !important;
  }
  .clc-min-h-xl-25 {
    min-height: 25% !important;
  }
  .clc-min-h-xl-50 {
    min-height: 50% !important;
  }
  .clc-min-h-xl-75 {
    min-height: 75% !important;
  }
  .clc-min-h-xl-100 {
    min-height: 100% !important;
  }
  .clc-max-h-xl-25 {
    max-height: 25% !important;
  }
  .clc-max-h-xl-50 {
    max-height: 50% !important;
  }
  .clc-max-h-xl-75 {
    max-height: 75% !important;
  }
  .clc-max-h-xl-100 {
    max-height: 100% !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-xx-normal {
    justify-content: normal !important;
  }
  .clc-justify-content-xx-stretch {
    justify-content: stretch !important;
  }
  .clc-justify-content-xx-center {
    justify-content: center !important;
  }
  .clc-justify-content-xx-start {
    justify-content: start !important;
  }
  .clc-justify-content-xx-end {
    justify-content: end !important;
  }
  .clc-justify-content-xx-flex-start {
    justify-content: flex-start !important;
  }
  .clc-justify-content-xx-flex-end {
    justify-content: flex-end !important;
  }
  .clc-justify-content-xx-left {
    justify-content: left !important;
  }
  .clc-justify-content-xx-right {
    justify-content: right !important;
  }
  .clc-justify-content-xx-space-between {
    justify-content: space-between !important;
  }
  .clc-justify-content-xx-space-around {
    justify-content: space-around !important;
  }
  .clc-justify-content-xx-space-evenly {
    justify-content: space-evenly !important;
  }
  .clc-align-items-xx-normal {
    align-items: normal !important;
  }
  .clc-align-items-xx-stretch {
    align-items: stretch !important;
  }
  .clc-align-items-xx-center {
    align-items: center !important;
  }
  .clc-align-items-xx-start {
    align-items: start !important;
  }
  .clc-align-items-xx-end {
    align-items: end !important;
  }
  .clc-align-items-xx-flex-start {
    align-items: flex-start !important;
  }
  .clc-align-items-xx-flex-end {
    align-items: flex-end !important;
  }
  .clc-overflow-xx-auto {
    overflow: auto !important;
  }
  .clc-overflow-xx-scroll {
    overflow: scroll !important;
  }
  .clc-overflow-xx-visible {
    overflow: visible !important;
  }
  .clc-overflow-xx-hidden {
    overflow: hidden !important;
  }
  .clc-w-xx-25 {
    width: 25% !important;
  }
  .clc-w-xx-50 {
    width: 50% !important;
  }
  .clc-w-xx-75 {
    width: 75% !important;
  }
  .clc-w-xx-100 {
    width: 100% !important;
  }
  .clc-vw-xx-25 {
    width: 25vw !important;
  }
  .clc-vw-xx-50 {
    width: 50vw !important;
  }
  .clc-vw-xx-75 {
    width: 75vw !important;
  }
  .clc-vw-xx-100 {
    width: 100vw !important;
  }
  .clc-w-xx-auto {
    width: auto !important;
  }
  .clc-w-xx-fit-content {
    width: fit-content !important;
  }
  .clc-w-xx-min-content {
    width: min-content !important;
  }
  .clc-w-xx-max-content {
    width: max-content !important;
  }
  .clc-w-xx-stretch {
    width: stretch !important;
  }
  .clc-min-w-xx-25 {
    min-width: 25% !important;
  }
  .clc-min-w-xx-50 {
    min-width: 50% !important;
  }
  .clc-min-w-xx-75 {
    min-width: 75% !important;
  }
  .clc-min-w-xx-100 {
    min-width: 100% !important;
  }
  .clc-max-w-xx-25 {
    max-width: 25% !important;
  }
  .clc-max-w-xx-50 {
    max-width: 50% !important;
  }
  .clc-max-w-xx-75 {
    max-width: 75% !important;
  }
  .clc-max-w-xx-100 {
    max-width: 100% !important;
  }
  .clc-h-xx-25 {
    height: 25% !important;
  }
  .clc-h-xx-50 {
    height: 50% !important;
  }
  .clc-h-xx-75 {
    height: 75% !important;
  }
  .clc-h-xx-100 {
    height: 100% !important;
  }
  .clc-vh-xx-25 {
    height: 25vh !important;
  }
  .clc-vh-xx-50 {
    height: 50vh !important;
  }
  .clc-vh-xx-75 {
    height: 75vh !important;
  }
  .clc-vh-xx-100 {
    height: 100vh !important;
  }
  .clc-h-xx-auto {
    height: auto !important;
  }
  .clc-min-h-xx-25 {
    min-height: 25% !important;
  }
  .clc-min-h-xx-50 {
    min-height: 50% !important;
  }
  .clc-min-h-xx-75 {
    min-height: 75% !important;
  }
  .clc-min-h-xx-100 {
    min-height: 100% !important;
  }
  .clc-max-h-xx-25 {
    max-height: 25% !important;
  }
  .clc-max-h-xx-50 {
    max-height: 50% !important;
  }
  .clc-max-h-xx-75 {
    max-height: 75% !important;
  }
  .clc-max-h-xx-100 {
    max-height: 100% !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 {
  border-width: 0;
  border-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base);
}

.clc-border-0 {
  border-width: 0 !important;
}

.clc-border-start {
  border-width: 0;
  border-inline-start-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base);
}

.clc-border-start-0 {
  border-inline-start-width: 0 !important;
}

.clc-border-end {
  border-width: 0;
  border-inline-end-width: var(--clc-border-width);
  border-style: solid;
  border-color: var(--clc-base);
}

.clc-border-end-0 {
  border-inline-end-width: 0 !important;
}

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

.clc-border-left-0 {
  border-left-width: 0 !important;
}

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

.clc-border-right-0 {
  border-right-width: 0 !important;
}

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

.clc-border-top-0 {
  border-top-width: 0 !important;
}

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

.clc-border-bottom-0 {
  border-bottom-width: 0 !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-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-ripple {
  position: relative;
  overflow: hidden;
}
.clc-ripple:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-position: center;
  background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
  transition: background-size var(--clc-ripple-duration, 0.8s), opacity var(--clc-ripple-duration, 0.8s);
  pointer-events: none;
}
.clc-ripple.clc-state-disabled:before {
  background: transparent;
}
.clc-ripple:active:before {
  transition: background-size 0s, opacity 0s;
  opacity: 0.32;
  background-size: 0%;
}

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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-me-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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-pe-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;
  }
}
@keyframes clc-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes clc-close {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.clc-open {
  animation: var(--clc-expander-transition) clc-open;
}

.clc-close {
  animation: var(--clc-expander-transition) clc-close;
}

@keyframes clc-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes clc-pulse-subtle {
  0%, 100% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
}
@keyframes clc-wave {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
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;
}

.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-stack > .clc-text-display-h1 {
  margin-block: 0;
}

.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-stack > .clc-text-display-h2 {
  margin-block: 0;
}

.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-stack > .clc-text-display-h3 {
  margin-block: 0;
}

.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-stack > .clc-text-display-h4 {
  margin-block: 0;
}

.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-stack > .clc-text-display-h5 {
  margin-block: 0;
}

.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-stack > .clc-text-display-h6 {
  margin-block: 0;
}

.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-stack > .clc-text-h1 {
  margin-block: 0;
}

.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-stack > .clc-text-h2 {
  margin-block: 0;
}

.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-stack > .clc-text-h3 {
  margin-block: 0;
}

.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-stack > .clc-text-h4 {
  margin-block: 0;
}

.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-stack > .clc-text-h5 {
  margin-block: 0;
}

.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-stack > .clc-text-h6 {
  margin-block: 0;
}

.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-stack > .clc-text-subtitle1 {
  margin-block: 0;
}

.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-stack > .clc-text-subtitle2 {
  margin-block: 0;
}

.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-stack > .clc-text-body1 {
  margin-block: 0;
}

.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-stack > .clc-text-body2 {
  margin-block: 0;
}

.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-stack > .clc-text-button {
  margin-block: 0;
}

.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-stack > .clc-text-caption {
  margin-block: 0;
}

.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-stack > .clc-text-overline {
  margin-block: 0;
}

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

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

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

.clc-icons-loading .clci {
  color: transparent !important;
  user-select: none;
}

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

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

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

.clc-hidden-accessible {
  opacity: 0;
  width: 100%;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.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;
}
@media (hover: hover) and (pointer: fine) {
  .clc-pager-element:not(.clc-state-disabled):not(:active):hover, .clc-button:not(.clc-state-disabled):not(:active):hover {
    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):not(:active):not(.clc-variant-text):not(.clc-variant-flat):not(.clc-variant-outlined):focus-visible, .clc-button:not(.clc-state-disabled):not(:active):not(.clc-variant-text):not(.clc-variant-flat):not(.clc-variant-outlined):focus-visible {
  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 {
  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-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-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-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-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-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-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-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-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-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-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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-primary:not(.clc-state-disabled):hover {
    background-color: var(--clc-primary-lighter);
    color: var(--clc-on-primary-lighter);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-secondary:not(.clc-state-disabled):hover {
    background-color: var(--clc-secondary-lighter);
    color: var(--clc-on-secondary-lighter);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-info:not(.clc-state-disabled):hover {
    background-color: var(--clc-info-lighter);
    color: var(--clc-on-info-lighter);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-warning:not(.clc-state-disabled):hover {
    background-color: var(--clc-warning-lighter);
    color: var(--clc-on-warning-lighter);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-error:not(.clc-state-disabled):hover {
    background-color: var(--clc-error-lighter);
    color: var(--clc-on-error-lighter);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-danger:not(.clc-state-disabled):hover {
    background-color: var(--clc-danger-lighter);
    color: var(--clc-on-danger-lighter);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-success:not(.clc-state-disabled):hover {
    background-color: var(--clc-success-lighter);
    color: var(--clc-on-success-lighter);
    background-image: none;
  }
}
.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-base-600);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-base:not(.clc-state-disabled):hover {
    background-color: var(--clc-base-200);
    color: var(--clc-on-base-lighter);
    background-image: none;
  }
}
.clc-button.clc-variant-outlined.clc-base:not(.clc-state-disabled):active {
  background-color: var(--clc-base-200);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-light:not(.clc-state-disabled):hover {
    background-color: rgba(255, 255, 255, 0.12);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-outlined.clc-dark:not(.clc-state-disabled):hover {
    background-color: rgba(0, 0, 0, 0.12);
    background-image: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-primary:not(.clc-state-disabled):hover {
    background-color: var(--clc-primary-lighter);
    color: var(--clc-on-primary-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-secondary:not(.clc-state-disabled):hover {
    background-color: var(--clc-secondary-lighter);
    color: var(--clc-on-secondary-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-info:not(.clc-state-disabled):hover {
    background-color: var(--clc-info-lighter);
    color: var(--clc-on-info-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-warning:not(.clc-state-disabled):hover {
    background-color: var(--clc-warning-lighter);
    color: var(--clc-on-warning-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-error:not(.clc-state-disabled):hover {
    background-color: var(--clc-error-lighter);
    color: var(--clc-on-error-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-danger:not(.clc-state-disabled):hover {
    background-color: var(--clc-danger-lighter);
    color: var(--clc-on-danger-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-success:not(.clc-state-disabled):hover {
    background-color: var(--clc-success-lighter);
    color: var(--clc-on-success-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.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);
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-base:not(.clc-state-disabled):hover {
    background-color: var(--clc-base-200);
    color: var(--clc-on-base-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.clc-button.clc-variant-text.clc-base:not(.clc-state-disabled):active {
  background-color: var(--clc-base-200);
  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;
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-light:not(.clc-state-disabled):hover {
    background-color: rgba(255, 255, 255, 0.12);
    background-image: none;
    box-shadow: none;
  }
}
.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;
}
@media (hover: hover) and (pointer: fine) {
  .clc-button.clc-variant-text.clc-dark:not(.clc-state-disabled):hover {
    background-color: rgba(0, 0, 0, 0.12);
    background-image: none;
    box-shadow: none;
  }
}
.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: var(--clc-button-size-lg);
  min-width: var(--clc-button-size-lg);
  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: var(--clc-button-size-md);
  min-width: var(--clc-button-size-md);
  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: var(--clc-button-size-sm);
  min-width: var(--clc-button-size-sm);
  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: var(--clc-button-size-xs);
  min-width: var(--clc-button-size-xs);
  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-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);
  border: var(--clc-chip-border-width) solid transparent;
  font-size: var(--clc-chip-font-size);
  font-weight: var(--clc-chip-font-weight);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  transition: filter var(--clc-transition), box-shadow var(--clc-transition), color var(--clc-transition), background-color var(--clc-transition);
}
.clc-chip .clc-chip-icon {
  font-size: var(--clc-chip-icon-size);
  line-height: var(--clc-chip-icon-size);
  margin-inline-start: calc(-1 * (var(--clc-chip-padding-inline) - var(--clc-chip-padding-block)));
}
.clc-chip .clc-button {
  border-radius: var(--clc-chip-border-radius);
  box-shadow: none;
  align-self: center;
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  margin-inline-end: calc(-1 * (var(--clc-chip-padding-inline) - var(--clc-chip-padding-block)));
}
.clc-chip .clc-button .clci {
  vertical-align: middle;
  font-size: 1rem;
}
.clc-chip.clc-state-disabled {
  opacity: var(--clc-chip-disabled-opacity);
  pointer-events: none;
}
.clc-chip:not(.clc-state-disabled) {
  cursor: pointer;
}
.clc-chip:not(.clc-state-disabled):hover {
  filter: brightness(0.9);
}
.clc-chip:not(.clc-state-disabled):active {
  filter: brightness(0.85);
}
.clc-chip.clc-chip-selected {
  outline: var(--clc-chip-selected-outline);
  outline-offset: var(--clc-chip-selected-outline-offset);
}
.clc-chip:focus-visible:not(.clc-state-disabled) {
  outline: var(--clc-chip-selected-outline);
  outline-offset: var(--clc-chip-selected-outline-offset);
}
.clc-chip.clc-chip-sm {
  padding-block: var(--clc-chip-sm-padding-block);
  padding-inline: var(--clc-chip-sm-padding-inline);
  gap: var(--clc-chip-sm-gap);
  font-size: var(--clc-chip-sm-font-size);
}
.clc-chip.clc-chip-sm .clc-chip-icon {
  font-size: var(--clc-chip-sm-icon-size);
  margin-inline-start: calc(-1 * (var(--clc-chip-sm-padding-inline) - var(--clc-chip-sm-padding-block)));
}
.clc-chip.clc-chip-xs {
  padding-block: var(--clc-chip-xs-padding-block);
  padding-inline: var(--clc-chip-xs-padding-inline);
  gap: var(--clc-chip-xs-gap);
  font-size: var(--clc-chip-xs-font-size);
}
.clc-chip.clc-chip-xs .clc-chip-icon {
  font-size: var(--clc-chip-xs-icon-size);
  margin-inline-start: calc(-1 * (var(--clc-chip-xs-padding-inline) - var(--clc-chip-xs-padding-block)));
}

.clc-chip-primary {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}
.clc-chip-primary.clc-shade-lighter {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
}
.clc-chip-primary.clc-shade-light {
  background-color: var(--clc-primary-light);
  color: var(--clc-on-primary-light);
}
.clc-chip-primary.clc-shade-default {
  background-color: var(--clc-primary);
  color: var(--clc-on-primary);
}
.clc-chip-primary.clc-shade-dark {
  background-color: var(--clc-primary-dark);
  color: var(--clc-on-primary-dark);
}
.clc-chip-primary.clc-shade-darker {
  background-color: var(--clc-primary-darker);
  color: var(--clc-on-primary-darker);
}

.clc-chip-secondary {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}
.clc-chip-secondary.clc-shade-lighter {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
}
.clc-chip-secondary.clc-shade-light {
  background-color: var(--clc-secondary-light);
  color: var(--clc-on-secondary-light);
}
.clc-chip-secondary.clc-shade-default {
  background-color: var(--clc-secondary);
  color: var(--clc-on-secondary);
}
.clc-chip-secondary.clc-shade-dark {
  background-color: var(--clc-secondary-dark);
  color: var(--clc-on-secondary-dark);
}
.clc-chip-secondary.clc-shade-darker {
  background-color: var(--clc-secondary-darker);
  color: var(--clc-on-secondary-darker);
}

.clc-chip-info {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}
.clc-chip-info.clc-shade-lighter {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
}
.clc-chip-info.clc-shade-light {
  background-color: var(--clc-info-light);
  color: var(--clc-on-info-light);
}
.clc-chip-info.clc-shade-default {
  background-color: var(--clc-info);
  color: var(--clc-on-info);
}
.clc-chip-info.clc-shade-dark {
  background-color: var(--clc-info-dark);
  color: var(--clc-on-info-dark);
}
.clc-chip-info.clc-shade-darker {
  background-color: var(--clc-info-darker);
  color: var(--clc-on-info-darker);
}

.clc-chip-warning {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}
.clc-chip-warning.clc-shade-lighter {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
}
.clc-chip-warning.clc-shade-light {
  background-color: var(--clc-warning-light);
  color: var(--clc-on-warning-light);
}
.clc-chip-warning.clc-shade-default {
  background-color: var(--clc-warning);
  color: var(--clc-on-warning);
}
.clc-chip-warning.clc-shade-dark {
  background-color: var(--clc-warning-dark);
  color: var(--clc-on-warning-dark);
}
.clc-chip-warning.clc-shade-darker {
  background-color: var(--clc-warning-darker);
  color: var(--clc-on-warning-darker);
}

.clc-chip-error {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-chip-error.clc-shade-lighter {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
}
.clc-chip-error.clc-shade-light {
  background-color: var(--clc-error-light);
  color: var(--clc-on-error-light);
}
.clc-chip-error.clc-shade-default {
  background-color: var(--clc-error);
  color: var(--clc-on-error);
}
.clc-chip-error.clc-shade-dark {
  background-color: var(--clc-error-dark);
  color: var(--clc-on-error-dark);
}
.clc-chip-error.clc-shade-darker {
  background-color: var(--clc-error-darker);
  color: var(--clc-on-error-darker);
}

.clc-chip-danger {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-chip-danger.clc-shade-lighter {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
}
.clc-chip-danger.clc-shade-light {
  background-color: var(--clc-danger-light);
  color: var(--clc-on-danger-light);
}
.clc-chip-danger.clc-shade-default {
  background-color: var(--clc-danger);
  color: var(--clc-on-danger);
}
.clc-chip-danger.clc-shade-dark {
  background-color: var(--clc-danger-dark);
  color: var(--clc-on-danger-dark);
}
.clc-chip-danger.clc-shade-darker {
  background-color: var(--clc-danger-darker);
  color: var(--clc-on-danger-darker);
}

.clc-chip-success {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}
.clc-chip-success.clc-shade-lighter {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
}
.clc-chip-success.clc-shade-light {
  background-color: var(--clc-success-light);
  color: var(--clc-on-success-light);
}
.clc-chip-success.clc-shade-default {
  background-color: var(--clc-success);
  color: var(--clc-on-success);
}
.clc-chip-success.clc-shade-dark {
  background-color: var(--clc-success-dark);
  color: var(--clc-on-success-dark);
}
.clc-chip-success.clc-shade-darker {
  background-color: var(--clc-success-darker);
  color: var(--clc-on-success-darker);
}

.clc-chip-base {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}
.clc-chip-base.clc-shade-lighter {
  background-color: var(--clc-base-lighter);
  color: var(--clc-on-base-lighter);
}
.clc-chip-base.clc-shade-light {
  background-color: var(--clc-base-light);
  color: var(--clc-on-base-light);
}
.clc-chip-base.clc-shade-default {
  background-color: var(--clc-base);
  color: var(--clc-on-base);
}
.clc-chip-base.clc-shade-dark {
  background-color: var(--clc-base-dark);
  color: var(--clc-on-base-dark);
}
.clc-chip-base.clc-shade-darker {
  background-color: var(--clc-base-darker);
  color: var(--clc-on-base-darker);
}

.clc-chip-light {
  background-color: var(--clc-base-200);
  color: var(--clc-text-color);
}

.clc-chip-dark {
  background-color: var(--clc-base-900);
  color: var(--clc-text-contrast-color);
}

.clc-variant-outlined.clc-chip-primary {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-primary.clc-shade-lighter {
  border-color: var(--clc-primary-lighter);
  color: var(--clc-primary-light);
}
.clc-variant-outlined.clc-chip-primary.clc-shade-light {
  border-color: var(--clc-primary-light);
  color: var(--clc-primary-light);
}
.clc-variant-outlined.clc-chip-primary.clc-shade-default {
  border-color: var(--clc-primary);
  color: var(--clc-primary);
}
.clc-variant-outlined.clc-chip-primary.clc-shade-dark {
  border-color: var(--clc-primary-dark);
  color: var(--clc-primary-dark);
}
.clc-variant-outlined.clc-chip-primary.clc-shade-darker {
  border-color: var(--clc-primary-darker);
  color: var(--clc-primary-darker);
}
.clc-variant-outlined.clc-chip-primary:not(.clc-state-disabled):hover {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-primary:not(.clc-state-disabled):active {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-secondary {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-secondary.clc-shade-lighter {
  border-color: var(--clc-secondary-lighter);
  color: var(--clc-secondary-light);
}
.clc-variant-outlined.clc-chip-secondary.clc-shade-light {
  border-color: var(--clc-secondary-light);
  color: var(--clc-secondary-light);
}
.clc-variant-outlined.clc-chip-secondary.clc-shade-default {
  border-color: var(--clc-secondary);
  color: var(--clc-secondary);
}
.clc-variant-outlined.clc-chip-secondary.clc-shade-dark {
  border-color: var(--clc-secondary-dark);
  color: var(--clc-secondary-dark);
}
.clc-variant-outlined.clc-chip-secondary.clc-shade-darker {
  border-color: var(--clc-secondary-darker);
  color: var(--clc-secondary-darker);
}
.clc-variant-outlined.clc-chip-secondary:not(.clc-state-disabled):hover {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-secondary:not(.clc-state-disabled):active {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-info {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-info.clc-shade-lighter {
  border-color: var(--clc-info-lighter);
  color: var(--clc-info-light);
}
.clc-variant-outlined.clc-chip-info.clc-shade-light {
  border-color: var(--clc-info-light);
  color: var(--clc-info-light);
}
.clc-variant-outlined.clc-chip-info.clc-shade-default {
  border-color: var(--clc-info);
  color: var(--clc-info);
}
.clc-variant-outlined.clc-chip-info.clc-shade-dark {
  border-color: var(--clc-info-dark);
  color: var(--clc-info-dark);
}
.clc-variant-outlined.clc-chip-info.clc-shade-darker {
  border-color: var(--clc-info-darker);
  color: var(--clc-info-darker);
}
.clc-variant-outlined.clc-chip-info:not(.clc-state-disabled):hover {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-info:not(.clc-state-disabled):active {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-warning {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-warning.clc-shade-lighter {
  border-color: var(--clc-warning-lighter);
  color: var(--clc-warning-light);
}
.clc-variant-outlined.clc-chip-warning.clc-shade-light {
  border-color: var(--clc-warning-light);
  color: var(--clc-warning-light);
}
.clc-variant-outlined.clc-chip-warning.clc-shade-default {
  border-color: var(--clc-warning);
  color: var(--clc-warning);
}
.clc-variant-outlined.clc-chip-warning.clc-shade-dark {
  border-color: var(--clc-warning-dark);
  color: var(--clc-warning-dark);
}
.clc-variant-outlined.clc-chip-warning.clc-shade-darker {
  border-color: var(--clc-warning-darker);
  color: var(--clc-warning-darker);
}
.clc-variant-outlined.clc-chip-warning:not(.clc-state-disabled):hover {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-warning:not(.clc-state-disabled):active {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-error {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-error.clc-shade-lighter {
  border-color: var(--clc-error-lighter);
  color: var(--clc-error-light);
}
.clc-variant-outlined.clc-chip-error.clc-shade-light {
  border-color: var(--clc-error-light);
  color: var(--clc-error-light);
}
.clc-variant-outlined.clc-chip-error.clc-shade-default {
  border-color: var(--clc-error);
  color: var(--clc-error);
}
.clc-variant-outlined.clc-chip-error.clc-shade-dark {
  border-color: var(--clc-error-dark);
  color: var(--clc-error-dark);
}
.clc-variant-outlined.clc-chip-error.clc-shade-darker {
  border-color: var(--clc-error-darker);
  color: var(--clc-error-darker);
}
.clc-variant-outlined.clc-chip-error:not(.clc-state-disabled):hover {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-error:not(.clc-state-disabled):active {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-danger {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-danger.clc-shade-lighter {
  border-color: var(--clc-danger-lighter);
  color: var(--clc-danger-light);
}
.clc-variant-outlined.clc-chip-danger.clc-shade-light {
  border-color: var(--clc-danger-light);
  color: var(--clc-danger-light);
}
.clc-variant-outlined.clc-chip-danger.clc-shade-default {
  border-color: var(--clc-danger);
  color: var(--clc-danger);
}
.clc-variant-outlined.clc-chip-danger.clc-shade-dark {
  border-color: var(--clc-danger-dark);
  color: var(--clc-danger-dark);
}
.clc-variant-outlined.clc-chip-danger.clc-shade-darker {
  border-color: var(--clc-danger-darker);
  color: var(--clc-danger-darker);
}
.clc-variant-outlined.clc-chip-danger:not(.clc-state-disabled):hover {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-danger:not(.clc-state-disabled):active {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-success {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-success.clc-shade-lighter {
  border-color: var(--clc-success-lighter);
  color: var(--clc-success-light);
}
.clc-variant-outlined.clc-chip-success.clc-shade-light {
  border-color: var(--clc-success-light);
  color: var(--clc-success-light);
}
.clc-variant-outlined.clc-chip-success.clc-shade-default {
  border-color: var(--clc-success);
  color: var(--clc-success);
}
.clc-variant-outlined.clc-chip-success.clc-shade-dark {
  border-color: var(--clc-success-dark);
  color: var(--clc-success-dark);
}
.clc-variant-outlined.clc-chip-success.clc-shade-darker {
  border-color: var(--clc-success-darker);
  color: var(--clc-success-darker);
}
.clc-variant-outlined.clc-chip-success:not(.clc-state-disabled):hover {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-success:not(.clc-state-disabled):active {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-base {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-base.clc-shade-lighter {
  border-color: var(--clc-base-lighter);
  color: var(--clc-base-light);
}
.clc-variant-outlined.clc-chip-base.clc-shade-light {
  border-color: var(--clc-base-light);
  color: var(--clc-base-light);
}
.clc-variant-outlined.clc-chip-base.clc-shade-default {
  border-color: var(--clc-base-600);
  color: var(--clc-text-color);
}
.clc-variant-outlined.clc-chip-base.clc-shade-dark {
  border-color: var(--clc-base-dark);
  color: var(--clc-base-dark);
}
.clc-variant-outlined.clc-chip-base.clc-shade-darker {
  border-color: var(--clc-base-darker);
  color: var(--clc-base-darker);
}
.clc-variant-outlined.clc-chip-base:not(.clc-state-disabled):hover {
  background-color: var(--clc-base-200);
  color: var(--clc-on-base-lighter);
  filter: none;
}
.clc-variant-outlined.clc-chip-base:not(.clc-state-disabled):active {
  background-color: var(--clc-base-200);
  color: var(--clc-on-base-lighter);
  filter: none;
}

.clc-variant-outlined.clc-chip-light {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-light.clc-shade-default {
  border-color: var(--clc-base-200);
  color: var(--clc-base-200);
}
.clc-variant-outlined.clc-chip-light:not(.clc-state-disabled):hover {
  background-color: rgba(255, 255, 255, 0.12);
  filter: none;
}
.clc-variant-outlined.clc-chip-light:not(.clc-state-disabled):active {
  background-color: rgba(255, 255, 255, 0.12);
  filter: none;
}

.clc-variant-outlined.clc-chip-dark {
  background-color: transparent;
}
.clc-variant-outlined.clc-chip-dark.clc-shade-default {
  border-color: var(--clc-base-900);
  color: var(--clc-base-900);
}
.clc-variant-outlined.clc-chip-dark:not(.clc-state-disabled):hover {
  background-color: rgba(0, 0, 0, 0.12);
  filter: none;
}
.clc-variant-outlined.clc-chip-dark:not(.clc-state-disabled):active {
  background-color: rgba(0, 0, 0, 0.12);
  filter: none;
}

.clc-variant-text.clc-chip-primary {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-primary.clc-shade-lighter {
  color: var(--clc-primary-lighter);
}
.clc-variant-text.clc-chip-primary.clc-shade-light {
  color: var(--clc-primary-light);
}
.clc-variant-text.clc-chip-primary.clc-shade-default {
  color: var(--clc-primary);
}
.clc-variant-text.clc-chip-primary.clc-shade-dark {
  color: var(--clc-primary-dark);
}
.clc-variant-text.clc-chip-primary.clc-shade-darker {
  color: var(--clc-primary-darker);
}
.clc-variant-text.clc-chip-primary:not(.clc-state-disabled):hover {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-primary:not(.clc-state-disabled):active {
  background-color: var(--clc-primary-lighter);
  color: var(--clc-on-primary-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-secondary {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-secondary.clc-shade-lighter {
  color: var(--clc-secondary-lighter);
}
.clc-variant-text.clc-chip-secondary.clc-shade-light {
  color: var(--clc-secondary-light);
}
.clc-variant-text.clc-chip-secondary.clc-shade-default {
  color: var(--clc-secondary);
}
.clc-variant-text.clc-chip-secondary.clc-shade-dark {
  color: var(--clc-secondary-dark);
}
.clc-variant-text.clc-chip-secondary.clc-shade-darker {
  color: var(--clc-secondary-darker);
}
.clc-variant-text.clc-chip-secondary:not(.clc-state-disabled):hover {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-secondary:not(.clc-state-disabled):active {
  background-color: var(--clc-secondary-lighter);
  color: var(--clc-on-secondary-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-info {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-info.clc-shade-lighter {
  color: var(--clc-info-lighter);
}
.clc-variant-text.clc-chip-info.clc-shade-light {
  color: var(--clc-info-light);
}
.clc-variant-text.clc-chip-info.clc-shade-default {
  color: var(--clc-info);
}
.clc-variant-text.clc-chip-info.clc-shade-dark {
  color: var(--clc-info-dark);
}
.clc-variant-text.clc-chip-info.clc-shade-darker {
  color: var(--clc-info-darker);
}
.clc-variant-text.clc-chip-info:not(.clc-state-disabled):hover {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-info:not(.clc-state-disabled):active {
  background-color: var(--clc-info-lighter);
  color: var(--clc-on-info-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-warning {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-warning.clc-shade-lighter {
  color: var(--clc-warning-lighter);
}
.clc-variant-text.clc-chip-warning.clc-shade-light {
  color: var(--clc-warning-light);
}
.clc-variant-text.clc-chip-warning.clc-shade-default {
  color: var(--clc-warning);
}
.clc-variant-text.clc-chip-warning.clc-shade-dark {
  color: var(--clc-warning-dark);
}
.clc-variant-text.clc-chip-warning.clc-shade-darker {
  color: var(--clc-warning-darker);
}
.clc-variant-text.clc-chip-warning:not(.clc-state-disabled):hover {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-warning:not(.clc-state-disabled):active {
  background-color: var(--clc-warning-lighter);
  color: var(--clc-on-warning-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-error {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-error.clc-shade-lighter {
  color: var(--clc-error-lighter);
}
.clc-variant-text.clc-chip-error.clc-shade-light {
  color: var(--clc-error-light);
}
.clc-variant-text.clc-chip-error.clc-shade-default {
  color: var(--clc-error);
}
.clc-variant-text.clc-chip-error.clc-shade-dark {
  color: var(--clc-error-dark);
}
.clc-variant-text.clc-chip-error.clc-shade-darker {
  color: var(--clc-error-darker);
}
.clc-variant-text.clc-chip-error:not(.clc-state-disabled):hover {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-error:not(.clc-state-disabled):active {
  background-color: var(--clc-error-lighter);
  color: var(--clc-on-error-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-danger {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-danger.clc-shade-lighter {
  color: var(--clc-danger-lighter);
}
.clc-variant-text.clc-chip-danger.clc-shade-light {
  color: var(--clc-danger-light);
}
.clc-variant-text.clc-chip-danger.clc-shade-default {
  color: var(--clc-danger);
}
.clc-variant-text.clc-chip-danger.clc-shade-dark {
  color: var(--clc-danger-dark);
}
.clc-variant-text.clc-chip-danger.clc-shade-darker {
  color: var(--clc-danger-darker);
}
.clc-variant-text.clc-chip-danger:not(.clc-state-disabled):hover {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-danger:not(.clc-state-disabled):active {
  background-color: var(--clc-danger-lighter);
  color: var(--clc-on-danger-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-success {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-success.clc-shade-lighter {
  color: var(--clc-success-lighter);
}
.clc-variant-text.clc-chip-success.clc-shade-light {
  color: var(--clc-success-light);
}
.clc-variant-text.clc-chip-success.clc-shade-default {
  color: var(--clc-success);
}
.clc-variant-text.clc-chip-success.clc-shade-dark {
  color: var(--clc-success-dark);
}
.clc-variant-text.clc-chip-success.clc-shade-darker {
  color: var(--clc-success-darker);
}
.clc-variant-text.clc-chip-success:not(.clc-state-disabled):hover {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-success:not(.clc-state-disabled):active {
  background-color: var(--clc-success-lighter);
  color: var(--clc-on-success-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-base {
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-base.clc-shade-lighter {
  color: var(--clc-base-lighter);
}
.clc-variant-text.clc-chip-base.clc-shade-light {
  color: var(--clc-base-light);
}
.clc-variant-text.clc-chip-base.clc-shade-default {
  color: inherit;
}
.clc-variant-text.clc-chip-base.clc-shade-dark {
  color: var(--clc-base-dark);
}
.clc-variant-text.clc-chip-base.clc-shade-darker {
  color: var(--clc-base-darker);
}
.clc-variant-text.clc-chip-base:not(.clc-state-disabled):hover {
  background-color: var(--clc-base-200);
  color: var(--clc-on-base-lighter);
  filter: none;
}
.clc-variant-text.clc-chip-base:not(.clc-state-disabled):active {
  background-color: var(--clc-base-200);
  color: var(--clc-on-base-lighter);
  filter: none;
}

.clc-variant-text.clc-chip-light {
  color: var(--clc-base-200);
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-light:not(.clc-state-disabled):hover {
  background-color: rgba(255, 255, 255, 0.12);
  filter: none;
}
.clc-variant-text.clc-chip-light:not(.clc-state-disabled):active {
  background-color: rgba(255, 255, 255, 0.12);
  filter: none;
}

.clc-variant-text.clc-chip-dark {
  color: var(--clc-base-900);
  background-color: transparent;
  border-color: transparent;
}
.clc-variant-text.clc-chip-dark:not(.clc-state-disabled):hover {
  background-color: rgba(0, 0, 0, 0.12);
  filter: none;
}
.clc-variant-text.clc-chip-dark:not(.clc-state-disabled):active {
  background-color: rgba(0, 0, 0, 0.12);
  filter: none;
}

.clc-chip-list {
  display: flex;
  gap: var(--clc-chip-list-gap);
  align-items: center;
}
.clc-chip-list.clc-chip-list-horizontal {
  flex-direction: row;
}
.clc-chip-list.clc-chip-list-vertical {
  flex-direction: column;
  align-items: stretch;
}
.clc-chip-list.clc-chip-list-nowrap {
  flex-wrap: nowrap;
}
.clc-chip-list.clc-chip-list-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.clc-chip-list-item {
  display: inline-flex;
  border-radius: var(--clc-chip-border-radius);
  outline: none;
}
.clc-chip-list-item:focus-visible {
  outline: var(--clc-chip-selected-outline);
  outline-offset: var(--clc-chip-selected-outline-offset);
}
:focus-visible .clc-chip-list-item.clc-state-focused .clc-chip:not(.clc-state-disabled) {
  outline: var(--clc-chip-selected-outline);
  outline-offset: var(--clc-chip-selected-outline-offset);
}

.clc-chip-list:focus, .clc-chip-list:focus-visible {
  outline: none;
}

.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-timespanpicker > .clc-inputtext:not(:disabled):not(.clc-state-disabled):hover, .clc-colorpicker:not(:disabled):not(.clc-state-disabled):hover, .clc-lookup-search-input-container input: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);
  background-color: var(--clc-input-hover-background-color);
  border: var(--clc-input-hover-border);
  border-block-end: var(--clc-input-hover-border-block-end);
}

.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-timespanpicker > .clc-inputtext:not(:disabled):not(.clc-state-disabled):focus, .clc-colorpicker:not(:disabled):not(.clc-state-disabled):focus, .clc-lookup-search-input-container input: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);
  background-color: var(--clc-input-focus-background-color);
  border: var(--clc-input-focus-border);
  border-block-end: var(--clc-input-focus-border-block-end);
  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, .clc-timespanpicker:not(.clc-form-field-content) > .clc-inputtext:disabled, :not(.clc-form-field-content) > .clc-colorpicker:disabled, .clc-lookup-search-input-container :not(.clc-form-field-content) > input: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);
  border-block-end: var(--clc-input-disabled-border-block-end);
  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, .clc-timespanpicker:not(.clc-form-field-content) > .clc-inputtext:disabled::placeholder, :not(.clc-form-field-content) > .clc-colorpicker:disabled::placeholder, .clc-lookup-search-input-container :not(.clc-form-field-content) > input: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, .clc-timespanpicker:not(.clc-form-field-content) > .clc-inputtext:disabled .clc-inputtext, :not(.clc-form-field-content) > .clc-colorpicker:disabled .clc-inputtext, .clc-lookup-search-input-container :not(.clc-form-field-content) > input: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-timespanpicker > .clc-inputtext, .clc-colorpicker, .clc-lookup-search-input-container input, .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-timespanpicker > .clc-inputtext, .clc-colorpicker, .clc-lookup-search-input-container input, .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-block-end: var(--clc-input-border-block-end);
  border-radius: var(--clc-input-border-radius);
  box-shadow: var(--clc-input-shadow);
  background-color: var(--clc-input-background-color);
}

.clc-timespanpicker > .clc-inputtext, .clc-colorpicker, .clc-lookup-search-input-container input, .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);
}
.clc-timespanpicker > .clc-inputtext:not(.invalid), .clc-colorpicker:not(.invalid), .clc-lookup-search-input-container input:not(.invalid), .clc-lookup-search input:not(.invalid), .clc-numeric:not(.invalid), .clc-datepicker > .clc-inputtext:not(.invalid), .clc-multiselect:not(.invalid), .clc-dropdown:not(.invalid), .mask:not(.invalid), .clc-textarea:not(.invalid), .clc-textbox:not(.invalid) {
  outline: none;
}
.clc-input-xs {
  --clc-input-height: var(--clc-input-size-xs);
  --clc-input-padding-block: var(--clc-input-padding-block-xs);
  --clc-input-padding-inline: var(--clc-input-padding-inline-xs);
  --clc-input-font-size: var(--clc-input-font-size-xs);
  --clc-input-line-height: calc(var(--clc-input-size-xs) - 2 * var(--clc-input-padding-block-xs) - 2 * var(--clc-border-width));
  --clc-dropdown-trigger-icon-margin-inline: 0 var(--clc-input-padding-block-xs);
}

.clc-input-sm {
  --clc-input-height: var(--clc-input-size-sm);
  --clc-input-padding-block: var(--clc-input-padding-block-sm);
  --clc-input-padding-inline: var(--clc-input-padding-inline-sm);
  --clc-input-font-size: var(--clc-input-font-size-sm);
  --clc-input-line-height: calc(var(--clc-input-size-sm) - 2 * var(--clc-input-padding-block-sm) - 2 * var(--clc-border-width));
  --clc-dropdown-trigger-icon-margin-inline: 0 var(--clc-input-padding-block-sm);
}

.clc-input-md {
  --clc-input-height: var(--clc-input-size-md);
  --clc-input-padding-block: var(--clc-input-padding-block-md);
  --clc-input-padding-inline: var(--clc-input-padding-inline-md);
  --clc-input-font-size: var(--clc-input-font-size-md);
  --clc-input-line-height: calc(var(--clc-input-size-md) - 2 * var(--clc-input-padding-block-md) - 2 * var(--clc-border-width));
  --clc-dropdown-trigger-icon-margin-inline: 0 var(--clc-input-padding-block-md);
}

.clc-input-lg {
  --clc-input-height: var(--clc-input-size-lg);
  --clc-input-padding-block: var(--clc-input-padding-block-lg);
  --clc-input-padding-inline: var(--clc-input-padding-inline-lg);
  --clc-input-font-size: var(--clc-input-font-size-lg);
  --clc-input-line-height: calc(var(--clc-input-size-lg) - 2 * var(--clc-input-padding-block-lg) - 2 * var(--clc-border-width));
  --clc-dropdown-trigger-icon-margin-inline: 0 var(--clc-input-padding-block-lg);
}

.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;
  --clc-input-hover-background-color: transparent;
  --clc-input-focus-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);
  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);
}
.clc-sidebar.clc-sidebar-start {
  border-inline-end: var(--clc-sidebar-border-inline-end);
}
.clc-sidebar.clc-sidebar-left {
  border-right: var(--clc-sidebar-border-inline-end);
}
.clc-sidebar.clc-sidebar-end {
  border-inline-start: var(--clc-sidebar-border-inline-end);
}
.clc-sidebar.clc-sidebar-right {
  border-left: var(--clc-sidebar-border-inline-end);
}

@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-card-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0;
}
.clc-card-group > .clc-card {
  flex: 1;
  border-radius: 0;
}
.clc-card-group > .clc-card:first-of-type {
  border-start-start-radius: var(--clc-card-border-radius);
  border-end-start-radius: var(--clc-card-border-radius);
}
.clc-card-group > .clc-card:last-of-type {
  border-start-end-radius: var(--clc-card-border-radius);
  border-end-end-radius: var(--clc-card-border-radius);
}
.clc-card-group > .clc-variant-outlined + .clc-variant-outlined {
  border-inline-start: 0;
}
.clc-card-group > .clc-variant-flat + .clc-variant-flat {
  margin-inline-start: var(--clc-border-width);
}
.clc-card-group > .clc-variant-text + .clc-variant-text {
  border-inline-start: var(--clc-card-border);
}

.clc-card-group > .clc-card:first-of-type,
.clc-card-group > .clc-card + .clc-card:not(:last-of-type) {
  clip-path: inset(-32px 0 -32px -32px);
}

*[dir=rtl] .clc-card-group > .clc-card:first-of-type,
*[dir=rtl] .clc-card-group > .clc-card + .clc-card:not(:last-of-type) {
  clip-path: inset(-32px -32px -32px 0);
}

@media (max-width: 576px) {
  .clc-card-group.clc-card-group-responsive {
    flex-direction: column;
  }
  .clc-card-group.clc-card-group-responsive > .clc-card {
    flex: 1;
    border-radius: 0;
  }
  .clc-card-group.clc-card-group-responsive > .clc-card:first-of-type {
    border-start-start-radius: var(--clc-card-border-radius);
    border-start-end-radius: var(--clc-card-border-radius);
  }
  .clc-card-group.clc-card-group-responsive > .clc-card:last-of-type {
    border-end-start-radius: var(--clc-card-border-radius);
    border-end-end-radius: var(--clc-card-border-radius);
  }
  .clc-card-group.clc-card-group-responsive > .clc-card {
    clip-path: none;
  }
  .clc-card-group.clc-card-group-responsive > .clc-card:first-of-type,
  .clc-card-group.clc-card-group-responsive > .clc-card + .clc-card:not(:last-of-type) {
    clip-path: inset(-32px -32px 0 -32px);
  }
  .clc-card-group.clc-card-group-responsive > .clc-variant-flat + .clc-variant-flat {
    margin: 0;
    margin-top: var(--clc-border-width);
  }
  .clc-card-group.clc-card-group-responsive > .clc-variant-outlined + .clc-variant-outlined {
    border-top: 0;
    border-inline-start: var(--clc-card-border);
  }
  .clc-card-group.clc-card-group-responsive > .clc-variant-text + .clc-variant-text {
    border: 0;
    border-top: var(--clc-card-border);
  }
}
.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);
  overflow: hidden;
}
.clc-accordion > div:first-child {
  border-radius: var(--clc-accordion-border-radius) var(--clc-accordion-border-radius) 0 0;
}
.clc-accordion > div:nth-last-child(2):has(+ .clc-state-collapsed), .clc-accordion > div:nth-last-child(2):has(+ .clc-state-collapsed) > div {
  border-radius: 0 0 var(--clc-accordion-border-radius) var(--clc-accordion-border-radius);
}
.clc-accordion > div:last-child .clc-accordion-content {
  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 .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,
.clc-accordion .clc-accordion-header > button {
  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;
  background: none;
  border: none;
}
.clc-accordion .clc-accordion-header > a:focus, .clc-accordion .clc-accordion-header > a:focus-visible,
.clc-accordion .clc-accordion-header > button:focus,
.clc-accordion .clc-accordion-header > button:focus-visible {
  outline: none;
}
.clc-accordion .clc-accordion-header > a:hover,
.clc-accordion .clc-accordion-header > button:hover {
  color: var(--clc-accordion-hover-color);
}
.clc-accordion .clc-accordion-header > a span:not(.clc-accordion-toggle-icon),
.clc-accordion .clc-accordion-header > button span:not(.clc-accordion-toggle-icon) {
  flex-grow: 1;
}
.clc-accordion .clc-accordion-header > a > .clci,
.clc-accordion .clc-accordion-header > button > .clci {
  font-size: var(--clc-accordion-icon-font-size);
  margin-inline: var(--clc-accordion-icon-margin-inline);
}
.clc-accordion .clc-accordion-header:has(> a:focus-visible), .clc-accordion .clc-accordion-header:has(> button:focus-visible) {
  outline: var(--clc-accordion-item-focus-outline);
  outline-offset: var(--clc-accordion-item-focus-outline-offset);
}
.clc-accordion > .clc-expander {
  background-color: var(--clc-accordion-item-background-color);
}

.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.clc-state-expanded {
  transform: rotate(180deg);
  transition: transform var(--clc-transition);
}
.clc-accordion-toggle-icon.clc-state-collapsed {
  transform: rotate(0);
  transition: transform var(--clc-transition);
}

.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-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);
  border: none;
  padding: 0;
  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 {
  background-color: var(--clc-menu-item-selected-background-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 {
  padding-block: var(--clc-menu-top-item-padding-block);
  padding-inline: var(--clc-menu-top-item-padding-inline);
  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-link.active {
  color: var(--clc-menu-top-item-selected-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-link.active .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-top-item-selected-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children.clc-state-expanded {
  transform: rotate(180deg);
  transition: transform var(--clc-expander-transition);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children.clc-state-collapsed {
  transform: rotate(0);
  transition: transform var(--clc-expander-transition);
}
.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:has(> .active) {
  background-color: var(--clc-menu-top-item-selected-background-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:hover, .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:has(> .active):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, .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:has(> .active):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), .clc-menu:not(.clc-profile-menu) .clc-navigation-item-wrapper:has(> .active):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 {
  background-color: var(--clc-menu-top-item-selected-background-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 {
  position: relative;
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu {
  list-style: none;
  position: absolute;
  padding-block: var(--clc-context-menu-padding-block);
  padding-inline: var(--clc-context-menu-padding-inline);
  margin: 0;
  min-width: max-content;
  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:has(> .active) {
  background-color: var(--clc-menu-item-selected-background-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:hover, .clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:has(> .active):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, .clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:has(> .active):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), .clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper:has(> .active):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-wrapper-active {
  background-color: var(--clc-menu-item-selected-background-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-wrapper-active .clc-navigation-item-link {
  color: var(--clc-menu-item-selected-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-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-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-link {
  padding-block: var(--clc-menu-item-padding-block);
  padding-inline: var(--clc-menu-item-padding-inline);
  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-item-link.active {
  color: var(--clc-menu-item-selected-color);
}
.clc-menu:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-item-link.active .clci:not(.clc-navigation-item-icon-children) {
  color: var(--clc-menu-item-selected-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 {
  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) .clc-navigation-item-link .clci:not(.clc-navigation-item-icon-children) {
  margin-inline: var(--clc-menu-item-icon-margin-inline);
}

.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu {
  overflow: visible;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu {
  position: absolute;
  inset-inline-start: 100%;
  top: 0;
  box-shadow: var(--clc-context-menu-box-shadow);
  min-width: max-content;
  z-index: 4;
  background-color: var(--clc-menu-background-color);
  border-radius: var(--clc-menu-border-radius);
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu[data-flyout-flip] {
  inset-inline-start: auto;
  inset-inline-end: 100%;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-link {
  margin-inline-start: 0;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-text {
  flex: none;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-link {
  margin-inline-start: 0;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-menu .clc-navigation-item-link {
  margin-inline-start: 0;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children {
  transition: none;
}
.clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children, .clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children.clc-state-expanded, .clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children.clc-state-collapsed {
  transform: none;
}

.clc-context-menu .clc-menu-flyout:not(.clc-profile-menu) > .clc-navigation-item > .clc-navigation-menu {
  inset-inline-start: 100%;
  top: 0;
  min-width: max-content;
  z-index: 4;
}
.clc-context-menu .clc-menu-flyout:not(.clc-profile-menu) > .clc-navigation-item > .clc-navigation-menu[data-flyout-flip] {
  inset-inline-start: auto;
  inset-inline-end: 100%;
}
.clc-context-menu .clc-menu-flyout:not(.clc-profile-menu) > .clc-navigation-item > .clc-navigation-menu .clc-navigation-item-link {
  margin-inline-start: 0;
}

*[dir=rtl] .clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children, *[dir=rtl] .clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children.clc-state-expanded, *[dir=rtl] .clc-menu-flyout:not(.clc-profile-menu) .clc-navigation-item-link .clc-navigation-item-icon-children.clc-state-collapsed {
  transform: scaleX(-1);
}

.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-flyout.clc-menu-open .clc-navigation-menu .clc-navigation-menu {
    position: static;
    box-shadow: none;
    inset-inline-start: auto;
    top: auto;
  }
  .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 */
  /* Stacked (NavigationRail) style - applies to first-level items only */
  /* 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;
  /* Do not show expand arrow if there are no child items */
}
.clc-panel-menu .clc-navigation-item:not(.clc-navigation-item-expandable):not(:has(> .clc-expander .clc-navigation-item)) > .clc-navigation-item-wrapper .clc-navigation-item-icon-children {
  display: none;
}
.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-children.clc-state-expanded {
  transform: rotate(180deg);
  transition: transform var(--clc-expander-transition);
}
.clc-panel-menu .clc-navigation-item-icon-children.clc-state-collapsed {
  transform: rotate(0);
  transition: transform var(--clc-expander-transition);
}
.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-panel-menu-stacked > .clc-navigation-item > .clc-navigation-item-wrapper .clc-navigation-item-link {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clc-panel-menu.clc-panel-menu-stacked > .clc-navigation-item > .clc-navigation-item-wrapper .clc-navigation-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-panel-menu.clc-panel-menu-stacked > .clc-navigation-item > .clc-navigation-item-wrapper .clc-navigation-item-icon {
  margin-inline: 0;
}
.clc-panel-menu.clc-panel-menu-stacked > .clc-navigation-item > .clc-navigation-item-wrapper .clc-navigation-item-icon-children {
  position: absolute;
  inset-block-start: 0.25rem;
  inset-inline-end: 0.25rem;
  margin-inline-start: 0;
}
.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 > .clc-navigation-item > [role=button]:focus {
  outline: var(--clc-outline-normal);
}
ul.clc-profile-menu > .clc-navigation-item > [role=button]:focus-visible {
  outline: var(--clc-menu-item-focus-outline);
}
ul.clc-profile-menu:focus-within .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-menu:focus {
  outline: none;
}
ul.clc-profile-menu .clc-navigation-item-icon-children {
  color: var(--clc-profile-menu-toggle-button-color);
}
ul.clc-profile-menu .clc-navigation-item-icon-children.clc-state-expanded {
  transform: rotate(180deg);
  transition: transform var(--clc-expander-transition);
}
ul.clc-profile-menu .clc-navigation-item-icon-children.clc-state-collapsed {
  transform: rotate(0);
  transition: transform var(--clc-expander-transition);
}
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;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
}
.clc-steps .clc-menuitem-link:hover {
  text-decoration: none;
  color: var(--clc-steps-title-selected-color) !important;
}
.clc-steps .clc-menuitem-link:focus {
  outline: var(--clc-outline-normal);
}
.clc-steps .clc-menuitem-link:focus-visible {
  outline: var(--clc-outline-normal);
}
.clc-steps .clc-menuitem-link:focus-visible .clc-steps-number {
  outline: var(--clc-steps-number-focus-outline);
  outline-offset: var(--clc-steps-number-focus-outline-offset);
}
.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-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;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
}
.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";
}

@keyframes clc-steps-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes clc-steps-slide-in {
  from {
    opacity: 0;
    transform: translateX(1rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.clc-steps-fade {
  animation: clc-steps-fade-in var(--clc-steps-transition-duration, 300ms) ease-out;
}

.clc-steps-slide {
  animation: clc-steps-slide-in var(--clc-steps-transition-duration, 300ms) ease-out;
}

*[dir=rtl] .clc-steps-prev .clci:before {
  content: "navigate_next";
}
*[dir=rtl] .clc-steps-next .clci:before {
  content: "navigate_before";
}
@keyframes clc-steps-slide-in {
  from {
    opacity: 0;
    transform: translateX(-1rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.clc-textarea {
  padding-block: var(--clc-text-area-padding-block);
  padding-inline: var(--clc-text-area-padding-inline);
  height: auto;
}

.clc-checkbox-list {
  box-sizing: border-box;
  border-radius: var(--clc-border-radius);
}
.clc-checkbox-list .clc-checkbox {
  display: inline-flex;
  align-items: center;
  margin-block: var(--clc-checkbox-margin-block);
  margin-inline: var(--clc-checkbox-margin-inline);
  cursor: pointer;
}
.clc-checkbox-list:focus {
  outline: var(--clc-outline-normal);
}
.clc-checkbox-list:focus-visible {
  outline: var(--clc-checkbox-focus-outline);
  outline-offset: var(--clc-checkbox-focus-outline-offset);
}

.clc-checkbox-list-horizontal {
  --clc-gap: 0;
}

.clc-checkbox-list-vertical {
  --clc-gap: 1rem;
}

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

button.clc-chkbox-label {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.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);
  border-radius: var(--clc-checkbox-border-radius);
}

.clc-chkbox-box {
  position: absolute;
  cursor: pointer;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--clc-input-border-block-end);
  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) {
  box-shadow: var(--clc-input-hover-shadow);
  background-color: var(--clc-input-hover-background-color);
  border: var(--clc-input-hover-border);
  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;
}
:focus-visible .clc-chkbox-box.clc-state-focused:not(.clc-state-disabled) {
  outline: var(--clc-checkbox-focus-outline);
  outline-offset: var(--clc-checkbox-focus-outline-offset);
}

.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-within {
  outline: var(--clc-outline-normal);
}
.clc-switch:has(: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-circle.clc-readonly {
  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 {
  box-sizing: border-box;
  border-radius: var(--clc-border-radius);
}
.clc-radio-button-list .clc-radio-btn {
  display: inline-flex;
  align-items: center;
  margin-block: var(--clc-radio-margin-block);
  margin-inline: var(--clc-radio-margin-inline);
  cursor: pointer;
}
.clc-radio-button-list .clc-radio-btn.clc-state-disabled {
  cursor: initial;
}
.clc-radio-button-list:focus {
  outline: var(--clc-outline-normal);
}
.clc-radio-button-list:focus-visible {
  outline: var(--clc-radio-focus-outline);
  outline-offset: var(--clc-radio-focus-outline-offset);
}

.clc-radio-button-list-horizontal {
  --clc-gap: 0;
}

.clc-radio-button-list-vertical {
  --clc-gap: 1rem;
}

.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-label.clc-state-disabled,
.clc-radiobutton-template.clc-state-disabled {
  cursor: initial;
  opacity: 0.5;
}

.clc-radiobutton {
  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-box {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  border: var(--clc-input-border-block-end);
  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) {
  box-shadow: var(--clc-input-hover-shadow);
  background-color: var(--clc-input-hover-background-color);
  border: var(--clc-input-hover-border);
  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-radio-button-list:focus-visible .clc-radiobutton-box.clc-state-focused:not(.clc-state-disabled) {
  outline: var(--clc-radio-focus-outline);
  outline-offset: var(--clc-radio-focus-outline-offset);
}

.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";
}
button:focus .clc-fieldset-toggler {
  outline: var(--clc-outline-normal);
}
button: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 button {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
}
.clc-fieldset-legend button: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);
  color: inherit;
  opacity: 0.4;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.clc-dropdown-clear-icon:before {
  content: "close";
}
.clc-dropdown-clear-icon:hover {
  opacity: 1;
}
.clc-state-disabled > .clc-dropdown-clear-icon {
  display: none;
}

.clc-spreadsheet-highlight-popup, .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);
  font-family: inherit;
}

.clc-multiselect-header {
  display: flex;
  align-items: center;
  padding: var(--clc-dropdown-item-padding);
  margin: var(--clc-dropdown-items-margin);
}

.clc-multiselect-selectall {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.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;
  background: none;
  border: none;
  padding: 0;
}

.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-clear .clc-multiselect-label-container,
.clc-clear .clc-dropdown-label {
  padding-inline-end: calc(2 * var(--clc-dropdown-trigger-icon-width));
}

.clc-input-xs {
  --clc-dropdown-item-padding: var(--clc-input-padding-block-sm) var(--clc-input-padding-inline-xs);
  --clc-dropdown-item-font-size: var(--clc-input-font-size-xs);
}

.clc-input-sm {
  --clc-dropdown-item-padding: var(--clc-input-padding-block-sm) var(--clc-input-padding-inline-sm);
  --clc-dropdown-item-font-size: var(--clc-input-font-size-sm);
}

.clc-input-lg {
  --clc-dropdown-item-padding: var(--clc-input-padding-block-lg) var(--clc-input-padding-inline-lg);
  --clc-dropdown-item-font-size: var(--clc-input-font-size-lg);
}

.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);
  font-family: inherit;
  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-list:focus {
  outline: none;
}

.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-empty-message {
  padding: var(--clc-listbox-item-padding);
  text-align: center;
  color: var(--clc-text-disabled-color);
}
.clc-listbox-empty-message p {
  margin: 0;
}

.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);
  font-family: inherit;
}
.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;
  border-radius: var(--clc-button-border-radius);
}
.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-menu-list:focus {
  outline: none;
}

.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;
  margin-inline: var(--clc-menu-item-icon-margin-inline);
}

.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-input-xs .clc-menuitem-icon {
  font-size: 1rem;
}

.clc-input-sm .clc-menuitem-icon {
  font-size: 1rem;
}

.clc-input-lg .clc-menuitem-icon {
  font-size: 1.5rem;
}

.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-range {
  position: absolute;
  background-color: var(--clc-slider-range-background-color);
  border: var(--clc-slider-range-border);
}

.clc-slider-handle {
  position: absolute;
  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);
  transition: var(--clc-slider-handle-transition);
}

.clc-slider-horizontal {
  height: var(--clc-slider-horizontal-height);
  width: var(--clc-slider-horizontal-width);
}
.clc-slider-horizontal .clc-slider-range {
  inset-block-start: -1px;
  inset-block-end: -1px;
  inset-inline-start: -1px;
}
.clc-slider-horizontal .clc-slider-range.clc-slider-range-min {
  border-start-start-radius: var(--clc-slider-border-radius);
  border-end-start-radius: var(--clc-slider-border-radius);
}
.clc-slider-horizontal .clc-slider-handle {
  top: 50%;
  transform: translateY(-50%);
  margin-inline-start: calc(var(--clc-slider-handle-width) / -2);
  width: var(--clc-slider-handle-width);
  height: var(--clc-slider-handle-height);
}

.clc-slider-vertical {
  width: var(--clc-slider-horizontal-height);
  height: var(--clc-slider-horizontal-width);
}
.clc-slider-vertical .clc-slider-range {
  inset-inline-start: -1px;
  inset-inline-end: -1px;
  inset-block-end: -1px;
}
.clc-slider-vertical .clc-slider-range.clc-slider-range-min {
  border-end-start-radius: var(--clc-slider-border-radius);
  border-end-end-radius: var(--clc-slider-border-radius);
}
.clc-slider-vertical .clc-slider-handle {
  left: 50%;
  transform: translateX(-50%);
  margin-block-start: calc(var(--clc-slider-handle-width) / -2);
  width: var(--clc-slider-handle-height);
  height: var(--clc-slider-handle-width);
}

.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: var(--clc-rating-font-size);
  border-radius: var(--clc-border-radius);
}
.clc-rating.clc-state-disabled .clci {
  opacity: var(--clc-rating-disabled-opacity);
  color: var(--clc-rating-disabled-color);
}
.clc-rating a,
.clc-rating button {
  display: inline-flex;
  font-size: var(--clc-rating-font-size);
  width: var(--clc-rating-font-size);
  height: var(--clc-rating-font-size);
  text-decoration: none;
  cursor: default;
  outline: none;
  background: none;
  border: none;
  padding: 0;
}
.clc-rating .clci {
  color: var(--clc-rating-color);
  font-size: var(--clc-rating-font-size);
}
.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";
  font-variation-settings: "FILL" 0;
}
.clc-rating .clci-star {
  color: var(--clc-rating-selected-color);
}
.clc-rating .clci-star:before {
  content: "star";
  font-variation-settings: "FILL" 1;
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:hover, .clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:focus-visible,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:hover, .clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:focus-visible {
  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, .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,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:hover .clci-star,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:hover .clci-star-o,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:hover .clci-ban, .clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:focus-visible .clci-star,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:focus-visible .clci-star-o,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:focus-visible .clci-ban {
  color: var(--clc-rating-focus-color);
}
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) a:focus-visible > span,
.clc-rating:not(.clc-state-disabled):not(.clc-state-readonly) button:focus-visible > span {
  outline: var(--clc-outline-focus);
  border-radius: var(--clc-border-radius);
}

.clc-security-code {
  box-sizing: border-box;
  display: inline-flex;
  border-radius: var(--clc-input-border-radius);
}

.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-signature-pad {
  box-sizing: border-box;
  display: inline-flex;
  position: relative;
  border: var(--clc-signature-pad-border);
  border-radius: var(--clc-signature-pad-border-radius);
  background-color: var(--clc-signature-pad-background-color);
  overflow: hidden;
}
.clc-signature-pad:focus-within {
  outline: var(--clc-input-focus-shadow);
}
.clc-signature-pad.clc-state-disabled {
  opacity: var(--clc-input-disabled-opacity, 0.6);
  pointer-events: none;
}
.clc-signature-pad.clc-state-readonly {
  pointer-events: none;
}

.clc-signature-pad-canvas {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}
.clc-state-disabled .clc-signature-pad-canvas, .clc-state-readonly .clc-signature-pad-canvas {
  cursor: default;
}

.clc-signature-pad-clear {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  color: var(--clc-signature-pad-clear-color);
  line-height: 1;
  border-radius: var(--clc-border-radius);
}
.clc-signature-pad-clear:hover {
  color: var(--clc-signature-pad-clear-hover-color);
}

.clc-signature-pad-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--clc-signature-pad-placeholder-color);
  pointer-events: none;
  user-select: none;
  font-style: italic;
}

.clc-selectbar {
  box-sizing: border-box;
  display: inline-flex;
  border-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbar:focus {
  outline: var(--clc-outline-normal);
}
.clc-selectbar:focus-visible {
  outline: var(--clc-selectbar-focus-outline);
  outline-offset: var(--clc-selectbar-focus-outline-offset);
}
.clc-selectbar:focus-visible .clc-button.clc-state-focused:not(.clc-state-disabled) {
  outline: var(--clc-selectbar-button-focus-outline);
  outline-offset: var(--clc-selectbar-button-focus-outline-offset);
  z-index: 1;
}
.clc-selectbar .clc-button {
  display: inline-block;
  background-color: var(--clc-selectbar-background-color);
  color: var(--clc-selectbar-color);
  border: none;
  outline: var(--clc-selectbar-border);
  outline-offset: -1px;
  border-radius: 0;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .clc-selectbar .clc-button:not(.clc-state-active):not(.clc-state-disabled):hover {
    background-color: var(--clc-base-200);
    color: var(--clc-on-base-lighter);
    background-image: none;
    box-shadow: none;
  }
}
.clc-selectbar .clc-button.clc-state-active {
  background-color: var(--clc-selectbar-selected-background-color);
  color: var(--clc-selectbar-selected-color);
  outline: var(--clc-selectbar-selected-border);
}
.clc-selectbar.clc-selectbar-horizontal {
  flex-direction: row;
}
.clc-selectbar.clc-selectbar-horizontal .clc-button:first-child {
  border-start-start-radius: var(--clc-selectbar-border-radius);
  border-end-start-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbar.clc-selectbar-horizontal .clc-button:not(:first-child) {
  margin-inline-start: -1px;
}
.clc-selectbar.clc-selectbar-horizontal .clc-button:last-child {
  border-start-end-radius: var(--clc-selectbar-border-radius);
  border-end-end-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbar.clc-selectbar-vertical {
  flex-direction: column;
}
.clc-selectbar.clc-selectbar-vertical .clc-button {
  text-align: center;
}
.clc-selectbar.clc-selectbar-vertical .clc-button:first-child {
  border-top-left-radius: var(--clc-selectbar-border-radius);
  border-top-right-radius: var(--clc-selectbar-border-radius);
}
.clc-selectbar.clc-selectbar-vertical .clc-button:not(:first-child) {
  margin-top: -1px;
}
.clc-selectbar.clc-selectbar-vertical .clc-button:last-child {
  border-bottom-left-radius: var(--clc-selectbar-border-radius);
  border-bottom-right-radius: var(--clc-selectbar-border-radius);
}

.clc-datepicker {
  display: inline-block;
  position: relative;
  border-radius: var(--clc-input-border-radius);
}
.clc-datepicker:has(> .clc-inputtext:not(:disabled):not(.clc-state-disabled):focus) {
  outline: none;
}
.clc-datepicker .clc-readonly {
  cursor: pointer;
}
.clc-datepicker > .clc-inputtext {
  width: 100%;
  line-height: var(--clc-datepicker-line-height);
}
.clc-datepicker:has(.clc-datepicker-trigger) > .clc-inputtext {
  padding-inline-end: calc(1rem + var(--clc-datepicker-trigger-icon-size));
}
.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;
  background-color: transparent;
  padding: 0;
  vertical-align: text-top;
  color: var(--clc-datepicker-trigger-icon-color);
  width: var(--clc-datepicker-trigger-icon-size);
  height: var(--clc-datepicker-trigger-icon-size);
  font-size: var(--clc-datepicker-trigger-icon-size);
}
.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-field-button {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0.625rem;
  transform: translateY(-50%);
}

.clc-datepicker.clc-input-xs {
  --clc-datepicker-trigger-icon-size: var(--clc-datepicker-trigger-icon-size-xs);
}

.clc-datepicker.clc-input-sm {
  --clc-datepicker-trigger-icon-size: var(--clc-datepicker-trigger-icon-size-sm);
}

.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:focus {
  outline: none;
}
.clc-calendar-view td:focus-visible > .clc-state-default {
  outline: var(--clc-datepicker-focus-outline);
  outline-offset: calc(-1 * var(--clc-outline-width));
}
.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,
.clc-ampm-picker button {
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
}

.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;
  font-family: inherit;
  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-numeric.clc-input-xs {
  --clc-numeric-input-padding-block: var(--clc-numeric-input-padding-block-xs);
  --clc-numeric-input-padding-inline: var(--clc-numeric-input-padding-inline-xs);
  --clc-numeric-button-width: var(--clc-numeric-button-width-xs);
  --clc-numeric-button-height: var(--clc-numeric-button-height-xs);
  --clc-numeric-button-offset: var(--clc-numeric-button-offset-xs);
}

.clc-numeric.clc-input-sm {
  --clc-numeric-input-padding-block: var(--clc-numeric-input-padding-block-sm);
  --clc-numeric-input-padding-inline: var(--clc-numeric-input-padding-inline-sm);
  --clc-numeric-button-width: var(--clc-numeric-button-width-sm);
  --clc-numeric-button-height: var(--clc-numeric-button-height-sm);
  --clc-numeric-button-offset: var(--clc-numeric-button-offset-sm);
}

.clc-numeric.clc-input-lg {
  --clc-numeric-input-padding-block: var(--clc-numeric-input-padding-block-lg);
  --clc-numeric-input-padding-inline: var(--clc-numeric-input-padding-inline-lg);
  --clc-numeric-button-width: var(--clc-numeric-button-width-lg);
  --clc-numeric-button-height: var(--clc-numeric-button-height-lg);
}

.clc-fileupload {
  box-sizing: border-box;
  display: inline-block;
  border-radius: var(--clc-upload-button-bar-border-radius);
}
.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-form-field .clc-fileupload-buttonbar {
  background-color: inherit;
}
.clc-form-field.clc-variant-flat .clc-fileupload-buttonbar, .clc-form-field.clc-variant-filled .clc-fileupload-buttonbar {
  --clc-upload-button-bar-padding: calc(var(--clc-form-field-label-floating-top) + 1.5rem) calc(var(--clc-form-field-label-inset-inline-start) + 0.25rem) calc(var(--clc-form-field-label-inset-inline-start) + 0.25rem);
}

.clc-fileupload-files {
  background-color: var(--clc-upload-files-background-color);
  padding: var(--clc-upload-files-padding);
}
.clc-form-field .clc-fileupload-files {
  background-color: inherit;
}

.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-grid-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.clc-grid-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  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-grid-table thead th:not(:last-child) {
  border-inline-end: var(--clc-grid-header-cell-border);
}
.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-grid-table thead th.clc-state-focused {
  outline: var(--clc-grid-cell-focus-outline);
  outline-offset: var(--clc-grid-cell-focus-outline-offset);
}
.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-grid-table thead th .clc-column-title:has(.clc-column-title-content > .clc-chkbox) {
  overflow: visible;
}
.clc-grid-table thead th .clc-column-title-content {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-grid-table thead th .clc-column-title-content:has(.clc-chkbox) {
  overflow: visible;
}
.clc-grid-table thead th.clc-text-align-center .clc-column-title {
  justify-content: center;
  padding-inline-start: 0;
}
.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-grid-table thead th.clc-text-align-right .clc-column-title {
  justify-content: right;
}
.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-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(even) > td.clc-frozen-cell {
  background-color: var(--clc-grid-frozen-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-striped tbody > tr:not(.clc-expanded-row-content):nth-child(odd) > td.clc-frozen-cell {
  background-color: var(--clc-grid-frozen-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.clc-text-wrap,
.clc-grid-table td .clc-cell-data.clc-text-wrap {
  text-overflow: unset;
  overflow: visible;
}
.clc-datatable-data td .clc-cell-data.clc-text-nowrap,
.clc-grid-table td .clc-cell-data.clc-text-nowrap {
  text-overflow: unset;
  overflow: visible;
}
.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;
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-right:before, .clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-right-inner:before,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-right:before,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-right-inner:before {
  z-index: -2;
}
.clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-right:after, .clc-selectable tbody tr.clc-data-row td.clc-frozen-cell-right-inner:after,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-right:after,
.clc-selectable tbody tr.clc-data-row .clc-cell-data.clc-frozen-cell-right-inner: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 {
  background-color: var(--clc-grid-background-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-highlight > td.clc-frozen-cell.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row.clc-state-highlight > td.clc-frozen-cell.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.clc-frozen-cell-right:after, .clc-selectable tbody tr.clc-data-row.clc-state-highlight > td.clc-frozen-cell.clc-frozen-cell-right-inner: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 {
  background-color: var(--clc-grid-background-color);
}
.clc-selectable tbody tr.clc-data-row.clc-state-focused > td.clc-frozen-cell.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row.clc-state-focused > td.clc-frozen-cell.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.clc-frozen-cell-right:after, .clc-selectable tbody tr.clc-data-row.clc-state-focused > td.clc-frozen-cell.clc-frozen-cell-right-inner: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 {
  background-color: var(--clc-grid-background-color);
}
.clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td.clc-frozen-cell.clc-frozen-cell-left:before, .clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td.clc-frozen-cell.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.clc-frozen-cell-right:after, .clc-selectable tbody tr.clc-data-row:hover:not(.clc-state-highlight) > td.clc-frozen-cell.clc-frozen-cell-right-inner: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: calc(2 * var(--clc-button-size-md));
  }
  .clc-cell-filter-content:has(.clc-filter-button) .clc-textbox,
  .clc-cell-filter-content:has(.clc-filter-button) .clc-inputtext {
    text-indent: var(--clc-button-size-md);
  }
}
.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);
  opacity: var(--clc-grid-loading-indicator-background-opacity);
  z-index: 3;
}

.clc-datatable-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--clc-grid-loading-indicator-color);
  z-index: 3;
}
.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 {
  background: none;
  border: none;
  padding: 0;
  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);
}

.clci.clc-grid-filter-active {
  color: var(--clc-grid-header-filter-icon-active-color) !important;
  --clc-icon-fill: 1;
}

.clc-button.clc-grid-filter-active {
  color: var(--clc-grid-simple-filter-icon-active-color) !important;
  background-color: var(--clc-grid-simple-filter-icon-active-background-color) !important;
}

.clc-data-grid {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.clc-data-grid-data {
  overflow: auto;
  flex: 1;
  outline: var(--clc-outline-normal);
  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-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: 2;
}

.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;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.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-menu-item {
  width: 100%;
  text-align: start;
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
}

.clc-cell-filter-clear {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.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 .clc-pager-element:focus,
.clc-pager .clc-pager-page:focus {
  outline: var(--clc-outline-normal);
}
.clc-pager .clc-pager-element:focus-visible,
.clc-pager .clc-pager-page:focus-visible {
  outline: var(--clc-outline-focus);
  outline-offset: var(--clc-outline-offset);
}
.clc-pager.clc-align-justify > .clc-pager-pages > .clc-pager-item:has(.clc-pager-prev) {
  margin-inline-end: auto;
}
.clc-pager.clc-align-justify > .clc-pager-pages > .clc-pager-item:has(.clc-pager-next) {
  margin-inline-start: auto;
}
.clc-pager.clc-align-right > .clc-pager-pages {
  justify-content: right;
}
.clc-pager.clc-align-left > .clc-pager-pages {
  justify-content: left;
}
.clc-pager.clc-align-center > .clc-pager-pages {
  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";
}
.clc-pager .clci-reload:before {
  content: "refresh";
}
*[dir=rtl] .clc-pager .clc-pager-icon {
  transform: rotate(180deg);
}
*[dir=rtl] .clc-pager .clc-pager-reload-icon {
  transform: none;
}
.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: flex;
  flex: 1;
  gap: var(--clc-pager-gap);
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.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-reload {
  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 {
    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-pages {
    grid-column: 1/10;
    display: grid;
    grid-column-gap: 0.5rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(9, 1fr);
    text-align: center;
  }
  .clc-pager-item {
    grid-column: 5/6;
  }
  .clc-pager-item > .clc-pager-element {
    width: 100%;
  }
  .clc-pager-item:has(.clc-pager-page:not(.clc-state-active)) {
    display: none;
  }
  .clc-pager-item:has(.clc-pager-first) {
    grid-column: 1/3;
    margin: 0 !important;
  }
  .clc-pager-item:has(.clc-pager-prev) {
    grid-column: 3/5;
    margin: 0 !important;
  }
  .clc-pager-item:has(.clc-pager-next) {
    grid-column: 6/8;
    margin: 0 !important;
  }
  .clc-pager-item:has(.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;
  cursor: inherit;
  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-selectbar {
  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 .clc-event-list-btn {
  color: var(--clc-scheduler-event-list-button-color);
  font-size: var(--clc-scheduler-event-list-button-font-size);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
  margin-inline-start: auto;
}
.clc-scheduler .clc-event-list-btn:hover {
  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-event-agenda {
  position: unset;
}
.clc-event-agenda .clc-event-agenda-title {
  font-weight: bold;
}
.clc-event-agenda .clc-event-agenda-time {
  font-style: italic;
}

.clc-view-content-agenda {
  display: flex;
  flex-direction: column;
}

.clc-slot-header-agenda {
  width: 10%;
  min-width: 10%;
  margin-top: 1.5rem;
}
.clc-slot-header-agenda .clc-slot-header-agenda-day-title {
  font-size: var(--clc-scheduler-header-agenda-font-size-small);
  text-transform: var(--clc-scheduler-header-agenda-text-transform);
  color: var(--clc-scheduler-header-color);
  text-align: center;
}
.clc-slot-header-agenda .clc-slot-header-agenda-day-number {
  font-size: var(--clc-scheduler-header-agenda-font-size);
  font-weight: var(--clc-scheduler-header-agenda-font-weight);
  text-transform: var(--clc-scheduler-header-text-transform);
  color: var(--clc-scheduler-header-color);
  text-align: center;
}

.clc-slot-agenda {
  width: 85%;
  min-width: 85%;
}

.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-zoom-to-fit {
  margin-inline-start: var(--clc-scheduler-today-button-margin-inline-start);
}
.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: 1;
  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%;
  cursor: pointer;
  align-items: flex-start;
}
.clc-month-view .clc-slot:first-child {
  border-inline-start: none;
}
.clc-month-view .clc-slot-title {
  display: flex;
  align-items: baseline;
  flex: 1;
}

.clc-planner-view {
  overflow: auto;
}
.clc-planner-view .clc-view-header {
  position: sticky;
  inset-block-start: 0px;
  min-height: 2.25rem;
  z-index: 2;
}
.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-planner-view .clc-slot-title {
  display: flex;
  align-items: baseline;
  flex: 1;
}

.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: 2;
}
.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-timeline-view .clc-slot-title {
  display: flex;
  align-items: baseline;
  flex: 1;
}

.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.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:focus {
  outline: var(--clc-outline-normal);
}
.clc-tabview-nav:focus-visible {
  outline: var(--clc-outline-focus);
  outline-offset: var(--clc-outline-offset);
}
.clc-tabview-nav:focus-visible .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-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]),
.clc-tabview-nav li button {
  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;
  background: none;
  border: none;
  font-family: inherit;
}
.clc-tabview-nav li a:hover,
.clc-tabview-nav li a:not([href]):not([class]):hover,
.clc-tabview-nav li button: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);
}

.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-tabview-nav li[draggable=true] {
  cursor: grab;
}
.clc-tabview-nav li[draggable=true]:active {
  cursor: grabbing;
}

.clc-tabview-dragging {
  opacity: 0.5;
}

.clc-tabview-drag-over {
  box-shadow: inset 2px 0 0 0 var(--clc-tabs-tab-selected-top-border-color);
}
.clc-tabview-left > .clc-tabview-nav .clc-tabview-drag-over, .clc-tabview-right > .clc-tabview-nav .clc-tabview-drag-over {
  box-shadow: inset 0 2px 0 0 var(--clc-tabs-tab-selected-top-border-color);
}

.clc-tooltip {
  box-sizing: border-box;
  position: absolute;
  transition: top 0.2s, left 0.2s;
  top: 0;
  left: 0;
}

.clc-tooltip:has(.clc-chart-tooltip) {
  pointer-events: none;
}

.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: normal;
  max-width: min(30rem, 90vw);
}

.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-tooltip .clc-mouse-tooltip-content {
  margin-bottom: 0;
}

.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);
  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);
  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-side > .clc-dialog-resize-bar {
  flex: 0 0 auto;
  position: absolute;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clc-dialog-resize-bar-color);
  background-color: var(--clc-dialog-resize-bar-background-color);
  opacity: 0.4;
  user-select: none;
}
.clc-dialog-side > .clc-dialog-resize-bar > .clc-resize {
  pointer-events: none;
  border: 1px solid var(--clc-dialog-resize-bar-color);
  border-radius: 1px;
}
.clc-dialog-side > .clc-dialog-resize-bar:hover {
  background-color: var(--clc-dialog-resize-bar-background-color);
  opacity: var(--clc-dialog-resize-bar-hover-opacity);
}
.clc-dialog-side-position-right, .clc-dialog-side-position-left {
  flex-direction: row;
}
.clc-dialog-side-position-right > .clc-dialog-resize-bar, .clc-dialog-side-position-left > .clc-dialog-resize-bar {
  width: var(--clc-dialog-resize-bar-thickness);
  height: var(--clc-dialog-resize-bar-length);
  cursor: col-resize;
  flex-direction: column;
}
.clc-dialog-side-position-right > .clc-dialog-resize-bar > .clc-resize, .clc-dialog-side-position-left > .clc-dialog-resize-bar > .clc-resize {
  height: var(--clc-dialog-resize-bar-handle-size);
  margin: 2px 0;
}
.clc-dialog-side-position-top, .clc-dialog-side-position-bottom {
  flex-direction: column;
}
.clc-dialog-side-position-top > .clc-dialog-resize-bar, .clc-dialog-side-position-bottom > .clc-dialog-resize-bar {
  width: var(--clc-dialog-resize-bar-length);
  height: var(--clc-dialog-resize-bar-thickness);
  cursor: row-resize;
  flex-direction: row;
}
.clc-dialog-side-position-top > .clc-dialog-resize-bar > .clc-resize, .clc-dialog-side-position-bottom > .clc-dialog-resize-bar > .clc-resize {
  width: var(--clc-dialog-resize-bar-handle-size);
  margin: 0 2px;
}
.clc-dialog-side-position-right > .clc-dialog-resize-bar {
  left: 0;
}
.clc-dialog-side-position-left > .clc-dialog-resize-bar {
  right: 0;
}
.clc-dialog-side-position-bottom > .clc-dialog-resize-bar {
  top: 0;
}
.clc-dialog-side-position-top > .clc-dialog-resize-bar {
  bottom: 0;
}

.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,
.clc-dialog-side-titlebar-close {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.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%;
}

@keyframes clc-dialog-open-scale {
  from {
    scale: 0.5;
  }
  to {
    scale: 1;
  }
}
@keyframes clc-dialog-open-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.clc-dialog.clc-open {
  animation: var(--clc-dialog-transition) clc-dialog-open-opacity, var(--clc-dialog-transition) clc-dialog-open-scale;
}
.clc-dialog:has(.clc-chart).clc-open {
  animation: var(--clc-dialog-transition) clc-dialog-open-opacity;
}

@keyframes clc-side-dialog-right-open {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes clc-side-dialog-right-close {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.clc-dialog-side-position-right.clc-open {
  animation: var(--clc-dialog-transition) clc-side-dialog-right-open;
}
.clc-dialog-side-position-right.clc-close {
  animation: var(--clc-dialog-transition) clc-side-dialog-right-close;
  transform: translateX(100%);
}

@keyframes clc-side-dialog-top-open {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes clc-side-dialog-top-close {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.clc-dialog-side-position-top.clc-open {
  animation: var(--clc-dialog-transition) clc-side-dialog-top-open;
}
.clc-dialog-side-position-top.clc-close {
  animation: var(--clc-dialog-transition) clc-side-dialog-top-close;
  transform: translateX(-100%);
}

@keyframes clc-side-dialog-bottom-open {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes clc-side-dialog-bottom-close {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
.clc-dialog-side-position-bottom.clc-open {
  animation: var(--clc-dialog-transition) clc-side-dialog-bottom-open;
}
.clc-dialog-side-position-bottom.clc-close {
  animation: var(--clc-dialog-transition) clc-side-dialog-bottom-close;
  transform: translateY(100%);
}

@keyframes clc-side-dialog-left-open {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes clc-side-dialog-left-close {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.clc-dialog-side-position-left.clc-open {
  animation: var(--clc-dialog-transition) clc-side-dialog-left-open;
}
.clc-dialog-side-position-left.clc-close {
  animation: var(--clc-dialog-transition) clc-side-dialog-left-close;
  transform: translateX(-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: relative;
  width: 250px;
  min-width: 20rem;
  background-color: var(--clc-notification-container-background-color);
  margin: 1rem 0;
}
.clc-notification-item-wrapper > .clc-progressbar {
  position: absolute;
  inset-block-end: var(--clc-notification-border-radius);
  inset-inline: var(--clc-notification-border-radius);
  --clc-progressbar-height: 0.25rem;
  --clc-progressbar-border-radius: var(--clc-notification-border-radius);
}
.clc-notification-item-wrapper:has(> .clc-progressbar) .clc-notification-content {
  margin-block-end: var(--clc-notification-border-radius);
}

.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;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--clc-notification-gap);
}

.clc-notification-message {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.clc-notification-title,
.clc-notification-content {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.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;
  color: inherit;
  opacity: 0.75;
  background: none;
  border: none;
  padding: 0;
}
.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;
  z-index: 1;
  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) .clc-layout::-webkit-scrollbar,
body:not(.clc-default-scrollbars) .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);
}
body:not(.clc-default-scrollbars) .clc-layout::-webkit-scrollbar-thumb,
body:not(.clc-default-scrollbars) .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);
}
body:not(.clc-default-scrollbars) .clc-layout::-webkit-scrollbar-corner,
body:not(.clc-default-scrollbars) .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);
  align-items: center;
}
.clc-lookup-search input {
  flex: auto;
}

.clc-lookup-search-input-container {
  position: relative;
  flex: auto;
  display: flex;
  align-items: center;
}
.clc-lookup-search-input-container input {
  flex: auto;
  padding-inline-end: 1.75rem;
}
.clc-lookup-search-input-container .clc-dropdown-clear-icon {
  position: absolute;
  inset-inline-end: 0.25rem;
  inset-block-start: 50%;
  transform: translateY(-50%);
  height: 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,
.clc-linear-gauge {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 300px;
  height: 300px;
}

.clc-gauge .clc-line,
.clc-gauge .clc-tick,
.clc-linear-gauge .clc-line,
.clc-linear-gauge .clc-tick {
  stroke: var(--clc-gauge-scale-color);
}
.clc-gauge .clc-tick-text,
.clc-linear-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-linear-gauge {
  width: 300px;
  height: 150px;
}

.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-linear-gauge-value {
  position: absolute;
  padding: 0.5rem;
  white-space: nowrap;
  pointer-events: none;
  transition: left var(--clc-transition), top var(--clc-transition);
}

.clc-gauge-pointer,
.clc-linear-gauge-pointer {
  fill: var(--clc-gauge-pointer-color);
}

.clc-linear-gauge-pointer-draggable {
  cursor: grab;
}

.clc-linear-gauge-pointer-arrow {
  transition: transform var(--clc-transition);
}

.clc-linear-gauge-pointer-bar {
  transition: x var(--clc-transition), y var(--clc-transition), width var(--clc-transition), height var(--clc-transition);
}

.clc-linear-gauge-pointer-line {
  transition: x1 var(--clc-transition), y1 var(--clc-transition), x2 var(--clc-transition), y2 var(--clc-transition);
}

.clc-linear-gauge-range {
  shape-rendering: geometricPrecision;
}

.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: var(--clc-progressbar-value);
  transition: var(--clc-progressbar-value-transition);
}

.clc-progressbar-label,
.clc-progressbar-label-value {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 50%;
  margin-top: calc(-1 * var(--clc-progressbar-height) / 2);
  text-align: center;
  font-size: var(--clc-progressbar-font-size);
  line-height: var(--clc-progressbar-height);
}

.clc-progressbar-label-value {
  color: var(--clc-progressbar-color);
  clip-path: inset(0 0 0 var(--clc-progressbar-value));
}

.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: var(--clc-chart-area-opacity);
}

.clc-area-series .clc-area-gradient,
.clc-full-stacked-area-series .clc-area-gradient {
  fill-opacity: 1;
}

.clc-chart-axis-crosshair-label {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
.clc-chart-axis-crosshair-label rect {
  fill: var(--clc-on-base);
  rx: var(--clc-border-radius);
  ry: var(--clc-border-radius);
}
.clc-chart-axis-crosshair-label text {
  fill: var(--clc-base);
  font-size: 12px;
  font-weight: bold;
  dominant-baseline: central;
}

@keyframes clc-series-reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clc-series-reveal-rtl {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clc-series-grow-y {
  from {
    transform: translateY(var(--clc-zero-y, 0px)) scaleY(0) translateY(calc(-1 * var(--clc-zero-y, 0px)));
  }
  to {
    transform: translateY(var(--clc-zero-y, 0px)) scaleY(1) translateY(calc(-1 * var(--clc-zero-y, 0px)));
  }
}
@keyframes clc-series-grow-x {
  from {
    transform: translateX(var(--clc-zero-x, 0px)) scaleX(0) translateX(calc(-1 * var(--clc-zero-x, 0px)));
  }
  to {
    transform: translateX(var(--clc-zero-x, 0px)) scaleX(1) translateX(calc(-1 * var(--clc-zero-x, 0px)));
  }
}
@keyframes clc-series-reveal-down {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clc-segment-expand {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes clc-marker-pop {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes clc-slice-expand {
  from {
    transform: translate(var(--clc-pie-cx, 0px), var(--clc-pie-cy, 0px)) scale(0) translate(calc(-1 * var(--clc-pie-cx, 0px)), calc(-1 * var(--clc-pie-cy, 0px)));
    opacity: 0;
  }
  to {
    transform: translate(var(--clc-pie-cx, 0px), var(--clc-pie-cy, 0px)) scale(1) translate(calc(-1 * var(--clc-pie-cx, 0px)), calc(-1 * var(--clc-pie-cy, 0px)));
    opacity: 1;
  }
}
@keyframes clc-series-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.clc-chart-animate .clc-line-series,
.clc-chart-animate .clc-stacked-line-series,
.clc-chart-animate .clc-full-stacked-line-series,
.clc-chart-animate .clc-area-series,
.clc-chart-animate .clc-full-stacked-area-series,
.clc-chart-animate .clc-range-area-series,
.clc-chart-animate .clc-waterfall-series,
.clc-chart-animate .clc-candlestick-series,
.clc-chart-animate .clc-ohlc-series,
.clc-chart-animate .clc-highlow-series,
.clc-chart-animate .clc-box-plot-series {
  animation: clc-series-reveal var(--clc-chart-animation-duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.clc-chart-animate .clc-column-series,
.clc-chart-animate .clc-full-stacked-column-series,
.clc-chart-animate .clc-range-column-series {
  animation: clc-series-grow-y var(--clc-chart-animation-duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.clc-chart-animate .clc-bar-series,
.clc-chart-animate .clc-full-stacked-bar-series,
.clc-chart-animate .clc-range-bar-series,
.clc-chart-animate .clc-bullet-series {
  animation: clc-series-grow-x var(--clc-chart-animation-duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.clc-chart-animate .clc-horizontal-waterfall-series {
  animation: clc-series-reveal-down var(--clc-chart-animation-duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.clc-chart-animate .clc-funnel-series > g,
.clc-chart-animate .clc-pyramid-series > g {
  transform-box: fill-box;
  transform-origin: center;
  animation: clc-segment-expand 500ms cubic-bezier(0.4, 0, 0.2, 1) backwards;
  animation-delay: calc(var(--clc-segment-order, 0) * 90ms);
}
.clc-chart-animate .clc-scatter-series .clc-marker > * {
  animation: clc-marker-pop var(--clc-chart-animation-duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.clc-chart-animate .clc-bubble-series circle {
  transform-box: fill-box;
  transform-origin: center;
  animation: clc-marker-pop var(--clc-chart-animation-duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.clc-chart-animate .clc-heatmap-series,
.clc-chart-animate .clc-contour-series {
  animation: clc-series-fade-in var(--clc-chart-animation-duration, 700ms) ease-out;
}
.clc-chart-animate .clc-pie-series > g,
.clc-chart-animate .clc-donut-series > g {
  animation: clc-slice-expand 500ms cubic-bezier(0.4, 0, 0.2, 1) backwards;
  animation-delay: calc(var(--clc-segment-order, 0) * 90ms);
}

*[dir=rtl] .clc-chart-animate .clc-line-series,
*[dir=rtl] .clc-chart-animate .clc-stacked-line-series,
*[dir=rtl] .clc-chart-animate .clc-full-stacked-line-series,
*[dir=rtl] .clc-chart-animate .clc-area-series,
*[dir=rtl] .clc-chart-animate .clc-full-stacked-area-series,
*[dir=rtl] .clc-chart-animate .clc-range-area-series,
*[dir=rtl] .clc-chart-animate .clc-waterfall-series,
*[dir=rtl] .clc-chart-animate .clc-candlestick-series,
*[dir=rtl] .clc-chart-animate .clc-ohlc-series,
*[dir=rtl] .clc-chart-animate .clc-highlow-series,
*[dir=rtl] .clc-chart-animate .clc-box-plot-series {
  animation-name: clc-series-reveal-rtl;
}

.clc-path-transition {
  transition: d 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

.clc-chart-zoomable .clc-path-transition {
  transition: none;
}

.clc-chart-series-hover .clc-line-series,
.clc-chart-series-hover .clc-area-series,
.clc-chart-series-hover .clc-column-series,
.clc-chart-series-hover .clc-bar-series,
.clc-chart-series-hover .clc-scatter-series,
.clc-chart-series-hover .clc-candlestick-series,
.clc-chart-series-hover .clc-waterfall-series,
.clc-chart-series-hover .clc-bullet-series {
  transition: opacity 0.2s, filter 0.2s;
  cursor: pointer;
}
.clc-chart-series-hover .clc-line-series:hover, .clc-chart-series-hover .clc-line-series.clc-state-hover,
.clc-chart-series-hover .clc-area-series:hover,
.clc-chart-series-hover .clc-area-series.clc-state-hover,
.clc-chart-series-hover .clc-column-series:hover,
.clc-chart-series-hover .clc-column-series.clc-state-hover,
.clc-chart-series-hover .clc-bar-series:hover,
.clc-chart-series-hover .clc-bar-series.clc-state-hover,
.clc-chart-series-hover .clc-scatter-series:hover,
.clc-chart-series-hover .clc-scatter-series.clc-state-hover,
.clc-chart-series-hover .clc-candlestick-series:hover,
.clc-chart-series-hover .clc-candlestick-series.clc-state-hover,
.clc-chart-series-hover .clc-waterfall-series:hover,
.clc-chart-series-hover .clc-waterfall-series.clc-state-hover,
.clc-chart-series-hover .clc-bullet-series:hover,
.clc-chart-series-hover .clc-bullet-series.clc-state-hover {
  filter: brightness(1.1) drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
}
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-line-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-area-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-column-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-bar-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-scatter-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-candlestick-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-waterfall-series,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-bullet-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-line-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-area-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-column-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-bar-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-scatter-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-candlestick-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-waterfall-series,
.clc-chart-series-hover svg:has(> g > :hover) .clc-bullet-series {
  opacity: 0.4;
}
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-line-series:hover, .clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-line-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-area-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-area-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-column-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-column-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-bar-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-bar-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-scatter-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-scatter-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-candlestick-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-candlestick-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-waterfall-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-waterfall-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-bullet-series:hover,
.clc-chart-series-hover svg:has(> g > .clc-state-hover) .clc-bullet-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-line-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-line-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-area-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-area-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-column-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-column-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-bar-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-bar-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-scatter-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-scatter-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-candlestick-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-candlestick-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-waterfall-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-waterfall-series.clc-state-hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-bullet-series:hover,
.clc-chart-series-hover svg:has(> g > :hover) .clc-bullet-series.clc-state-hover {
  opacity: 1;
}
.clc-chart-series-hover .clc-pie-series > g,
.clc-chart-series-hover .clc-donut-series > g,
.clc-chart-series-hover .clc-funnel-series > g,
.clc-chart-series-hover .clc-pyramid-series > g {
  transition: opacity var(--clc-transition), filter var(--clc-transition);
  cursor: pointer;
}
.clc-chart-series-hover .clc-pie-series > g > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pie-series > g > .clc-path,
.clc-chart-series-hover .clc-donut-series > g > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-donut-series > g > .clc-path,
.clc-chart-series-hover .clc-funnel-series > g > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-funnel-series > g > .clc-path,
.clc-chart-series-hover .clc-pyramid-series > g > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pyramid-series > g > .clc-path {
  transition: transform var(--clc-transition);
}
.clc-chart-series-hover .clc-pie-series > g:hover, .clc-chart-series-hover .clc-pie-series > g.clc-state-hover,
.clc-chart-series-hover .clc-donut-series > g:hover,
.clc-chart-series-hover .clc-donut-series > g.clc-state-hover,
.clc-chart-series-hover .clc-funnel-series > g:hover,
.clc-chart-series-hover .clc-funnel-series > g.clc-state-hover,
.clc-chart-series-hover .clc-pyramid-series > g:hover,
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-hover {
  filter: brightness(1.1) drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
}
.clc-chart-series-hover .clc-pie-series > g:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pie-series > g:hover > .clc-path, .clc-chart-series-hover .clc-pie-series > g.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pie-series > g.clc-state-hover > .clc-path,
.clc-chart-series-hover .clc-donut-series > g:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-donut-series > g:hover > .clc-path,
.clc-chart-series-hover .clc-donut-series > g.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-donut-series > g.clc-state-hover > .clc-path,
.clc-chart-series-hover .clc-funnel-series > g:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-funnel-series > g:hover > .clc-path,
.clc-chart-series-hover .clc-funnel-series > g.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-funnel-series > g.clc-state-hover > .clc-path,
.clc-chart-series-hover .clc-pyramid-series > g:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pyramid-series > g:hover > .clc-path,
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-hover > .clc-path {
  transform: translate(var(--clc-explode-x, 0), var(--clc-explode-y, 0));
}
.clc-chart-series-hover .clc-pie-series > g.clc-state-exploded:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pie-series > g.clc-state-exploded:hover > .clc-path, .clc-chart-series-hover .clc-pie-series > g.clc-state-exploded.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pie-series > g.clc-state-exploded.clc-state-hover > .clc-path,
.clc-chart-series-hover .clc-donut-series > g.clc-state-exploded:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-donut-series > g.clc-state-exploded:hover > .clc-path,
.clc-chart-series-hover .clc-donut-series > g.clc-state-exploded.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-donut-series > g.clc-state-exploded.clc-state-hover > .clc-path,
.clc-chart-series-hover .clc-funnel-series > g.clc-state-exploded:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-funnel-series > g.clc-state-exploded:hover > .clc-path,
.clc-chart-series-hover .clc-funnel-series > g.clc-state-exploded.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-funnel-series > g.clc-state-exploded.clc-state-hover > .clc-path,
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-exploded:hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-exploded:hover > .clc-path,
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-exploded.clc-state-hover > path:not(.clc-hit-area),
.clc-chart-series-hover .clc-pyramid-series > g.clc-state-exploded.clc-state-hover > .clc-path {
  transform: translate(calc(var(--clc-explode-x, 0) * 1.2), calc(var(--clc-explode-y, 0) * 1.2));
}
.clc-chart-series-hover .clc-pie-series:has(> .clc-state-hover) > g,
.clc-chart-series-hover .clc-donut-series:has(> .clc-state-hover) > g,
.clc-chart-series-hover .clc-funnel-series:has(> .clc-state-hover) > g,
.clc-chart-series-hover .clc-pyramid-series:has(> .clc-state-hover) > g,
.clc-chart-series-hover .clc-pie-series:has(> :hover) > g,
.clc-chart-series-hover .clc-donut-series:has(> :hover) > g,
.clc-chart-series-hover .clc-funnel-series:has(> :hover) > g,
.clc-chart-series-hover .clc-pyramid-series:has(> :hover) > g {
  opacity: 0.4;
}
.clc-chart-series-hover .clc-pie-series:has(> .clc-state-hover) > g:hover, .clc-chart-series-hover .clc-pie-series:has(> .clc-state-hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-donut-series:has(> .clc-state-hover) > g:hover,
.clc-chart-series-hover .clc-donut-series:has(> .clc-state-hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-funnel-series:has(> .clc-state-hover) > g:hover,
.clc-chart-series-hover .clc-funnel-series:has(> .clc-state-hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-pyramid-series:has(> .clc-state-hover) > g:hover,
.clc-chart-series-hover .clc-pyramid-series:has(> .clc-state-hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-pie-series:has(> :hover) > g:hover,
.clc-chart-series-hover .clc-pie-series:has(> :hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-donut-series:has(> :hover) > g:hover,
.clc-chart-series-hover .clc-donut-series:has(> :hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-funnel-series:has(> :hover) > g:hover,
.clc-chart-series-hover .clc-funnel-series:has(> :hover) > g.clc-state-hover,
.clc-chart-series-hover .clc-pyramid-series:has(> :hover) > g:hover,
.clc-chart-series-hover .clc-pyramid-series:has(> :hover) > g.clc-state-hover {
  opacity: 1;
}
.clc-chart-series-hover .clc-legend-item {
  transition: background-color 0.2s, color 0.2s;
  border-radius: var(--clc-border-radius);
}
.clc-chart-series-hover .clc-legend-item:hover {
  background-color: var(--clc-base-200);
  color: var(--clc-on-base-lighter);
}

.clc-pie-series > g.clc-state-exploded > path,
.clc-pie-series > g.clc-state-exploded > .clc-path,
.clc-donut-series > g.clc-state-exploded > path,
.clc-donut-series > g.clc-state-exploded > .clc-path {
  transform: translate(var(--clc-explode-x, 0), var(--clc-explode-y, 0));
  transition: transform var(--clc-transition);
}

.clc-scheme-pastel .clc-series-0 {
  --clc-series-color: var(--clc-series-1);
  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 {
  --clc-series-color: var(--clc-series-1);
  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 {
  --clc-series-color: var(--clc-series-2);
  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 {
  --clc-series-color: var(--clc-series-2);
  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 {
  --clc-series-color: var(--clc-series-3);
  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 {
  --clc-series-color: var(--clc-series-3);
  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 {
  --clc-series-color: var(--clc-series-4);
  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 {
  --clc-series-color: var(--clc-series-4);
  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 {
  --clc-series-color: var(--clc-series-5);
  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 {
  --clc-series-color: var(--clc-series-5);
  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 {
  --clc-series-color: var(--clc-series-6);
  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 {
  --clc-series-color: var(--clc-series-6);
  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 {
  --clc-series-color: var(--clc-series-7);
  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 {
  --clc-series-color: var(--clc-series-7);
  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 {
  --clc-series-color: var(--clc-series-8);
  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 {
  --clc-series-color: var(--clc-series-8);
  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 {
  --clc-series-color: var(--clc-series-9);
  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 {
  --clc-series-color: var(--clc-series-9);
  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 {
  --clc-series-color: var(--clc-series-10);
  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 {
  --clc-series-color: var(--clc-series-10);
  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 {
  --clc-series-color: var(--clc-series-11);
  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 {
  --clc-series-color: var(--clc-series-11);
  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 {
  --clc-series-color: var(--clc-series-12);
  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 {
  --clc-series-color: var(--clc-series-12);
  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 {
  --clc-series-color: var(--clc-series-13);
  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 {
  --clc-series-color: var(--clc-series-13);
  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 {
  --clc-series-color: var(--clc-series-14);
  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 {
  --clc-series-color: var(--clc-series-14);
  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 {
  --clc-series-color: var(--clc-series-15);
  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 {
  --clc-series-color: var(--clc-series-15);
  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 {
  --clc-series-color: var(--clc-series-16);
  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 {
  --clc-series-color: var(--clc-series-16);
  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 {
  --clc-series-color: var(--clc-series-17);
  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 {
  --clc-series-color: var(--clc-series-17);
  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 {
  --clc-series-color: var(--clc-series-18);
  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 {
  --clc-series-color: var(--clc-series-18);
  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 {
  --clc-series-color: var(--clc-series-19);
  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 {
  --clc-series-color: var(--clc-series-19);
  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 {
  --clc-series-color: var(--clc-series-20);
  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 {
  --clc-series-color: var(--clc-series-20);
  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 {
  --clc-series-color: var(--clc-series-21);
  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 {
  --clc-series-color: var(--clc-series-21);
  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 {
  --clc-series-color: var(--clc-series-22);
  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 {
  --clc-series-color: var(--clc-series-22);
  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 {
  --clc-series-color: var(--clc-series-23);
  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 {
  --clc-series-color: var(--clc-series-23);
  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 {
  --clc-series-color: var(--clc-series-24);
  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 {
  --clc-series-color: var(--clc-series-24);
  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 {
  --clc-series-color: #003f5c;
  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 {
  --clc-series-color: #003f5c;
  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 {
  --clc-series-color: #2f4b7c;
  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 {
  --clc-series-color: #2f4b7c;
  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 {
  --clc-series-color: #665191;
  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 {
  --clc-series-color: #665191;
  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 {
  --clc-series-color: #a05195;
  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 {
  --clc-series-color: #a05195;
  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 {
  --clc-series-color: #d45087;
  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 {
  --clc-series-color: #d45087;
  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 {
  --clc-series-color: #f95d6a;
  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 {
  --clc-series-color: #f95d6a;
  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 {
  --clc-series-color: #ff7c43;
  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 {
  --clc-series-color: #ff7c43;
  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 {
  --clc-series-color: #ffa600;
  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 {
  --clc-series-color: #ffa600;
  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 {
  --clc-series-color: #004c6d;
  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 {
  --clc-series-color: #004c6d;
  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 {
  --clc-series-color: #296080;
  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 {
  --clc-series-color: #296080;
  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 {
  --clc-series-color: #437594;
  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 {
  --clc-series-color: #437594;
  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 {
  --clc-series-color: #5d8ba9;
  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 {
  --clc-series-color: #5d8ba9;
  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 {
  --clc-series-color: #75a1be;
  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 {
  --clc-series-color: #75a1be;
  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 {
  --clc-series-color: #8eb8d3;
  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 {
  --clc-series-color: #8eb8d3;
  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 {
  --clc-series-color: #a7cfe9;
  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 {
  --clc-series-color: #a7cfe9;
  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 {
  --clc-series-color: #c1e7ff;
  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 {
  --clc-series-color: #c1e7ff;
  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 {
  --clc-series-color: #00876c;
  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 {
  --clc-series-color: #00876c;
  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 {
  --clc-series-color: #57a18b;
  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 {
  --clc-series-color: #57a18b;
  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 {
  --clc-series-color: #8cbcac;
  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 {
  --clc-series-color: #8cbcac;
  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 {
  --clc-series-color: #bed6ce;
  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 {
  --clc-series-color: #bed6ce;
  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 {
  --clc-series-color: #f1f1f1;
  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 {
  --clc-series-color: #f1f1f1;
  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 {
  --clc-series-color: #f1c6c6;
  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 {
  --clc-series-color: #f1c6c6;
  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 {
  --clc-series-color: #ec9c9d;
  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 {
  --clc-series-color: #ec9c9d;
  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 {
  --clc-series-color: #e27076;
  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 {
  --clc-series-color: #e27076;
  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 {
  --clc-series-color: #d43d51;
  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 {
  --clc-series-color: #d43d51;
  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-series-value-label rect {
  fill: var(--clc-series-color);
  stroke: none;
}
.clc-series-value-label text {
  fill: var(--clc-chart-marker-stroke);
  fill: oklch(from var(--clc-series-color) calc((0.72 - l) * infinity) 0 h);
  stroke: none;
  font-size: 0.75rem;
  dominant-baseline: central;
  font-variant-numeric: tabular-nums;
}

.clc-active-point {
  transition: transform 0.15s ease-out;
}
.clc-active-point .clc-active-point-halo {
  fill: var(--clc-series-color);
  fill-opacity: 0.15;
  stroke: none;
}
.clc-active-point .clc-active-point-dot {
  fill: var(--clc-series-color);
  fill-opacity: 1;
  stroke: var(--clc-chart-marker-stroke);
  stroke-width: 2;
}

.clc-line-series .clc-marker,
.clc-area-series .clc-marker,
.clc-scatter-series .clc-marker {
  cursor: pointer;
}
.clc-line-series .clc-marker > *,
.clc-area-series .clc-marker > *,
.clc-scatter-series .clc-marker > * {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.15s ease-out;
}
.clc-line-series .clc-marker:hover > *,
.clc-area-series .clc-marker:hover > *,
.clc-scatter-series .clc-marker:hover > * {
  transform: scale(1.35);
}

.clc-area-series .clc-marker {
  fill-opacity: 1;
}

.clc-scatter-series .clc-marker {
  fill-opacity: 1;
  cursor: pointer;
}

.clc-bubble-series circle {
  fill-opacity: 0.7;
  cursor: pointer;
  transition: fill-opacity var(--clc-transition);
}
.clc-bubble-series circle:hover {
  fill-opacity: 0.9;
}

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

.clc-tick-text {
  stroke: none;
  fill: var(--clc-chart-axis-label-color);
  font-variant-numeric: tabular-nums;
}

.clc-series-data-label,
.clc-series-data-label-fill {
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  stroke: none;
  dominant-baseline: central;
}

.clc-series-data-label {
  fill: var(--clc-chart-axis-label-color);
}

.clc-series-data-label-chip {
  fill: var(--clc-chart-tooltip-background);
  fill-opacity: 0.9;
  stroke: var(--clc-chart-grid-line-color);
  stroke-width: 1;
}

.clc-series-data-label-outline {
  stroke: var(--clc-base-background-color);
  stroke-width: 3;
  stroke-linejoin: round;
  paint-order: stroke;
}

.clc-chart-animate .clc-series-data-label-group {
  animation: clc-chart-tooltip-enter var(--clc-chart-animation-duration, 700ms) ease-out;
}

.clc-value-axis .clc-tick-text {
  text-anchor: end;
}

.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: 0.25rem;
  margin: 0.25rem;
  padding: 0.25rem 0.375rem;
  cursor: pointer;
  line-height: 1;
}
.clc-legend-item svg {
  border-radius: calc(var(--clc-border-radius) / 2);
  overflow: hidden;
}
.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;
  top: 0;
  left: 0;
  pointer-events: none;
}

.clc-chart-tooltip-left .clc-chart-tooltip {
  left: auto;
  right: 0;
}

.clc-top-chart-tooltip {
  transform: translate(-50%, -100%);
}

.clc-bottom-chart-tooltip {
  transform: translate(-50%, 0);
}

.clc-chart-tooltip-content {
  background: var(--clc-chart-tooltip-background);
  color: var(--clc-chart-tooltip-color);
  box-shadow: 0 10px 30px -6px rgba(0, 0, 0, 0.18), 0 2px 6px -2px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  border-radius: var(--clc-chart-tooltip-border-radius);
  white-space: nowrap;
  font-size: var(--clc-chart-tooltip-font-size);
  font-variant-numeric: tabular-nums;
}

@keyframes clc-chart-tooltip-enter {
  from {
    opacity: 0;
    translate: 0 4px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
.clc-chart-tooltip-content.clc-chart-tooltip-enter {
  animation: clc-chart-tooltip-enter 0.12s ease-out;
}

.clc-chart-category-tooltip {
  transition: top 0.15s ease-out, left 0.15s ease-out, right 0.15s ease-out;
}

.clc-chart-tooltip-appear .clc-chart-tooltip-content {
  animation: clc-chart-tooltip-enter 0.12s ease-out;
}

.clc-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: inherit;
  transform-origin: center;
}

.clc-top-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content {
  margin-bottom: 15px;
}
.clc-top-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content:after {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -11px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;
}

.clc-bottom-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content {
  margin-top: 15px;
}
.clc-bottom-chart-tooltip:not(.clc-pie-tooltip) .clc-chart-tooltip-content:after {
  left: 50%;
  top: 0;
  transform: translate(-50%, 11px) rotate(45deg);
  border-top: inherit;
  border-left: inherit;
}

.clc-chart-tooltip-title {
  font-weight: 700;
}

.clc-chart-tooltip-item-value {
  font-weight: 600;
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.clc-chart-shared-tooltip:has(.clc-chart-tooltip-item-content) .clc-chart-tooltip-title {
  padding: 0 0.5rem;
}
.clc-chart-shared-tooltip:has(.clc-chart-tooltip-item-content) .clc-chart-tooltip-content {
  border: none;
}

.clc-chart-tooltip-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.125rem 0.5rem;
  border-radius: var(--clc-chart-tooltip-item-border-radius);
}
.clc-chart-tooltip-item-content:hover {
  background-color: var(--clc-chart-tooltip-item-hover-background-color);
}
.clc-chart-tooltip-item-content .clc-legend-item {
  margin: 0;
  cursor: inherit;
}

.clc-chart-scrollbar {
  height: 16px;
  padding: 4px 0;
  position: absolute;
}

.clc-chart-scrollbar-track {
  position: relative;
  height: 8px;
  background: var(--clc-base-200, #e5e7eb);
  border-radius: 4px;
  cursor: pointer;
}

.clc-chart-scrollbar-thumb {
  position: absolute;
  height: 100%;
  background: var(--clc-base-400, #9ca3af);
  border-radius: 4px;
  cursor: grab;
  min-width: 20px;
  transition: background 0.15s;
}
.clc-chart-scrollbar-thumb:hover, .clc-chart-scrollbar-thumb:active {
  background: var(--clc-base-500, #6b7280);
}
.clc-chart-scrollbar-thumb:active {
  cursor: grabbing;
}

.clc-range-nav {
  position: relative;
  overflow: visible;
  height: var(--clc-range-nav-height);
  border: var(--clc-range-nav-border);
  border-radius: var(--clc-range-nav-border-radius);
}
.clc-range-nav svg {
  display: block;
  border-radius: var(--clc-range-nav-border-radius);
}
[dir=rtl] .clc-range-nav svg {
  transform: scaleX(-1);
}

.clc-range-nav-shade {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  background: var(--clc-range-nav-shade-background-color);
  opacity: var(--clc-range-nav-shade-opacity);
  pointer-events: none;
  z-index: 1;
}
.clc-range-nav-shade-start {
  inset-inline-start: 0;
  border-start-start-radius: var(--clc-range-nav-border-radius);
  border-end-start-radius: var(--clc-range-nav-border-radius);
}
.clc-range-nav-shade-end {
  inset-inline-end: 0;
  border-start-end-radius: var(--clc-range-nav-border-radius);
  border-end-end-radius: var(--clc-range-nav-border-radius);
}

.clc-range-nav-window {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  border: var(--clc-range-nav-border);
  border-width: 0 var(--clc-border-width);
  background: transparent;
  cursor: grab;
  box-sizing: border-box;
  z-index: 2;
}
.clc-range-nav-window:active {
  cursor: grabbing;
}

.clc-range-nav-handle {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  width: var(--clc-range-nav-handle-width);
  cursor: ew-resize;
  z-index: 3;
}
.clc-range-nav-handle::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: var(--clc-range-nav-handle-height);
  inset-inline-start: 0;
  inset-inline-end: 0;
  background: var(--clc-range-nav-handle-background-color);
  box-shadow: var(--clc-range-nav-handle-shadow);
  transition: background 0.15s, box-shadow 0.15s;
}
.clc-range-nav-handle:hover::before, .clc-range-nav-handle:active::before {
  background: var(--clc-range-nav-handle-hover-background-color);
  box-shadow: var(--clc-range-nav-handle-hover-shadow);
}
.clc-range-nav-handle-start {
  inset-inline-start: calc(var(--clc-range-nav-handle-width) / -2);
}
.clc-range-nav-handle-start::before {
  border-radius: var(--clc-range-nav-handle-border-radius);
}
.clc-range-nav-handle-end {
  inset-inline-end: calc(var(--clc-range-nav-handle-width) / -2);
}
.clc-range-nav-handle-end::before {
  border-radius: var(--clc-range-nav-handle-border-radius);
}

.clc-range-nav-label {
  position: absolute;
  bottom: 100%;
  white-space: nowrap;
  background: var(--clc-chart-tooltip-background);
  color: var(--clc-chart-tooltip-color);
  font-size: var(--clc-chart-tooltip-font-size);
  line-height: 1;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  padding: 0.5rem;
  border-radius: var(--clc-chart-tooltip-border-radius);
  margin-bottom: 0.25rem;
  pointer-events: none;
  z-index: 4;
}
.clc-range-nav-label::after {
  content: "";
  position: absolute;
  top: 100%;
  border: 4px solid transparent;
  border-top-color: var(--clc-chart-tooltip-background);
}
.clc-range-nav-label-start {
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.clc-range-nav-label-start::after {
  inset-inline-end: max(4px, var(--clc-range-nav-handle-width) / 2 - 4px);
}
.clc-range-nav-label-end {
  inset-inline-start: 0;
  inset-inline-end: auto;
}
.clc-range-nav-label-end::after {
  inset-inline-start: max(4px, var(--clc-range-nav-handle-width) / 2 - 4px);
}

.clc-range-nav-axis {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  height: 1.5rem;
  pointer-events: none;
  z-index: 0;
}

.clc-range-nav-tick {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.clc-range-nav-tick-first {
  transform: none;
}
.clc-range-nav-tick-last {
  transform: translateX(-100%);
}

.clc-range-nav-tick-mark {
  width: 1px;
  height: 6px;
  background: var(--clc-chart-axis-color);
  margin: 0 auto;
}

.clc-range-nav-tick-label {
  font-size: var(--clc-chart-axis-font-size);
  line-height: 1.2;
  color: var(--clc-chart-axis-label-color);
  white-space: nowrap;
  text-align: center;
}

.clc-range-nav-has-axis {
  padding-bottom: 1.5rem;
}
.clc-range-nav-has-axis .clc-range-nav-shade {
  bottom: 1.5rem;
}
.clc-range-nav-has-axis .clc-range-nav-window {
  bottom: 1.5rem;
}

/* Compact Range Navigator */
.clc-range-nav-compact {
  height: var(--clc-range-nav-compact-height);
  background: var(--clc-range-nav-compact-background-color);
  border-radius: var(--clc-range-nav-compact-border-radius);
}
.clc-range-nav-compact .clc-range-nav-shade {
  background: transparent;
  opacity: 1;
}
.clc-range-nav-compact .clc-range-nav-window {
  border: none;
  background: var(--clc-range-nav-compact-window-background-color);
  border-radius: var(--clc-range-nav-compact-border-radius);
  opacity: 0.85;
}

.clc-range-nav-compact.clc-range-nav-has-axis {
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}
.clc-range-nav-compact.clc-range-nav-has-axis .clc-range-nav-shade {
  bottom: 0;
}
.clc-range-nav-compact.clc-range-nav-has-axis .clc-range-nav-window {
  bottom: 0;
}
.clc-range-nav-compact.clc-range-nav-has-axis .clc-range-nav-axis {
  top: 100%;
  bottom: auto;
}

.clc-sankey-diagram {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--clc-border-radius);
  height: 300px;
  color: var(--clc-sankey-label-color);
}
.clc-sankey-diagram svg {
  display: block;
  width: 100%;
  height: 100%;
}
.clc-sankey-diagram .clc-sankey-link {
  cursor: pointer;
  pointer-events: painted;
  fill-opacity: 0.8;
  opacity: var(--clc-sankey-link-opacity);
  stroke-width: var(--clc-sankey-link-stroke-width);
  transition: opacity 0.2s;
}
.clc-sankey-diagram .clc-sankey-link:hover {
  opacity: var(--clc-sankey-link-hover-opacity);
}
.clc-sankey-diagram .clc-sankey-node {
  cursor: pointer;
}
.clc-sankey-diagram .clc-sankey-node rect {
  stroke-width: var(--clc-sankey-node-stroke-width);
  transition: opacity 0.2s;
}
.clc-sankey-diagram .clc-sankey-node:hover rect {
  opacity: 0.9;
}
.clc-sankey-diagram svg text {
  fill: var(--clc-sankey-label-color);
}
.clc-sankey-diagram text.clc-sankey-node-label {
  font-size: var(--clc-sankey-label-font-size);
  fill: var(--clc-sankey-label-color);
  stroke: var(--clc-sankey-label-stroke);
  stroke-width: var(--clc-sankey-label-stroke-width);
  stroke-linejoin: round;
  paint-order: stroke;
  font-weight: normal;
  pointer-events: none;
  user-select: none;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-0.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-0 rect {
  fill: #003f5c;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-1.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-1 rect {
  fill: #2f4b7c;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-2.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-2 rect {
  fill: #665191;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-3.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-3 rect {
  fill: #a05195;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-4.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-4 rect {
  fill: #d45087;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-5.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-5 rect {
  fill: #f95d6a;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-6.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-6 rect {
  fill: #ff7c43;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-7.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-7 rect {
  fill: #ffa600;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-8.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-8 rect {
  fill: #003f5c;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-9.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-9 rect {
  fill: #2f4b7c;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-10.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-10 rect {
  fill: #665191;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-11.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-11 rect {
  fill: #a05195;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-12.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-12 rect {
  fill: #d45087;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-13.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-13 rect {
  fill: #f95d6a;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-14.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-14 rect {
  fill: #ff7c43;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-15.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-15 rect {
  fill: #ffa600;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-16.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-16 rect {
  fill: #003f5c;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-17.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-17 rect {
  fill: #2f4b7c;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-18.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-18 rect {
  fill: #665191;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-19.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-19 rect {
  fill: #a05195;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-20.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-20 rect {
  fill: #d45087;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-21.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-21 rect {
  fill: #f95d6a;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-22.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-22 rect {
  fill: #ff7c43;
}
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-23.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-palette .clc-series-item-23 rect {
  fill: #ffa600;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-0.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-0 rect {
  fill: #004c6d;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-1.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-1 rect {
  fill: #255e7e;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-2.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-2 rect {
  fill: #3d708f;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-3.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-3 rect {
  fill: #5383a1;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-4.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-4 rect {
  fill: #6996b3;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-5.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-5 rect {
  fill: #7faac6;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-6.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-6 rect {
  fill: #94bed9;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-7.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-7 rect {
  fill: #abd2ec;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-8.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-8 rect {
  fill: #c1e7ff;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-9.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-9 rect {
  fill: #004c6d;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-10.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-10 rect {
  fill: #255e7e;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-11.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-11 rect {
  fill: #3d708f;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-12.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-12 rect {
  fill: #5383a1;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-13.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-13 rect {
  fill: #6996b3;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-14.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-14 rect {
  fill: #7faac6;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-15.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-15 rect {
  fill: #94bed9;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-16.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-16 rect {
  fill: #abd2ec;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-17.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-17 rect {
  fill: #c1e7ff;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-18.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-18 rect {
  fill: #004c6d;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-19.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-19 rect {
  fill: #255e7e;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-20.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-20 rect {
  fill: #3d708f;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-21.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-21 rect {
  fill: #5383a1;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-22.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-22 rect {
  fill: #6996b3;
}
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-23.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-monochrome .clc-series-item-23 rect {
  fill: #7faac6;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-0.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-0 rect {
  fill: #00876c;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-1.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-1 rect {
  fill: #469f76;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-2.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-2 rect {
  fill: #70b77e;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-3.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-3 rect {
  fill: #98ce86;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-4.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-4 rect {
  fill: #c1e48e;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-5.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-5 rect {
  fill: #eaf898;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-6.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-6 rect {
  fill: #ffffad;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-7.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-7 rect {
  fill: #fed693;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-8.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-8 rect {
  fill: #fcaa78;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-9.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-9 rect {
  fill: #f77b5f;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-10.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-10 rect {
  fill: #ed4a46;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-11.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-11 rect {
  fill: #d92632;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-12.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-12 rect {
  fill: #c31e28;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-13.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-13 rect {
  fill: #aa1620;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-14.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-14 rect {
  fill: #8b0e1a;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-15.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-15 rect {
  fill: #00876c;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-16.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-16 rect {
  fill: #469f76;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-17.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-17 rect {
  fill: #70b77e;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-18.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-18 rect {
  fill: #98ce86;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-19.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-19 rect {
  fill: #c1e48e;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-20.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-20 rect {
  fill: #eaf898;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-21.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-21 rect {
  fill: #ffffad;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-22.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-22 rect {
  fill: #fed693;
}
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-23.clc-sankey-link,
.clc-sankey-diagram.clc-scheme-divergent .clc-series-item-23 rect {
  fill: #fcaa78;
}

.clc-flow-gradient {
  fill-opacity: 0.7;
  pointer-events: none;
  mix-blend-mode: screen;
}

.clc-flow-highlight {
  fill: none;
  pointer-events: none;
  mix-blend-mode: overlay;
  animation: clc-pulse-subtle 3s ease-in-out infinite;
}

.clc-spider-chart {
  position: relative !important;
  display: block;
  height: 100%;
  width: 100%;
}
.clc-spider-chart .clc-spider-chart-wrapper {
  display: flex !important;
  height: 100%;
  align-items: center;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-start;
}
.clc-spider-chart .clc-spider-chart-wrapper > svg {
  flex: 1 1 auto;
  overflow: visible;
  min-width: 0;
  min-height: 0;
}
.clc-spider-chart .clc-spider-chart-wrapper > .clc-spider-legend {
  flex: 0 0 auto;
  max-height: 100%;
  overflow-y: auto;
  padding: 0.75rem;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-left {
  flex-direction: row-reverse;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-top {
  flex-direction: column;
  align-items: stretch;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-top > .clc-spider-legend {
  order: -1;
  align-self: center;
  width: auto;
  max-width: 100%;
  max-height: none;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-top > .clc-spider-legend .clc-legend-items {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-bottom {
  flex-direction: column;
  align-items: stretch;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-bottom > .clc-spider-legend {
  align-self: center;
  width: auto;
  max-width: 100%;
  max-height: none;
}
.clc-spider-chart .clc-spider-chart-wrapper.clc-spider-legend-bottom > .clc-spider-legend .clc-legend-items {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.clc-spider-chart .clc-spider-chart-hit-area {
  cursor: pointer;
}
.clc-spider-chart .clc-spider-chart-grid-polygon {
  fill: none;
  stroke: var(--clc-chart-axis-color);
  stroke-width: 1;
}
.clc-spider-chart .clc-spider-chart-grid-circle {
  fill: none;
  stroke: var(--clc-chart-axis-color);
  stroke-width: 1;
}
.clc-spider-chart .clc-spider-chart-grid-line {
  stroke: var(--clc-chart-axis-color);
  stroke-width: 1;
}
.clc-spider-chart .clc-spider-chart-label {
  font-size: 0.875rem;
  fill: var(--clc-text-color) !important;
  user-select: none;
  pointer-events: none;
}
.clc-spider-chart .clc-spider-chart-info-panel {
  display: flex;
  gap: 1rem;
  margin-left: 1rem;
}
.clc-spider-chart .clc-spider-chart-details {
  width: 180px;
  display: flex;
  flex-direction: column;
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-header {
  height: 31px;
  padding: 8px 12px 4px 12px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  color: var(--clc-text-title-color);
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-content {
  flex: 1;
  padding: 0 12px 12px 12px;
  overflow-y: auto;
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-series-name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
  color: inherit;
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 12px;
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-item .clc-spider-chart-details-category {
  color: var(--clc-text-secondary-color);
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-item .clc-spider-chart-details-value {
  font-weight: 500;
}
.clc-spider-chart .clc-spider-chart-details .clc-spider-chart-details-placeholder {
  opacity: 0.5;
  font-size: 12px;
  color: var(--clc-text-secondary-color);
  text-align: center;
  padding: 20px 0;
}
.clc-spider-chart .clc-spider-chart-area {
  cursor: pointer;
  transition: stroke-width 0.3s ease-in-out, opacity 0.3s ease-in-out, fill-opacity 0.3s ease-in-out;
  fill-opacity: 0.2;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-opacity: 1;
}
.clc-spider-chart .clc-spider-chart-area[data-stroke-width="1"] {
  stroke-width: 1;
}
.clc-spider-chart .clc-spider-chart-area[data-stroke-width="2"] {
  stroke-width: 2;
}
.clc-spider-chart .clc-spider-chart-area[data-stroke-width="3"] {
  stroke-width: 3;
}
.clc-spider-chart .clc-spider-chart-area[data-stroke-width="4"] {
  stroke-width: 4;
}
.clc-spider-chart .clc-spider-chart-area.clc-state-hover {
  fill-opacity: 0.5;
  stroke-opacity: 1;
}
.clc-spider-chart .clc-spider-chart-area.clc-state-hover[data-stroke-width="1"] {
  stroke-width: 1.5;
}
.clc-spider-chart .clc-spider-chart-area.clc-state-hover[data-stroke-width="2"] {
  stroke-width: 3;
}
.clc-spider-chart .clc-spider-chart-area.clc-state-hover[data-stroke-width="3"] {
  stroke-width: 4.5;
}
.clc-spider-chart .clc-spider-chart-area.clc-state-hover[data-stroke-width="4"] {
  stroke-width: 6;
}
.clc-spider-chart .clc-spider-chart-area.clc-state-hidden {
  opacity: 0;
}
.clc-spider-chart .clc-spider-chart-column {
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, fill-opacity 0.3s ease-in-out;
  fill-opacity: 0.7;
  stroke: var(--clc-base-background-color);
  stroke-width: 1;
}
.clc-spider-chart .clc-spider-chart-column.clc-state-hover {
  fill-opacity: 0.9;
}
.clc-spider-chart .clc-spider-chart-column.clc-state-hidden {
  opacity: 0;
}
.clc-spider-chart .clc-spider-chart-marker {
  cursor: pointer;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  pointer-events: all;
  stroke-width: 2;
}
.clc-spider-chart .clc-spider-chart-marker.clc-state-hover {
  transform: scale(1.25);
  transform-origin: center;
}
.clc-spider-chart .clc-spider-chart-marker.clc-state-hidden {
  opacity: 0;
}
.clc-spider-chart .clc-spider-legend {
  display: flex;
  flex-direction: column;
}
.clc-spider-chart .clc-spider-legend .clc-legend-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--clc-border-color);
}
.clc-spider-chart .clc-spider-legend .clc-legend-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--clc-text-title-color);
}
.clc-spider-chart .clc-spider-legend .clc-legend-actions {
  display: flex;
  gap: 0.25rem;
}
.clc-spider-chart .clc-spider-legend .clc-legend-actions .clc-button {
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  min-height: unset;
  line-height: 1.2;
}
.clc-spider-chart .clc-spider-legend .clc-legend-items {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: max-content;
}
.clc-spider-chart .clc-spider-legend .clc-legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem;
  cursor: pointer;
  border-radius: var(--clc-border-radius);
  transition: background-color 0.2s;
  white-space: nowrap;
}
.clc-spider-chart .clc-spider-legend .clc-legend-item:hover {
  background-color: var(--clc-base-200);
}
.clc-spider-chart .clc-spider-legend .clc-legend-item:focus {
  outline: 2px solid var(--clc-primary);
  outline-offset: -2px;
}
.clc-spider-chart .clc-spider-legend .clc-legend-item svg {
  flex-shrink: 0;
}
.clc-spider-chart .clc-spider-legend .clc-legend-item .clc-legend-item-text {
  font-size: 0.875rem;
  color: var(--clc-text-color);
  user-select: none;
}
.clc-spider-chart.clc-animate path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: spider-draw 1s ease-out forwards;
}
.clc-spider-chart.clc-animate circle {
  opacity: 0;
  animation: spider-fade-in 0.3s ease-out 0.8s forwards;
}

@keyframes spider-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes spider-fade-in {
  to {
    opacity: 1;
  }
}
.clc-gantt {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: var(--clc-gantt-border);
  border-radius: var(--clc-gantt-border-radius);
  background: var(--clc-gantt-background-color);
  overflow: hidden;
}
.clc-gantt .clc-gantt-splitter {
  flex: 1 1 auto;
  min-height: 0;
}
.clc-gantt .clc-scheduler {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  border-inline-start: var(--clc-gantt-border);
  border-radius: 0;
}
.clc-gantt .clc-gantt-timeline-view {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.clc-gantt .clc-data-grid {
  border: none;
  border-inline-end: var(--clc-gantt-border);
  border-radius: 0;
}
.clc-gantt .clc-data-grid .clc-grid-table thead tr:first-child th {
  border-top: var(--clc-gantt-header-group-height, 0px) solid var(--clc-grid-header-background-color);
}
.clc-gantt .clc-data-grid .clc-grid-table tbody tr {
  height: var(--clc-gantt-row-height) !important;
}
.clc-gantt .clc-data-grid .clc-grid-table tbody td {
  height: var(--clc-gantt-row-height) !important;
  vertical-align: middle;
  box-sizing: border-box;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1;
  overflow: hidden;
}
.clc-gantt .clc-data-grid .clc-grid-table tbody td .clc-cell-toggle .clc-button {
  min-height: 0;
  padding: 0.125rem;
}
.clc-gantt .clc-gantt-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.clc-gantt .clc-gantt-table thead th {
  position: sticky;
  top: var(--clc-gantt-header-group-height, 0px);
  z-index: 2;
}
.clc-gantt .clc-gantt-header-group-row th {
  top: 0 !important;
  z-index: 3;
}
.clc-gantt .clc-gantt-table-header-cell {
  background: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  border-bottom: var(--clc-grid-header-cell-border-bottom);
  border-inline-end: var(--clc-grid-bottom-cell-border);
  padding: var(--clc-grid-header-cell-padding);
  font-size: var(--clc-grid-header-font-size);
  line-height: var(--clc-grid-header-line-height);
  text-transform: var(--clc-grid-header-text-transform);
  font-weight: var(--clc-grid-header-font-weight);
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}
.clc-gantt .clc-gantt-table-header-cell:last-child {
  border-inline-end: none;
}
.clc-gantt .clc-gantt-table-row > td {
  padding: 0;
  box-sizing: border-box;
  height: var(--clc-gantt-row-height);
  border-bottom: var(--clc-grid-bottom-cell-border);
  background-color: var(--clc-grid-stripe-odd-background-color);
}
.clc-gantt .clc-gantt-table-row:last-child > td {
  border-bottom: none;
}
.clc-gantt .clc-gantt-table-row:nth-child(even) > td {
  background-color: var(--clc-grid-stripe-background-color);
}
.clc-gantt .clc-gantt-row-container {
  position: relative;
  height: 100%;
}
.clc-gantt .clc-gantt-links {
  position: absolute;
  inset-inline-start: 0;
  top: var(--clc-gantt-header-height, 0px);
  bottom: 0;
  overflow: visible;
  pointer-events: none;
}
.clc-gantt .clc-gantt-link {
  fill: none;
  stroke: var(--clc-text-tertiary-color);
  stroke-width: 1.5;
}
.clc-gantt .clc-gantt-link-arrow {
  fill: var(--clc-text-tertiary-color);
}
.clc-gantt .clc-gantt-row-grid {
  position: absolute;
  inset: 0;
  display: flex;
  pointer-events: none;
}
.clc-gantt .clc-gantt-row-grid-col {
  border-inline-end: var(--clc-grid-right-cell-border);
  opacity: 0.35;
}
.clc-gantt .clc-gantt-row-grid-col:last-child {
  border-inline-end: none;
}
.clc-gantt .clc-gantt-timeline-row {
  background-color: var(--clc-grid-stripe-odd-background-color);
}
.clc-gantt .clc-gantt-timeline-row:nth-child(even) {
  background-color: var(--clc-grid-stripe-background-color);
}
.clc-gantt .clc-gantt-header {
  flex: 0 0 auto;
  border-bottom: var(--clc-gantt-border);
}
.clc-gantt .clc-data-grid-data {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}
.clc-gantt .clc-gantt-timeline-scroll {
  flex: 1 1 auto;
  height: 100%;
  overflow-x: scroll;
  overflow-y: auto;
  background: var(--clc-base-background-color);
}
.clc-gantt .clc-gantt-timeline-content {
  position: relative;
  min-height: 100%;
}
.clc-gantt .clc-gantt-timeline-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--clc-base-200);
  border-bottom: 1px solid var(--clc-border-color);
}
.clc-gantt .clc-gantt-bar {
  position: absolute;
  border-radius: var(--clc-gantt-event-border-radius);
  background: var(--clc-primary);
  color: var(--clc-on-primary);
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  padding-block: 0;
  padding-inline: 0;
  --clc-scheduler-event-content-padding: 0;
}
.clc-gantt .clc-gantt-bar .clc-event-content {
  border-radius: 0;
}
.clc-gantt .clc-gantt-bar-content {
  position: relative;
  height: 100%;
}
.clc-gantt .clc-gantt-bar-progress {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.18);
}
.clc-gantt .clc-gantt-bar-label {
  position: relative;
  z-index: 1;
  padding: 0 0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: calc(0.6 * var(--clc-gantt-row-height));
}
.clc-gantt .clc-gantt-milestone {
  position: absolute;
  width: 0.6em;
  height: 0.6em;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transform: translateX(-50%);
  background: var(--clc-primary);
  cursor: pointer;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
}
.clc-gantt .clc-gantt-milestone .clc-event-content {
  display: none;
}
.clc-gantt .clc-gantt-critical {
  background: var(--clc-danger) !important;
  color: var(--clc-on-danger) !important;
  box-shadow: 0 1px 4px rgba(var(--clc-danger-rgb, 244, 67, 54), 0.4);
}
.clc-gantt .clc-gantt-link-critical {
  stroke: var(--clc-danger);
  stroke-width: 2.5;
}
.clc-gantt .clc-gantt-link-arrow-critical {
  fill: var(--clc-danger);
}
.clc-gantt .clc-gantt-baseline {
  position: absolute;
  border-radius: 2px;
  background: color-mix(in srgb, var(--clc-secondary) 25%, transparent);
  border: 1px solid var(--clc-secondary);
  pointer-events: none;
}
.clc-gantt .clc-gantt-row-grid-col.clc-gantt-nonworking {
  background: var(--clc-text-disabled-color);
  opacity: 0.12;
}
.clc-gantt th.clc-gantt-nonworking {
  background: color-mix(in srgb, var(--clc-grid-header-background-color) 88%, var(--clc-text-disabled-color));
}
.clc-gantt .clc-gantt-today-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--clc-danger);
  pointer-events: none;
  z-index: 1;
  transform: translateX(-1px);
}
.clc-gantt .clc-gantt-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-inline-start: 2px dashed var(--clc-gantt-marker-color, var(--clc-info));
  pointer-events: none;
  z-index: 1;
}
.clc-gantt .clc-gantt-marker-label {
  position: absolute;
  top: 0;
  inset-inline-start: 4px;
  font-size: 0.625rem;
  line-height: 1;
  white-space: nowrap;
  color: var(--clc-gantt-marker-color, var(--clc-info));
  font-weight: 600;
  padding: 2px 4px;
  background: var(--clc-base-background-color);
  border-radius: var(--clc-border-radius);
}

.clc-link {
  box-sizing: border-box;
  color: var(--clc-link-color);
  text-decoration: none;
  cursor: pointer;
}
.clc-link .clc-link-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.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-content td.clc-html-editor-cell-selected,
.clc-html-editor-content th.clc-html-editor-cell-selected {
  outline: 2px solid var(--clc-primary);
  outline-offset: -2px;
  background-color: color-mix(in srgb, var(--clc-primary) 12%, transparent);
}

.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);
  background-color: var(--clc-editor-toolbar-background-color);
  padding: 0.25rem;
}

.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-table-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.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-colorpicker-trigger-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: var(--clc-colorpicker-value-size);
  min-height: var(--clc-colorpicker-value-size);
}

.clc-colorpicker.clc-input-xs {
  --clc-colorpicker-value-size: var(--clc-colorpicker-value-size-xs);
  --clc-colorpicker-trigger-icon-size: var(--clc-colorpicker-trigger-icon-size-xs);
}

.clc-colorpicker.clc-input-sm {
  --clc-colorpicker-value-size: var(--clc-colorpicker-value-size-sm);
  --clc-colorpicker-trigger-icon-size: var(--clc-colorpicker-trigger-icon-size-sm);
}

.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 {
  display: flex;
}
.clc-colorpicker-button > .clc-button {
  flex: 1;
}

.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;
  transition: transform var(--clc-transition);
}
.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-colorpicker-item.selected {
  transform: var(--clc-colorpicker-item-selected-transform);
}

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

.clc-tile-layout {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.clc-tile-layout-cells {
  box-sizing: border-box;
  display: grid;
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 0;
  border: 0;
}

.clc-tile-layout-overlay {
  box-sizing: border-box;
  display: grid;
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 100%;
  padding: 0;
  border: 0;
  pointer-events: none;
  z-index: 2;
}

.clc-tile-layout-overlay-cell {
  background-color: var(--clc-tile-layout-overlay-background-color, var(--clc-primary-lighter));
  border: 1px dashed var(--clc-tile-layout-overlay-border-color, var(--clc-primary));
  border-radius: var(--clc-tile-layout-item-border-radius, var(--clc-card-border-radius));
  pointer-events: none;
  opacity: 0.35;
}

.clc-tile-layout-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background-color: var(--clc-tile-layout-item-background-color, var(--clc-base-background-color));
  border: var(--clc-tile-layout-item-border, var(--clc-card-border));
  border-radius: var(--clc-tile-layout-item-border-radius, var(--clc-card-border-radius));
  box-shadow: var(--clc-tile-layout-item-shadow, var(--clc-card-shadow));
  z-index: 1;
}

.clc-tile-layout-item-active {
  z-index: 3;
  box-shadow: var(--clc-shadow-3, 0 0.5rem 1rem rgba(0, 0, 0, 0.2));
}

.clc-tile-layout-item-header {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--clc-tile-layout-item-header-background-color, var(--clc-base));
  border-bottom: var(--clc-tile-layout-item-border, var(--clc-card-border));
  user-select: none;
}

.clc-tile-layout-item-header-draggable {
  cursor: move;
  touch-action: none;
}

.clc-tile-layout-item-drag-handle {
  color: var(--clc-text-tertiary-color);
  cursor: move;
}

.clc-tile-layout-item-icon {
  color: var(--clc-text-secondary-color);
}

.clc-tile-layout-item-title {
  flex: 1;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clc-tile-layout-item-content {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0.75rem;
  overflow: auto;
}

.clc-tile-layout-item-resize-handle {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  cursor: nwse-resize;
  touch-action: none;
  z-index: 3;
  background: linear-gradient(135deg, transparent 0%, transparent 50%, var(--clc-text-tertiary-color) 50%, var(--clc-text-tertiary-color) 60%, transparent 60%, transparent 70%, var(--clc-text-tertiary-color) 70%, var(--clc-text-tertiary-color) 80%, transparent 80%);
}

.clc-tile-layout-dragging {
  user-select: none;
}

/* 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: 100dvh;
  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-sidebar-end,
.clc-layout .clc-sidebar-right {
  grid-area: clc-sidebar-2;
}
.clc-layout .clc-header {
  grid-area: clc-header;
  z-index: 2;
}
.clc-layout .clc-footer {
  grid-area: clc-footer;
}

.clc-layout:has(> .clc-sidebar-start),
.clc-layout:has(> .clc-sidebar-left) {
  grid-template-areas: "clc-sidebar clc-body";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header" "clc-sidebar clc-body";
  grid-template-rows: auto 1fr;
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-body" "clc-footer clc-footer";
  grid-template-rows: 1fr auto;
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header" "clc-sidebar clc-body" "clc-footer clc-footer";
  grid-template-rows: auto 1fr auto;
}

.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-sidebar clc-header" "clc-sidebar clc-body";
}
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-body" "clc-sidebar clc-footer";
}
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-header" "clc-sidebar clc-body" "clc-sidebar clc-footer";
}

.clc-layout:has(> .clc-sidebar-end),
.clc-layout:has(> .clc-sidebar-right) {
  grid-template-areas: "clc-body clc-sidebar-2";
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
}
.clc-layout:has(> .clc-sidebar-end):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-right):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header" "clc-body clc-sidebar-2";
  grid-template-rows: auto 1fr;
}
.clc-layout:has(> .clc-sidebar-end):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-right):has(> .clc-footer) {
  grid-template-areas: "clc-body clc-sidebar-2" "clc-footer clc-footer";
  grid-template-rows: 1fr auto;
}
.clc-layout:has(> .clc-sidebar-end):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header" "clc-body clc-sidebar-2" "clc-footer clc-footer";
  grid-template-rows: auto 1fr auto;
}

.clc-layout:has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-header clc-sidebar-2" "clc-body clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-body clc-sidebar-2" "clc-footer clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-sidebar-2" "clc-body clc-sidebar-2" "clc-footer clc-sidebar-2";
}

.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end) {
  grid-template-areas: "clc-sidebar clc-body clc-sidebar-2";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1fr;
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header clc-header" "clc-sidebar clc-body clc-sidebar-2";
  grid-template-rows: auto 1fr;
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-body clc-sidebar-2" "clc-footer clc-footer clc-footer";
  grid-template-rows: 1fr auto;
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header clc-header" "clc-sidebar clc-body clc-sidebar-2" "clc-footer clc-footer clc-footer";
  grid-template-rows: auto 1fr auto;
}

.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-end):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-end):has(> .clc-header) {
  grid-template-areas: "clc-sidebar clc-header clc-header" "clc-sidebar clc-body clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-end):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-end):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-body clc-sidebar-2" "clc-sidebar clc-footer clc-footer";
}
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-end):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-end):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-header clc-header" "clc-sidebar clc-body clc-sidebar-2" "clc-sidebar clc-footer clc-footer";
}

.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header clc-sidebar-2" "clc-sidebar clc-body clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-body clc-sidebar-2" "clc-footer clc-footer clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header clc-sidebar-2" "clc-sidebar clc-body clc-sidebar-2" "clc-footer clc-footer clc-sidebar-2";
}

.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-sidebar clc-head er clc-sidebar-2" "clc-sidebar clc-body clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-body clc-sidebar-2" "clc-sidebar clc-footer clc-sidebar-2";
}
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-start.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer),
.clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-end.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar clc-header clc-sidebar-2" "clc-sidebar clc-body clc-sidebar-2" "clc-sidebar clc-footer clc-sidebar-2";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-left) {
  grid-template-areas: "clc-body clc-sidebar";
  grid-template-columns: 1fr auto;
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header" "clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-footer) {
  grid-template-areas: "clc-body clc-sidebar" "clc-footer clc-footer";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header" "clc-body clc-sidebar" "clc-footer clc-footer";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-header clc-sidebar" "clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-body clc-sidebar" "clc-footer clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-sidebar" "clc-body clc-sidebar" "clc-footer clc-sidebar";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-right) {
  grid-template-areas: "clc-sidebar-2 clc-body";
  grid-template-columns: auto 1fr;
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-right):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header" "clc-sidebar-2 clc-body";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-right):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-body" "clc-footer clc-footer";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header" "clc-sidebar-2 clc-body" "clc-footer clc-footer";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-sidebar-2 clc-header" "clc-sidebar-2 clc-body";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-body" "clc-sidebar-2 clc-footer";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-header" "clc-sidebar-2 clc-body" "clc-sidebar-2 clc-footer";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right) {
  grid-template-areas: "clc-sidebar-2 clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header clc-header" "clc-sidebar-2 clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-body clc-sidebar" "clc-footer clc-footer clc-footer";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header clc-header" "clc-sidebar-2 clc-body clc-sidebar" "clc-footer clc-footer clc-footer";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-header) {
  grid-template-areas: "clc-header clc-header clc-sidebar" "clc-sidebar-2 clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-body clc-sidebar" "clc-footer clc-footer clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-header clc-header clc-sidebar" "clc-sidebar-2 clc-body clc-sidebar" "clc-footer clc-footer clc-sidebar";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-sidebar-2 clc-header clc-header" "clc-sidebar-2 clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-body clc-sidebar" "clc-sidebar-2 clc-footer clc-footer";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-header clc-header" "clc-sidebar-2 clc-body clc-sidebar" "clc-sidebar-2 clc-footer clc-footer";
}

*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header) {
  grid-template-areas: "clc-sidebar-2 clc-header clc-sidebar" "clc-sidebar-2 clc-body clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-body clc-sidebar" "clc-sidebar-2 clc-footer clc-sidebar";
}
*[dir=rtl] .clc-layout:has(> .clc-sidebar-left.clc-sidebar-fullheight):has(> .clc-sidebar-right.clc-sidebar-fullheight):has(> .clc-header):has(> .clc-footer) {
  grid-template-areas: "clc-sidebar-2 clc-header clc-sidebar" "clc-sidebar-2 clc-body clc-sidebar" "clc-sidebar-2 clc-footer clc-sidebar";
}

@media (max-width: 768px) {
  body:has(> .clc-layout) {
    overflow-x: hidden;
  }
  .clc-layout:not(:has(> .clc-sidebar:nth-of-type(2))) .clc-header,
  .clc-layout:not(:has(> .clc-sidebar:nth-of-type(2))) .clc-footer,
  .clc-layout:not(:has(> .clc-sidebar:nth-of-type(2))) .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-list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.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-breadcrumb-item .clc-link-disabled {
  pointer-events: none;
  opacity: 0.5;
}

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

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

.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-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%;
  }
  .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));
  }
  .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-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%;
  }
  .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));
  }
  .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-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%;
  }
  .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));
  }
  .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-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%;
  }
  .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));
  }
  .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-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%;
  }
  .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));
  }
  .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-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-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-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 {
  position: relative;
  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 > input {
  width: 100%;
}
.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-dropdown-chips-padding-block: var(--clc-form-field-filled-padding-block);
  --clc-dropdown-chips-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-filled .clc-form-field-content .clc-timespanpicker-trigger, .clc-form-field.clc-variant-flat .clc-form-field-content .clc-datepicker-trigger,
.clc-form-field.clc-variant-flat .clc-form-field-content .clc-timespanpicker-trigger {
  top: calc(50% + 0.4375rem);
}
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-datepicker .clc-dropdown-clear-icon,
.clc-form-field.clc-variant-filled .clc-form-field-content .clc-timespanpicker .clc-dropdown-clear-icon, .clc-form-field.clc-variant-flat .clc-form-field-content .clc-datepicker .clc-dropdown-clear-icon,
.clc-form-field.clc-variant-flat .clc-form-field-content .clc-timespanpicker .clc-dropdown-clear-icon {
  top: 0.4375rem;
}
.clc-form-field.clc-variant-filled:has(.clc-input-xs) .clc-form-field-content, .clc-form-field.clc-variant-flat:has(.clc-input-xs) .clc-form-field-content {
  --clc-input-height: var(--clc-form-field-filled-height-xs);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-xs);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-xs);
  --clc-dropdown-chips-padding-block: var(--clc-form-field-filled-padding-block-xs);
  --clc-dropdown-chips-padding-inline: var(--clc-form-field-filled-padding-inline-xs);
  --clc-form-field-label-floating-top: var(--clc-form-field-filled-label-floating-top-xs);
  --clc-form-field-label-floating-font-size: var(--clc-form-field-filled-label-floating-font-size-xs);
}
.clc-form-field.clc-variant-filled:has(.clc-input-xs) .clc-form-field-content > .clc-input-xs, .clc-form-field.clc-variant-flat:has(.clc-input-xs) .clc-form-field-content > .clc-input-xs {
  --clc-input-height: var(--clc-form-field-filled-height-xs);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-xs);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-xs);
}
.clc-form-field.clc-variant-filled:has(.clc-input-sm) .clc-form-field-content, .clc-form-field.clc-variant-flat:has(.clc-input-sm) .clc-form-field-content {
  --clc-input-height: var(--clc-form-field-filled-height-sm);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-sm);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-sm);
  --clc-dropdown-chips-padding-block: var(--clc-form-field-filled-padding-block-sm);
  --clc-dropdown-chips-padding-inline: var(--clc-form-field-filled-padding-inline-sm);
  --clc-form-field-label-floating-top: var(--clc-form-field-filled-label-floating-top-sm);
  --clc-form-field-label-floating-font-size: var(--clc-form-field-filled-label-floating-font-size-sm);
}
.clc-form-field.clc-variant-filled:has(.clc-input-sm) .clc-form-field-content > .clc-input-sm, .clc-form-field.clc-variant-flat:has(.clc-input-sm) .clc-form-field-content > .clc-input-sm {
  --clc-input-height: var(--clc-form-field-filled-height-sm);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-sm);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-sm);
}
.clc-form-field.clc-variant-filled:has(.clc-input-md) .clc-form-field-content, .clc-form-field.clc-variant-flat:has(.clc-input-md) .clc-form-field-content {
  --clc-input-height: var(--clc-form-field-filled-height-md);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-md);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-md);
  --clc-dropdown-chips-padding-block: var(--clc-form-field-filled-padding-block-md);
  --clc-dropdown-chips-padding-inline: var(--clc-form-field-filled-padding-inline-md);
  --clc-form-field-label-floating-top: var(--clc-form-field-filled-label-floating-top-md);
  --clc-form-field-label-floating-font-size: var(--clc-form-field-filled-label-floating-font-size-md);
}
.clc-form-field.clc-variant-filled:has(.clc-input-md) .clc-form-field-content > .clc-input-md, .clc-form-field.clc-variant-flat:has(.clc-input-md) .clc-form-field-content > .clc-input-md {
  --clc-input-height: var(--clc-form-field-filled-height-md);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-md);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-md);
}
.clc-form-field.clc-variant-filled:has(.clc-input-lg) .clc-form-field-content, .clc-form-field.clc-variant-flat:has(.clc-input-lg) .clc-form-field-content {
  --clc-input-height: var(--clc-form-field-filled-height-lg);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-lg);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-lg);
  --clc-dropdown-chips-padding-block: var(--clc-form-field-filled-padding-block-lg);
  --clc-dropdown-chips-padding-inline: var(--clc-form-field-filled-padding-inline-lg);
  --clc-form-field-label-floating-top: var(--clc-form-field-filled-label-floating-top-lg);
  --clc-form-field-label-floating-font-size: var(--clc-form-field-filled-label-floating-font-size-lg);
}
.clc-form-field.clc-variant-filled:has(.clc-input-lg) .clc-form-field-content > .clc-input-lg, .clc-form-field.clc-variant-flat:has(.clc-input-lg) .clc-form-field-content > .clc-input-lg {
  --clc-input-height: var(--clc-form-field-filled-height-lg);
  --clc-input-padding-block: var(--clc-form-field-filled-padding-block-lg);
  --clc-input-padding-inline: var(--clc-form-field-filled-padding-inline-lg);
}
.clc-form-field.clc-variant-flat:not(.clc-state-disabled):hover .clc-form-field-content {
  border: var(--clc-input-hover-border);
  border-block-end: var(--clc-input-hover-border-block-end);
  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);
  border-block-end: var(--clc-input-focus-border-block-end);
  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);
  border-block-end: var(--clc-input-focus-border-block-end);
  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-hover-background-color: transparent;
  --clc-input-focus-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-block-end);
  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-block-end: var(--clc-input-border-block-end);
}
.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-block-end: var(--clc-input-hover-border-block-end);
}
.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-block-end: var(--clc-input-disabled-border-block-end);
}
.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-block-end);
  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), inset-inline-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-start ~ .clc-form-field-label {
  inset-inline-start: calc(var(--clc-form-field-start-end-padding-inline) + 1.5rem + var(--clc-form-field-label-inset-inline-start));
}
.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-form-field.clc-variant-filled .clc-textarea ~ .clc-form-field-label, .clc-form-field.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, .clc-form-field-content > :not(.clc-state-empty):not(.clc-form-field-start):not(.clc-form-field-end) ~ .clc-form-field-label, .clc-form-field.clc-variant-filled .clc-textarea:focus ~ .clc-form-field-label, .clc-form-field.clc-variant-flat .clc-textarea:focus ~ .clc-form-field-label, .clc-form-field.clc-variant-filled > .clc-form-field-content > :not(.clc-state-empty):not(.clc-form-field-start):not(.clc-form-field-end) ~ .clc-form-field-label, .clc-form-field.clc-variant-flat > .clc-form-field-content > :not(.clc-state-empty):not(.clc-form-field-start):not(.clc-form-field-end) ~ .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-fileupload ~ .clc-form-field-label, .clc-state-empty:has(.clc-placeholder) ~ .clc-form-field-label, .clc-form-field.clc-state-focused .clc-form-field-label {
  inset-inline-start: var(--clc-form-field-label-inset-inline-start);
  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: var(--clc-form-field-label-floating-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):not(.clc-form-field-start):not(.clc-form-field-end) ~ .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-fileupload ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined) .clc-state-empty:has(.clc-placeholder) ~ .clc-form-field-label, .clc-form-field:not(.clc-variant-outlined).clc-state-focused .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-form-field.clc-state-focused .clc-form-field-label, .clc-form-field.clc-variant-filled.clc-state-focused ~ .clc-form-field-label, .clc-form-field.clc-variant-flat.clc-state-focused ~ .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-form-field.clc-variant-filled .clc-textbox:focus ~ .clc-form-field-label, .clc-form-field.clc-variant-flat .clc-textbox:focus ~ .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 .clc-timeline-point .clci {
  font-size: 2rem;
}

.clc-timeline-axis-md {
  --clc-timeline-point-size: 1.5rem;
}
.clc-timeline-axis-md .clc-timeline-point .clci {
  font-size: 1rem;
}

.clc-timeline-axis-sm {
  --clc-timeline-point-size: 1rem;
}
.clc-timeline-axis-sm .clc-timeline-point .clci {
  font-size: 0.625rem;
}

.clc-timeline-axis-xs {
  --clc-timeline-point-size: 0.75rem;
}
.clc-timeline-axis-xs .clc-timeline-point .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);
}

.clc-carousel {
  position: relative;
  overflow: hidden;
  scrollbar-color: transparent transparent;
  border-radius: var(--clc-carousel-border-radius);
}
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-pager-top ~ .clc-carousel-items,
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-items:has(+ .clc-carousel-pager-bottom) {
  height: calc(100% - var(--clc-carousel-pager-height));
}
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-pager-top ~ .clc-carousel-items:has(+ .clc-carousel-pager-bottom) {
  height: calc(100% - 2 * var(--clc-carousel-pager-height));
}
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-pager-top ~ .clc-carousel-prev,
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-pager-top ~ .clc-carousel-next {
  inset-block-start: calc(50% + var(--clc-carousel-pager-height) / 2);
}
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-prev:has(~ .clc-carousel-pager-bottom),
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-next:has(~ .clc-carousel-pager-bottom) {
  inset-block-start: calc(50% - var(--clc-carousel-pager-height) / 2);
}
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-pager-top ~ .clc-carousel-prev:has(~ .clc-carousel-pager-bottom),
.clc-carousel:not(.clc-carousel-pager-overlay) .clc-carousel-pager-top ~ .clc-carousel-next:has(~ .clc-carousel-pager-bottom) {
  inset-block-start: 50%;
}

.clc-carousel-items {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  border-radius: var(--clc-carousel-border-radius);
  scrollbar-width: none;
  touch-action: pan-y;
  -ms-overflow-style: none;
}
.clc-carousel-items::-webkit-scrollbar {
  display: none;
}

.clc-carousel-no-scroll {
  overflow-x: hidden;
  touch-action: none;
  scroll-snap-type: none;
}

.clc-carousel-item {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  counter-increment: item;
  scrollbar-color: initial;
  scrollbar-width: initial;
  -ms-overflow-style: initial;
}

.clc-carousel-snapper {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  scroll-snap-align: center;
}

.clc-carousel-pager {
  gap: var(--clc-carousel-pager-gap);
  height: var(--clc-carousel-pager-height);
}

.clc-carousel-pager-button {
  cursor: pointer;
  width: var(--clc-carousel-pager-button-width);
  height: var(--clc-carousel-pager-button-height);
  border: var(--clc-carousel-pager-button-border);
  border-radius: var(--clc-carousel-pager-button-border-radius);
  background-color: var(--clc-carousel-pager-button-background-color);
  color: var(--clc-carousel-pager-button-color);
  transition: var(--clc-button-transition);
  -webkit-appearance: none;
}
.clc-carousel-pager-button:hover {
  border: var(--clc-carousel-pager-button-hover-border);
  background-color: var(--clc-carousel-pager-button-hover-background-color);
  color: var(--clc-carousel-pager-button-hover-color);
}
.clc-carousel-pager-button.clc-state-active {
  width: var(--clc-carousel-pager-button-active-width);
  height: var(--clc-carousel-pager-button-active-height);
  border: var(--clc-carousel-pager-button-active-border);
  background-color: var(--clc-carousel-pager-button-active-background-color);
  color: var(--clc-carousel-pager-button-active-color);
}

.clc-carousel-pager-overlay .clc-carousel-pager {
  position: absolute;
  z-index: 998;
  inset-inline: 0;
  opacity: var(--clc-carousel-pager-overlay-opacity);
}
.clc-carousel-pager-overlay .clc-carousel-pager-top {
  inset-block-start: 0;
}
.clc-carousel-pager-overlay .clc-carousel-pager-bottom {
  inset-block-end: 0;
}

.clc-carousel-prev,
.clc-carousel-next {
  position: absolute;
  z-index: 999;
  inset-block-start: 50%; /* calc(50% - var(--clc-carousel-pager-height)/2) */
  transform: translateY(-50%);
  border-radius: var(--clc-carousel-prev-next-button-border-radius);
}

.clc-carousel-prev {
  inset-inline-start: var(--clc-carousel-prev-next-button-inset);
}

.clc-carousel-next {
  inset-inline-end: var(--clc-carousel-prev-next-button-inset);
}
.clc-carousel-next .clci {
  order: 2;
}

*[dir=rtl] .clc-carousel-prev .clci,
*[dir=rtl] .clc-carousel-next .clci {
  transform: rotate(180deg);
}

/* input field */
.clc-timespanpicker {
  display: inline-block;
  position: relative;
}
.clc-timespanpicker .clc-readonly {
  cursor: pointer;
}
.clc-timespanpicker > .clc-inputtext {
  width: 100%;
  line-height: var(--clc-timespanpicker-line-height);
}
.clc-timespanpicker:has(.clc-timespanpicker-trigger) > .clc-inputtext {
  padding-inline-end: calc(1rem + var(--clc-timespanpicker-trigger-icon-size));
}
.clc-timespanpicker:has(.clc-dropdown-clear-icon) > .clc-inputtext {
  padding-inline-end: calc(1rem + var(--clc-dropdown-trigger-icon-width));
}
.clc-timespanpicker:has(.clc-timespanpicker-trigger):has(.clc-dropdown-clear-icon) > .clc-inputtext {
  padding-inline-end: calc(var(--clc-dropdown-trigger-icon-width) + 1rem + var(--clc-timespanpicker-trigger-icon-size));
}
.clc-timespanpicker:not(.clc-state-disabled):hover .clc-timespanpicker-trigger {
  box-shadow: none;
  color: var(--clc-timespanpicker-trigger-icon-hover-color);
}
.clc-timespanpicker.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-timespanpicker.clc-state-disabled > .clc-inputtext::placeholder {
  color: var(--clc-input-disabled-placeholder-color);
}
.clc-timespanpicker:not(:has(.clc-timespanpicker-trigger)) .clc-dropdown-clear-icon {
  inset-inline-end: 0.5rem;
}

/* popup trigger button */
.clc-timespanpicker-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-timespanpicker-trigger-icon-color);
  width: var(--clc-timespanpicker-trigger-icon-size);
  height: var(--clc-timespanpicker-trigger-icon-size);
  font-size: var(--clc-timespanpicker-trigger-icon-size);
}
.clc-timespanpicker-trigger.clc-state-disabled {
  border: none;
  box-shadow: none;
  cursor: initial;
  opacity: 1;
  color: var(--clc-input-disabled-color);
}
.clc-timespanpicker-trigger:not(.clc-state-disabled):hover:not(:active), .clc-timespanpicker-trigger:not(.clc-state-disabled):hover:active {
  background-color: transparent;
}
.clc-timespanpicker-trigger:not(.clc-state-disabled):active {
  box-shadow: none !important;
  background-image: none !important;
}
.clc-timespanpicker-trigger .clci-timespan {
  font-size: inherit;
  vertical-align: top;
}
.clc-timespanpicker-trigger .clci-timespan:before {
  content: "timer";
}
.clc-timespanpicker-trigger .clc-button-text {
  display: none;
}

/* panel */
.clc-timespanpicker-inline {
  border: var(--clc-input-border);
  border-radius: var(--clc-border-radius);
  background-color: var(--clc-timespanpicker-panel-background-color);
  overflow: auto;
}

.clc-timespanpicker-popup-container {
  display: none;
  box-sizing: content-box;
  position: absolute;
  width: var(--clc-timespanpicker-popup-width);
  margin: var(--clc-timespanpicker-popup-margin);
  box-shadow: var(--clc-timespanpicker-popup-shadow);
  border: var(--clc-timespanpicker-popup-border);
  border-radius: var(--clc-border-radius);
  background-color: var(--clc-timespanpicker-panel-background-color);
}

.clc-timespanpicker-panel {
  padding: var(--clc-timespanpicker-panel-padding);
}

.clc-timespanpicker-panel, .clc-timespanpicker-panel-fieldcontainer {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: var(--clc-timespanpicker-panel-gap);
}

.clc-timespanpicker-panel-fieldwithunit {
  display: flex;
  flex-flow: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--clc-timespanpicker-panel-unit-gap);
  width: min-content;
}

.clc-timespanpicker-unit-label {
  color: var(--clc-timespanpicker-unit-label-color);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.clc-timespanpicker-unitvaluepicker {
  width: fit-content;
  min-width: var(--clc-timespanpicker-panel-field-min-width);
}

.clc-timespanpicker-signpicker {
  align-self: stretch;
}
.clc-timespanpicker-signpicker > .clc-button {
  flex: 1;
  --clc-selectbar-border-radius: var(--clc-input-border-radius);
}

.clc-timespanpicker.clc-input-xs {
  --clc-timespanpicker-trigger-icon-size: var(--clc-timespanpicker-trigger-icon-size-xs);
}

.clc-timespanpicker.clc-input-sm {
  --clc-timespanpicker-trigger-icon-size: var(--clc-timespanpicker-trigger-icon-size-sm);
}

.clc-toc {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.clc-toc-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.clc-toc-item-wrapper {
  position: relative;
}
.clc-toc-item-wrapper:after {
  content: "";
  position: absolute;
  inset-block: var(--clc-toc-link-selected-indicator-inset-block);
  inset-inline: var(--clc-toc-link-selected-indicator-inset-inline);
  width: var(--clc-toc-link-selected-indicator-size);
  border-radius: var(--clc-toc-link-selected-indicator-border-radius);
  background-color: transparent;
  transition: background-color var(--clc-transition);
}

.clc-toc-item-selected > .clc-toc-item-wrapper:after {
  background-color: var(--clc-toc-link-selected-indicator-color);
}

.clc-toc-link {
  display: flex;
  padding-block: var(--clc-toc-link-padding-block);
  padding-inline: var(--clc-toc-link-padding-inline);
  text-decoration: none;
  text-align: initial;
  font-size: var(--clc-toc-link-font-size);
  font-weight: var(--clc-toc-link-font-weight);
  font-family: inherit;
  border: var(--clc-toc-link-border);
  border-radius: var(--clc-toc-link-border-radius);
  color: var(--clc-toc-link-color);
  background-color: var(--clc-toc-link-background-color);
  transition: border var(--clc-transition), color var(--clc-transition), background-color var(--clc-transition);
  cursor: pointer;
}
.clc-toc-link:hover {
  color: var(--clc-toc-link-hover-color);
  background-color: var(--clc-toc-link-hover-background-color);
}
.clc-toc-link:focus {
  outline: var(--clc-outline-normal);
}
.clc-toc-link:focus-visible {
  outline: var(--clc-link-focus-outline);
  outline-offset: calc(-1 * var(--clc-outline-width));
}
.clc-toc-item-selected > .clc-toc-item-wrapper .clc-toc-link {
  border: var(--clc-toc-link-selected-border);
  color: var(--clc-toc-link-selected-color);
  background-color: var(--clc-toc-link-selected-background-color);
}
.clc-toc-horizontal .clc-toc-item-selected .clc-toc-link {
  border: var(--clc-toc-horizontal-link-selected-border);
  color: var(--clc-toc-horizontal-link-selected-color);
  background-color: var(--clc-toc-horizontal-link-selected-background-color);
}

.clc-toc-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: var(--clc-toc-horizontal-border-radius);
  background-color: var(--clc-toc-horizontal-background-color);
  overflow: hidden;
  box-shadow: var(--clc-toc-horizontal-shadow);
}
.clc-toc-horizontal .clc-toc-item {
  flex: 1;
  display: inline-flex;
}
.clc-toc-horizontal .clc-toc-item .clc-toc-item-wrapper {
  display: flex;
  flex: 1;
}
.clc-toc-horizontal .clc-toc-item .clc-toc-item-wrapper:after {
  inset-block: var(--clc-toc-horizontal-link-selected-indicator-inset-block);
  inset-inline: var(--clc-toc-horizontal-link-selected-indicator-inset-inline);
  width: auto;
  height: var(--clc-toc-link-selected-indicator-size);
}
.clc-toc-horizontal .clc-toc-link {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: var(--clc-toc-horizontal-link-padding-block);
  padding-inline: var(--clc-toc-horizontal-link-padding-inline);
  font-size: var(--clc-toc-horizontal-link-font-size);
}

.clc-expander {
  display: grid;
  transition: grid-template-rows var(--clc-expander-transition);
}
.clc-expander > .clc-expander-content {
  overflow: hidden;
  visibility: hidden;
  transition: visibility var(--clc-expander-transition);
}
.clc-expander.clc-state-expanded {
  grid-template-rows: 1fr;
}
.clc-expander.clc-state-expanded > .clc-expander-content {
  visibility: visible;
}
.clc-expander.clc-state-collapsed {
  grid-template-rows: 0fr;
}
.clc-expander.clc-state-collapsed .clc-expander-content {
  visibility: hidden;
}

.clc-skeleton {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: var(--clc-skeleton-background-color);
  border-radius: var(--clc-skeleton-border-radius);
}

.clc-skeleton.clc-skeleton-text {
  width: 10rem;
  height: 0.75em;
}

.clc-skeleton.clc-skeleton-circular {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.clc-skeleton.clc-skeleton-rectangular {
  width: 3rem;
  height: 2rem;
  border-radius: 0;
}

.clc-skeleton.clc-skeleton-wave {
  background: linear-gradient(90deg, var(--clc-skeleton-background-color) 25%, var(--clc-skeleton-animation-color) 50%, var(--clc-skeleton-background-color) 75%);
  background-size: 200% 100%;
  animation: clc-wave var(--clc-skeleton-animation-duration) infinite;
}

.clc-skeleton.clc-skeleton-pulse {
  animation: clc-pulse var(--clc-skeleton-animation-duration) infinite;
}

/* CleviFab */
.clc-fab {
  position: absolute;
  inset-block-start: var(--clc-fab-inset-block-start);
  inset-block-end: var(--clc-fab-inset-block-end);
  inset-inline-start: var(--clc-fab-inset-inline-start);
  inset-inline-end: var(--clc-fab-inset-inline-end);
  z-index: var(--clc-fab-zindex);
  border-radius: var(--clc-fab-border-radius);
  box-shadow: var(--clc-fab-shadow);
  transition: transform var(--clc-transition);
}
@media (hover: hover) and (pointer: fine) {
  .clc-fab:not(.clc-state-disabled):not(:active):hover {
    box-shadow: var(--clc-fab-hover-shadow);
  }
}
.clc-fab:not(.clc-state-disabled):active {
  transform: scale(1.1);
  box-shadow: var(--clc-fab-active-shadow);
  transition: transform var(--clc-transition);
}

/* CleviFabMenu */
.clc-fabmenu {
  position: absolute;
  inset-block-start: var(--clc-fab-inset-block-start);
  inset-block-end: var(--clc-fab-inset-block-end);
  inset-inline-start: var(--clc-fab-inset-inline-start);
  inset-inline-end: var(--clc-fab-inset-inline-end);
  z-index: 1000;
}
.clc-fabmenu > .clc-toggle-button {
  border-radius: var(--clc-fab-border-radius);
  box-shadow: var(--clc-fab-shadow);
  transition: transform var(--clc-transition), border-radius var(--clc-transition);
}
@media (hover: hover) and (pointer: fine) {
  .clc-fabmenu > .clc-toggle-button:not(.clc-state-disabled):not(:active):hover {
    box-shadow: var(--clc-fab-hover-shadow);
  }
}
.clc-fabmenu > .clc-toggle-button:not(.clc-state-disabled):active {
  transform: scale(1.1);
  box-shadow: var(--clc-fab-active-shadow);
  transition: transform var(--clc-transition), border-radius var(--clc-transition);
}
.clc-fabmenu > .clc-toggle-button:not(.clc-state-disabled).clc-state-active {
  border-radius: var(--clc-fab-active-border-radius);
  transition: transform var(--clc-transition), border-radius var(--clc-transition);
}

@keyframes clc-fab-expand {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.clc-fabmenu-items {
  position: absolute;
}
.clc-fabmenu-items .clc-button {
  opacity: 0;
  transform: scale(0);
}
.clc-fabmenu-items.clc-open .clc-button {
  animation: clc-fab-expand 0.25s ease forwards;
}
.clc-fabmenu-items.clc-open .clc-button:nth-child(1) {
  animation-delay: 0.05s;
}
.clc-fabmenu-items.clc-open .clc-button:nth-child(2) {
  animation-delay: 0.15s;
}
.clc-fabmenu-items.clc-open .clc-button:nth-child(3) {
  animation-delay: 0.25s;
}
.clc-fabmenu-items.clc-open .clc-button:nth-child(4) {
  animation-delay: 0.35s;
}
.clc-fabmenu-items.clc-open .clc-button:nth-child(5) {
  animation-delay: 0.45s;
}
.clc-fabmenu-items.clc-open .clc-button:nth-child(6) {
  animation-delay: 0.55s;
}
.clc-fabmenu-items.clc-fabmenu-direction-top {
  inset-block-end: calc(100% + var(--clc-fabmenu-offset));
  inset-inline-end: 0;
}
.clc-fabmenu-items.clc-fabmenu-direction-bottom {
  inset-block-start: calc(100% + var(--clc-fabmenu-offset));
  inset-inline-end: 0;
}
.clc-fabmenu-items.clc-fabmenu-direction-left {
  right: calc(100% + var(--clc-fabmenu-offset));
  inset-block-end: 0;
}
.clc-fabmenu-items.clc-fabmenu-direction-right {
  left: calc(100% + var(--clc-fabmenu-offset));
  inset-block-end: 0;
}
.clc-fabmenu-items.clc-fabmenu-direction-start {
  inset-inline-end: calc(100% + var(--clc-fabmenu-offset));
  inset-block-end: 0;
}
.clc-fabmenu-items.clc-fabmenu-direction-end {
  inset-inline-start: calc(100% + var(--clc-fabmenu-offset));
  inset-block-end: 0;
}

.clc-pivot-data-grid {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border: var(--clc-grid-cell-border);
  border-radius: var(--clc-grid-border-radius);
  background-color: var(--clc-grid-background-color);
  color: var(--clc-grid-cell-color);
  font-family: var(--clc-text-font-family);
  font-size: var(--clc-grid-cell-font-size);
  --clc-grid-header-cell-border: var(--clc-grid-header-cell-border-bottom);
}
.clc-pivot-data-grid .clc-pivot-content {
  flex: 1;
  overflow: auto;
  position: relative;
}
.clc-pivot-data-grid .clc-pivot-table-container {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
  --clc-pivot-row-header-width: 140px;
}
.clc-pivot-data-grid .clc-pivot-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  background-color: var(--clc-grid-background-color);
}
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-corner-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-column-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-value-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-row-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-aggregate-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-value-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-default .clc-pivot-total-cell {
  border: var(--clc-grid-cell-border);
}
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-corner-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-column-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-value-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-row-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-aggregate-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-value-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-horizontal .clc-pivot-total-cell {
  border-bottom: var(--clc-grid-bottom-cell-border);
}
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-corner-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-column-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-value-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-row-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-aggregate-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-value-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-vertical .clc-pivot-total-cell {
  border-right: var(--clc-grid-right-cell-border);
}
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-corner-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-column-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-value-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-row-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-aggregate-header,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-value-cell,
.clc-pivot-data-grid .clc-pivot-table.clc-grid-gridlines-none .clc-pivot-total-cell {
  border: none;
}
.clc-pivot-data-grid .clc-pivot-table.clc-grid-table-striped .clc-pivot-row:nth-child(even) {
  background-color: var(--clc-grid-stripe-background-color);
}
.clc-pivot-data-grid .clc-pivot-header {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--clc-grid-background-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-corner-cell {
  padding: var(--clc-grid-header-cell-padding);
  font-weight: var(--clc-grid-header-font-weight);
  text-align: center;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: sticky;
  left: 0;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--clc-grid-header-cell-border);
  min-width: 140px;
  font-size: var(--clc-grid-header-font-size);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-corner-cell .clc-pivot-corner-title {
  font-size: var(--clc-grid-header-font-size);
  font-weight: var(--clc-grid-header-font-weight);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header {
  padding: var(--clc-grid-header-cell-padding);
  font-weight: var(--clc-grid-header-font-weight);
  text-align: center;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 120px;
  font-size: var(--clc-grid-header-font-size);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-drill-down-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  padding-inline: var(--clc-grid-header-title-padding-inline);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  color: var(--clc-grid-header-color);
  font-size: 0.875rem;
  transition: background-color 0.2s ease;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button:hover {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button:focus {
  outline: 2px solid var(--clc-focus-outline-color);
  outline-offset: 2px;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-drill-down-header .clc-pivot-header-text {
  flex: 1;
  text-align: start;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex: 1;
  height: 100%;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable:hover {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable:focus {
  outline: 2px solid var(--clc-focus-outline-color);
  outline-offset: 2px;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable .clc-pivot-header-text {
  flex: initial;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-pivot-header-text {
  flex: 1;
  text-align: start;
  padding-inline: var(--clc-grid-header-title-padding-inline);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-sortable-column-icon {
  color: var(--clc-grid-header-color);
  opacity: 0.7;
  transition: opacity var(--clc-transition);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-sortable-column-icon.clci-sort-asc, .clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-sortable-column-icon.clci-sort-desc {
  opacity: 1;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-grid-filter-icon {
  color: var(--clc-grid-header-color);
  opacity: 0.7;
  cursor: pointer;
  transition: var(--clc-transition-all);
  display: flex;
  align-items: center;
  justify-content: center;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-grid-filter-icon:hover {
  opacity: 1;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content-wrapper .clc-grid-filter-icon.clc-grid-filter-active {
  opacity: 1;
  color: var(--clc-primary-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header.clc-sortable-column .clc-pivot-header-content {
  cursor: pointer;
  user-select: none;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header {
  padding: var(--clc-grid-header-cell-padding);
  font-weight: var(--clc-grid-header-font-weight);
  text-align: center;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: sticky;
  z-index: 4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: var(--clc-pivot-row-header-width, 140px);
  font-size: var(--clc-grid-header-font-size);
  vertical-align: bottom;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-drill-down-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  color: var(--clc-grid-header-color);
  font-size: 0.875rem;
  transition: background-color 0.2s ease;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button:hover {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button:focus {
  outline: 2px solid var(--clc-focus-outline-color);
  outline-offset: 2px;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-header-text {
  flex: 1;
  text-align: start;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex: 1;
  height: 100%;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable:hover {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable:focus {
  outline: 2px solid var(--clc-focus-outline-color);
  outline-offset: 2px;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content.clc-sortable .clc-pivot-header-text {
  flex: initial;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-pivot-header-text {
  flex: 1;
  text-align: start;
  padding-inline: var(--clc-grid-header-title-padding-inline);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-sortable-column-icon {
  color: var(--clc-grid-header-color);
  opacity: 0.7;
  transition: opacity var(--clc-transition);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-sortable-column-icon.clci-sort-asc, .clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-pivot-header-content .clc-sortable-column-icon.clci-sort-desc {
  opacity: 1;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-grid-filter-icon {
  color: var(--clc-grid-header-color);
  opacity: 0.7;
  cursor: pointer;
  transition: var(--clc-transition-all);
  display: flex;
  align-items: center;
  justify-content: center;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-grid-filter-icon:hover {
  opacity: 1;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content-wrapper .clc-grid-filter-icon.clc-grid-filter-active {
  opacity: 1;
  color: var(--clc-primary-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content.clc-sortable {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content.clc-sortable:hover {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content.clc-sortable:focus {
  outline: 2px solid var(--clc-focus-outline-color);
  outline-offset: 2px;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content.clc-sortable .clc-pivot-header-text {
  flex: initial;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content .clc-pivot-header-text {
  flex: 1;
  text-align: start;
  padding-inline: var(--clc-grid-header-title-padding-inline);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content .clc-sortable-column-icon {
  color: var(--clc-grid-header-color);
  opacity: 0.7;
  transition: opacity var(--clc-transition);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content .clc-sortable-column-icon.clci-sort-asc, .clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content .clc-sortable-column-icon.clci-sort-desc {
  opacity: 1;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header.clc-sortable-column .clc-pivot-header-content {
  cursor: pointer;
  user-select: none;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-total-header {
  padding: var(--clc-grid-header-cell-padding);
  padding-inline: var(--clc-grid-header-title-padding-inline);
  font-weight: var(--clc-grid-header-font-weight);
  text-align: start;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: sticky;
  z-index: 4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--clc-grid-header-cell-border);
  min-width: 120px;
  font-size: var(--clc-grid-header-font-size);
  vertical-align: bottom;
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-header-row .clc-pivot-aggregate-header {
  padding: var(--clc-grid-cell-padding);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-value-headers .clc-pivot-value-header {
  padding: var(--clc-grid-header-cell-padding);
  font-weight: var(--clc-grid-header-font-weight);
  text-align: center;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--clc-grid-header-cell-border);
  min-width: 100px;
  font-size: var(--clc-grid-header-font-size);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-value-headers .clc-pivot-value-header .clc-pivot-value-title {
  font-size: var(--clc-grid-header-font-size);
  font-weight: var(--clc-grid-header-font-weight);
  margin-bottom: 0.25rem;
  color: var(--clc-grid-header-color);
}
.clc-pivot-data-grid .clc-pivot-header .clc-pivot-value-headers .clc-pivot-value-header .clc-pivot-aggregate-type {
  font-size: 0.75rem;
  color: var(--clc-text-secondary-color);
  font-style: italic;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row:hover {
  background-color: var(--clc-grid-hover-background-color);
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-row-header {
  padding: var(--clc-grid-cell-padding);
  font-weight: 500;
  text-align: start;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: sticky;
  z-index: 2;
  min-width: var(--clc-pivot-row-header-width, 140px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-row-header .clc-pivot-drill-down-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  color: var(--clc-grid-header-color);
  font-size: 0.875rem;
  transition: background-color 0.2s ease;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button:hover {
  background-color: var(--clc-grid-header-sorted-background-color);
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-drill-down-button:focus {
  outline: 2px solid var(--clc-focus-outline-color);
  outline-offset: 2px;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-row-header .clc-pivot-drill-down-header .clc-pivot-header-text {
  flex: 1;
  text-align: start;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-value-cell {
  padding: var(--clc-grid-cell-padding);
  min-width: 100px;
  text-align: right;
  color: var(--clc-grid-cell-color);
  background-color: var(--clc-grid-background-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-pivot-data-grid .clc-pivot-content .clc-pivot-body .clc-pivot-row .clc-pivot-total-cell {
  padding: var(--clc-grid-cell-padding);
  min-width: 120px;
  text-align: right;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-pivot-data-grid .clc-pivot-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  background-color: var(--clc-grid-foot-background-color);
}
.clc-pivot-data-grid .clc-pivot-footer .clc-pivot-footer-row .clc-pivot-footer-header {
  padding: var(--clc-grid-cell-padding);
  font-weight: 600;
  text-align: start;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  position: sticky;
  z-index: 4;
  min-width: var(--clc-pivot-row-header-width, 140px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-pivot-data-grid .clc-pivot-footer .clc-pivot-footer-row .clc-pivot-footer-cell {
  padding: var(--clc-grid-cell-padding);
  font-weight: 600;
  text-align: right;
  background-color: var(--clc-grid-foot-background-color);
  color: var(--clc-grid-foot-cell-color);
  border: var(--clc-grid-cell-border);
  font-size: var(--clc-grid-cell-font-size);
}
.clc-pivot-data-grid .clc-pivot-footer .clc-pivot-footer-row .clc-pivot-footer-cell:first-child {
  text-align: start;
  border-right: 2px solid var(--clc-grid-cell-border);
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
}
.clc-pivot-data-grid .clc-pivot-footer .clc-pivot-footer-row .clc-pivot-footer-cell:hover {
  background-color: var(--clc-grid-hover-background-color);
}
.clc-pivot-data-grid .clc-pivot-footer .clc-pivot-footer-row .clc-pivot-footer-total {
  padding: var(--clc-grid-cell-padding);
  font-weight: 600;
  text-align: right;
  background-color: var(--clc-grid-header-background-color);
  color: var(--clc-grid-header-color);
  border: var(--clc-grid-cell-border);
  font-size: var(--clc-grid-cell-font-size);
  position: sticky;
  z-index: 4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clc-pivot-data-grid .clc-pivot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  color: var(--clc-text-secondary-color);
  font-style: italic;
  min-height: 200px;
  background-color: var(--clc-grid-background-color);
  border-radius: var(--clc-grid-border-radius);
  margin: 0.5rem;
}
@media (max-width: 768px) {
  .clc-pivot-data-grid .clc-pivot-table {
    font-size: var(--clc-grid-cell-font-size);
  }
  .clc-pivot-data-grid .clc-pivot-table .clc-pivot-corner-cell,
  .clc-pivot-data-grid .clc-pivot-table .clc-pivot-column-header,
  .clc-pivot-data-grid .clc-pivot-table .clc-pivot-value-header,
  .clc-pivot-data-grid .clc-pivot-table .clc-pivot-row-header,
  .clc-pivot-data-grid .clc-pivot-table .clc-pivot-value-cell,
  .clc-pivot-data-grid .clc-pivot-table .clc-pivot-total-cell {
    padding: var(--clc-grid-cell-padding);
    min-width: 80px;
  }
}
.clc-pivot-data-grid .clc-panel {
  box-shadow: none;
  border-bottom: var(--clc-grid-cell-border);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.clc-pivot-data-grid .clc-panel .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header,
.clc-pivot-data-grid .clc-panel .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header {
  padding: 0;
}
.clc-pivot-data-grid .clc-panel .clc-pivot-header .clc-pivot-header-row .clc-pivot-column-header .clc-pivot-header-content,
.clc-pivot-data-grid .clc-panel .clc-pivot-header .clc-pivot-header-row .clc-pivot-row-header .clc-pivot-header-content {
  padding: var(--clc-grid-header-cell-padding);
}
.clc-pivot-data-grid .clc-panel-titlebar {
  justify-content: initial;
  align-items: center;
  gap: 0.5rem;
}
.clc-pivot-data-grid .clc-panel-titlebar .clc-panel-titlebar-toggler {
  order: -1;
}

.clc-pivot-data-grid.clc-density-compact .clc-pivot-content .clc-pivot-table .clc-pivot-header-cell,
.clc-pivot-data-grid.clc-density-compact .clc-pivot-content .clc-pivot-table .clc-pivot-cell,
.clc-pivot-data-grid.clc-density-compact .clc-pivot-content .clc-pivot-table .clc-pivot-row-header,
.clc-pivot-data-grid.clc-density-compact .clc-pivot-content .clc-pivot-table .clc-pivot-footer-cell,
.clc-pivot-data-grid.clc-density-compact .clc-pivot-content .clc-pivot-table .clc-pivot-total-cell {
  padding: var(--clc-grid-cell-padding);
}

.clc-pivot-data-grid.clc-has-height .clc-pivot-content .clc-pivot-table-container {
  overflow: auto;
}

.clc-pivot-data-grid.clc-pivot-datatable-scrollable .clc-pivot-content .clc-pivot-table-container {
  overflow: auto;
}

.clc-pivot-table {
  table-layout: fixed;
}
.clc-pivot-table .clc-frozen-cell {
  position: -webkit-sticky;
  position: sticky;
}
.clc-pivot-table .clc-frozen-cell-left,
.clc-pivot-table .clc-frozen-cell-right,
.clc-pivot-table .clc-frozen-cell-left-inner,
.clc-pivot-table .clc-frozen-cell-right-inner {
  background: var(--clc-grid-frozen-cell-background-color);
  z-index: 1;
}
.clc-pivot-table .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-pivot-table .clc-frozen-cell-left.clc-frozen-cell-left-end {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
}
.clc-pivot-table .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-pivot-table .clc-frozen-cell-right.clc-frozen-cell-right-end {
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
}
.clc-pivot-table .clc-frozen-cell-left-inner,
.clc-pivot-table .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-spreadsheet {
  display: flex;
  flex-direction: column;
  border: var(--clc-spreadsheet-cell-border);
  outline: none;
  position: relative;
}
.clc-spreadsheet .clc-tabview-nav {
  background-color: var(--clc-tabs-tab-background-color);
}
.clc-spreadsheet .clc-tabview {
  --clc-tabs-tab-padding-block: 0.25rem;
  --clc-tabs-tab-padding-inline: 0.5rem;
  --clc-tabs-tab-font-size: var(--clc-spreadsheet-tab-font-size);
}
.clc-spreadsheet .clc-tabview-panels {
  border: none;
}
.clc-spreadsheet .clc-tabview-panel {
  padding: 0.25rem;
}

.clc-spreadsheet-table-design {
  overflow-y: hidden;
}
.clc-spreadsheet-table-design .clc-label {
  font-size: var(--clc-input-font-size-sm);
}

.clc-virtual-grid {
  position: relative;
  overflow: hidden;
}

.clc-virtual-grid-content {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 1;
  overflow: hidden;
}

.clc-virtual-grid-scroller {
  overflow: scroll;
  position: absolute;
  width: 100%;
  height: 100%;
}

.clc-spreadsheet-formula-editor {
  padding: 0 0.25rem 0.25rem;
  border-bottom: var(--clc-spreadsheet-cell-border);
}
.clc-spreadsheet-formula-editor .clc-spreadsheet-editor {
  border-radius: var(--clc-input-border-radius);
}
.clc-spreadsheet-formula-editor .clc-spreadsheet-editor::before {
  content: "function";
  font-family: var(--clc-icon-font-family);
  font-size: 1rem;
  font-weight: 300;
  position: absolute;
  inset-inline-start: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clc-text-tertiary-color);
  pointer-events: none;
  z-index: 1;
}
.clc-spreadsheet-formula-editor .clc-spreadsheet-editor-input,
.clc-spreadsheet-formula-editor .clc-spreadsheet-editor-highlight {
  min-height: 1.425rem;
  padding: 0.125rem;
  padding-inline-start: 1.5rem;
}

.clc-spreadsheet-cell {
  position: absolute;
  isolation: isolate;
  border-inline-end: var(--clc-spreadsheet-cell-border);
  border-bottom: var(--clc-spreadsheet-cell-border);
  cursor: cell;
  font-size: 0.75rem;
  padding: 0.125rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  background: var(--clc-base-background-color);
  user-select: none;
  -webkit-user-select: none;
}

.clc-spreadsheet-selection-cell {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
}

.clc-spreadsheet-selection-cell-top {
  border-top: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-cell-right {
  border-inline-end: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-cell-bottom {
  border-bottom: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-cell-left {
  border-inline-start: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-range {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  background: var(--clc-primary-lighter);
  z-index: 2;
}

.clc-spreadsheet-selection-range-top {
  border-top: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-range-right {
  border-inline-end: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-range-bottom {
  border-bottom: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-range-left {
  border-inline-start: 2px solid var(--clc-primary);
}

.clc-spreadsheet-selection-range-mask {
  mask-repeat: no-repeat;
  mask-image: linear-gradient(black, black), linear-gradient(white, white);
  mask-composite: exclude;
  mask-repeat: no-repeat;
  mask-size: 100% 100%, var(--clc-spreadsheet-mask-w) var(--clc-spreadsheet-mask-h);
  mask-position: 0 0, var(--clc-spreadsheet-mask-x) var(--clc-spreadsheet-mask-y);
}

[dir=rtl] .clc-spreadsheet-selection-range-mask {
  mask-position: 0 0, right var(--clc-spreadsheet-mask-x) top var(--clc-spreadsheet-mask-y);
}

.clc-spreadsheet-autofill-handle {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--clc-primary);
  border: 1px solid var(--clc-base-background-color);
  box-sizing: border-box;
  cursor: crosshair;
  z-index: 1;
  pointer-events: auto;
}

.clc-spreadsheet-autofill-range {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  background: var(--clc-primary-lighter);
  z-index: 1;
}

.clc-spreadsheet-autofill-range-top {
  border-top: 2px dashed var(--clc-primary);
}

.clc-spreadsheet-autofill-range-right {
  border-inline-end: 2px dashed var(--clc-primary);
}

.clc-spreadsheet-autofill-range-bottom {
  border-bottom: 2px dashed var(--clc-primary);
}

.clc-spreadsheet-autofill-range-left {
  border-inline-start: 2px dashed var(--clc-primary);
}

.clc-spreadsheet-autofill-handle.clc-spreadsheet-frozen-row,
.clc-spreadsheet-autofill-handle.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-autofill-handle.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-autofill-range.clc-spreadsheet-frozen-row,
.clc-spreadsheet-autofill-range.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-autofill-range.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-column-header, .clc-spreadsheet-corner-header, .clc-spreadsheet-row-header {
  text-align: center;
  position: absolute;
  box-sizing: border-box;
  background: var(--clc-spreadsheet-header-background-color);
  border-inline-end: var(--clc-spreadsheet-cell-border);
  border-bottom: var(--clc-spreadsheet-cell-border);
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0.125rem;
  z-index: 1;
  user-select: none;
  -webkit-user-select: none;
}

.clc-spreadsheet-column-header {
  cursor: s-resize;
}

.clc-spreadsheet-row-header {
  cursor: e-resize;
}

.clc-spreadsheet-header-active {
  background: var(--clc-spreadsheet-header-active-background-color);
}

.clc-spreadsheet-header-selected {
  background: var(--clc-primary);
  color: var(--clc-on-primary);
}

.clc-spreadsheet-cell-editor {
  position: absolute;
  z-index: 1;
  background: var(--clc-base-background-color);
}

.clc-spreadsheet-cell-editor .clc-spreadsheet-editor {
  border: 2px solid var(--clc-primary);
}

.clc-spreadsheet-cell-editor .clc-spreadsheet-editor-input {
  outline: none;
}

.clc-spreadsheet-editor {
  position: relative;
  border: var(--clc-input-border);
  font-size: 0.8rem;
  min-width: fit-content;
  min-height: 100%;
  box-sizing: border-box;
  background-color: var(--clc-base-background-color);
  transition: var(--clc-input-transition);
}
.clc-spreadsheet-editor:hover {
  border: var(--clc-input-hover-border);
  background-color: var(--clc-input-hover-background-color);
}
.clc-spreadsheet-editor:focus-within {
  border: var(--clc-input-focus-border);
  background-color: var(--clc-input-focus-background-color);
  outline: var(--clc-input-focus-outline);
  outline-offset: var(--clc-input-focus-outline-offset);
}

.clc-spreadsheet-editor-input {
  color: transparent;
  caret-color: var(--clc-text-color);
  outline: none;
}

.clc-spreadsheet-editor-highlight {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  color: var(--clc-cell-color, inherit);
}

.clc-number-highlight {
  color: var(--clc-cell-color, #098658);
  font-weight: 500;
}

.clc-string-highlight {
  color: #a31515;
}

.clc-cell-highlight {
  font-weight: 500;
}

.clc-function-highlight {
  color: #795e26;
  font-weight: 500;
}

.clc-operator-highlight {
  color: var(--clc-cell-color, var(--clc-text-color));
  font-weight: 500;
}

.clc-default-highlight {
  color: var(--clc-cell-color, var(--clc-text-color));
}

.clc-spreadsheet-highlight-popup {
  display: none;
  position: absolute;
  width: 300px;
  overflow: auto;
  box-sizing: content-box;
}
.clc-spreadsheet-highlight-popup .clc-autocomplete-items {
  max-height: min(240px, 40vh);
  overflow-y: auto;
}

.clc-spreadsheet-frozen-row {
  z-index: 2;
}

.clc-spreadsheet-frozen-column {
  z-index: 2;
}

.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-corner-header {
  z-index: 10;
}

.clc-spreadsheet-column-header.clc-spreadsheet-frozen-column,
.clc-spreadsheet-row-header.clc-spreadsheet-frozen-row {
  z-index: 4;
}

.clc-spreadsheet-selection-cell {
  z-index: 1;
}

.clc-spreadsheet-selection-range {
  z-index: 1;
}

.clc-spreadsheet-selection-cell.clc-spreadsheet-frozen-row,
.clc-spreadsheet-selection-cell.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-selection-range.clc-spreadsheet-frozen-row,
.clc-spreadsheet-selection-range.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-selection-cell.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column,
.clc-spreadsheet-selection-range.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
  z-index: 4;
}

.clc-spreadsheet-cell-editor.clc-spreadsheet-frozen-row,
.clc-spreadsheet-cell-editor.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-cell-editor.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-input-prompt {
  position: absolute;
  z-index: 1;
  background: var(--clc-warning-lighter);
  border: var(--clc-spreadsheet-cell-border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  padding: 0.5rem;
  max-width: 250px;
  font-size: 0.85rem;
  pointer-events: none;
  border-radius: var(--clc-border-radius);
}

.clc-spreadsheet-input-prompt-title {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.clc-spreadsheet-input-prompt.clc-spreadsheet-frozen-row,
.clc-spreadsheet-input-prompt.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-input-prompt.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-validation-error {
  position: absolute;
  z-index: 1;
  background: var(--clc-danger-lighter);
  border: 1px solid var(--clc-danger);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  padding: 0.5rem;
  max-width: 300px;
  font-size: 0.85rem;
  pointer-events: none;
  border-radius: var(--clc-border-radius);
}

.clc-spreadsheet-validation-error-message {
  color: var(--clc-danger);
}

.clc-spreadsheet-validation-error.clc-spreadsheet-frozen-row,
.clc-spreadsheet-validation-error.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-validation-error.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-horizontal-splitter,
.clc-spreadsheet-vertical-splitter {
  position: absolute;
  background-color: var(--clc-spreadsheet-splitter-background-color);
  z-index: 6;
}

.clc-spreadsheet-table-frame {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.clc-spreadsheet-table-frame-top {
  border-top: 1px solid var(--clc-text-color);
}

.clc-spreadsheet-table-frame-left {
  border-inline-start: 1px solid var(--clc-text-color);
}

.clc-spreadsheet-table-frame-right {
  border-inline-end: 1px solid var(--clc-text-color);
}

.clc-spreadsheet-table-frame-bottom {
  border-bottom: 1px solid var(--clc-text-color);
}

.clc-spreadsheet-table-frame.clc-spreadsheet-frozen-row,
.clc-spreadsheet-table-frame.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-selection-cell.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column,
.clc-spreadsheet-table-frame.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
  z-index: 4;
}

.clc-spreadsheet-column-resize-handle,
.clc-spreadsheet-row-resize-handle {
  position: absolute;
  z-index: 5;
}
.clc-spreadsheet-column-resize-handle:hover,
.clc-spreadsheet-row-resize-handle:hover {
  background-color: var(--clc-primary);
}

.clc-spreadsheet-column-resize-handle {
  width: 5px;
  cursor: ew-resize;
  transform: translateX(-50%);
}

.clc-spreadsheet-row-resize-handle {
  height: 5px;
  cursor: ns-resize;
  transform: translateY(-50%);
}

.clc-spreadsheet-cell-chevron {
  position: absolute;
  top: 2px;
  inset-inline-end: 2px;
  border-radius: 0;
  padding: 0 !important;
}

.clc-spreadsheet-cell-popup {
  display: none;
  position: absolute;
  overflow: hidden;
  width: 300px;
  padding: 0 var(--clc-dropdown-horizontal-padding);
  background: var(--clc-base-background-color);
  border: var(--clc-border-normal);
  border-radius: var(--clc-border-radius);
  box-shadow: var(--clc-dropdown-panel-shadow);
}

.clc-menu.clc-spreadsheet-cell-menu {
  --clc-menu-item-padding-block: var(--clc-input-padding-block-sm);
  --clc-menu-item-padding-inline: var(--clc-input-padding-inline-sm);
  font-size: var(--clc-input-font-size-sm);
  margin-inline: calc(-1 * var(--clc-dropdown-horizontal-padding));
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.clc-menu.clc-spreadsheet-cell-menu .clc-navigation-item-icon {
  font-size: 1rem;
}

.clc-spreadsheet-cell-menu-filter {
  max-height: min(200px, 40vh);
  overflow-y: auto;
  padding: calc(var(--clc-dialog-content-padding) - max(var(--clc-context-menu-padding-block), var(--clc-context-menu-padding-inline)));
  border-top: var(--clc-border-normal);
  margin-top: 0.5rem;
}

.clc-spreadsheet-cell-menu-filter .clc-navigation-item {
  padding-block: 0.25rem;
}

.clc-spreadsheet-cell-menu-filter .clc-chkbox {
  margin-inline-end: calc(1.5rem - var(--clc-checkbox-width));
}

.clc-spreadsheet-cell-menu-buttons {
  padding: calc(var(--clc-dialog-content-padding) - max(var(--clc-context-menu-padding-block), var(--clc-context-menu-padding-inline)));
  margin-bottom: calc(-1 * var(--clc-context-menu-padding-block));
  border-top: var(--clc-border-normal);
}
.clc-spreadsheet-cell-menu-buttons .clc-button {
  flex: 1;
}

.clc-spreadsheet-cell-hyperlink {
  color: var(--clc-link-color);
  text-decoration: var(--clc-link-text-decoration);
  cursor: pointer;
}
.clc-spreadsheet-cell-hyperlink:hover {
  color: var(--clc-link-hover-color);
  text-decoration: var(--clc-link-hover-text-decoration);
}
.clc-spreadsheet-cell-hyperlink:visited {
  color: #954F72;
}

.clc-spreadsheet-cell-invalid::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 0;
  height: 0;
  border-block-end: 6px solid transparent;
  border-inline-end: 6px solid var(--clc-danger);
}

.clc-spreadsheet-cell-number {
  text-align: end;
}

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

.clc-spreadsheet-cell-editor-number {
  text-align: end;
}

.clc-function-hint-name-active {
  font-weight: bold;
}

.clc-function-hint-parameter-active {
  font-weight: bold;
}

.clc-spreadsheet-image {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.clc-spreadsheet-image-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.clc-spreadsheet-image.clc-spreadsheet-frozen-row,
.clc-spreadsheet-image.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-image.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-image-container {
  position: absolute;
  overflow: hidden;
}
.clc-spreadsheet-image-container img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: block;
  pointer-events: auto;
  cursor: grab;
}
.clc-spreadsheet-image-container .clc-spreadsheet-selection-range {
  position: absolute;
  inset: 0;
}

.clc-spreadsheet-resize-handle {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--clc-primary);
  border: 1px solid var(--clc-base-background-color);
  pointer-events: auto;
  z-index: 5;
}

.clc-spreadsheet-resize-nw {
  cursor: nwse-resize;
}

.clc-spreadsheet-resize-n {
  cursor: ns-resize;
}

.clc-spreadsheet-resize-ne {
  cursor: nesw-resize;
}

.clc-spreadsheet-resize-e {
  cursor: ew-resize;
}

.clc-spreadsheet-resize-se {
  cursor: nwse-resize;
}

.clc-spreadsheet-resize-s {
  cursor: ns-resize;
}

.clc-spreadsheet-resize-sw {
  cursor: nesw-resize;
}

.clc-spreadsheet-resize-w {
  cursor: ew-resize;
}

[dir=rtl] .clc-spreadsheet-resize-nw {
  cursor: nesw-resize;
}
[dir=rtl] .clc-spreadsheet-resize-ne {
  cursor: nwse-resize;
}
[dir=rtl] .clc-spreadsheet-resize-se {
  cursor: nesw-resize;
}
[dir=rtl] .clc-spreadsheet-resize-sw {
  cursor: nwse-resize;
}

.clc-spreadsheet-chart {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.clc-spreadsheet-chart-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.clc-spreadsheet-chart.clc-spreadsheet-frozen-row,
.clc-spreadsheet-chart.clc-spreadsheet-frozen-column {
  z-index: 3;
}

.clc-spreadsheet-chart.clc-spreadsheet-frozen-row.clc-spreadsheet-frozen-column {
  z-index: 4;
}

.clc-spreadsheet-chart-container {
  position: absolute;
  overflow: hidden;
  background: var(--clc-base-background-color);
  pointer-events: auto;
  cursor: grab;
}
.clc-spreadsheet-chart-container .clc-spreadsheet-selection-range {
  position: absolute;
  inset: 0;
}

.clc-spreadsheet-chart-unsupported {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--clc-base-200);
  color: var(--clc-text-disabled-color);
  font-size: 0.875rem;
}

.clc-spreadsheet-sheet-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: var(--clc-spreadsheet-cell-border);
}

.clc-spreadsheet-sheet-tabs .clc-tabview {
  flex: 1;
  min-width: 0;
}

.clc-spreadsheet-sheet-tabs .clc-tabview-panels {
  display: none;
}

.clc-spreadsheet-sheet-tabs .clc-tabview-nav {
  border: none;
}

.clc-spreadsheet-add-sheet {
  margin-inline: 4px;
  flex-shrink: 0;
}

.clc-range-picker {
  position: relative;
  display: inline-flex;
  width: 100%;
}
.clc-range-picker .clc-textbox {
  flex: 1;
}

.clc-range-picker-collapse {
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  width: 1.75rem;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--clc-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.clc-range-picker-collapse:hover {
  color: var(--clc-primary);
}
.clc-range-picker-collapse .clci {
  font-size: 0.875rem;
}

.clc-range-picker-bar {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 7;
  background: var(--clc-base-background-color);
  border: 1px solid var(--clc-primary);
  border-radius: var(--clc-border-radius);
  box-shadow: var(--clc-shadow-4);
  padding: 0.375rem 0.5rem;
  min-width: 280px;
  max-width: 480px;
  font-family: var(--clc-font-family);
  font-size: 0.875rem;
}
.clc-range-picker-bar .clc-range-picker-bar-value {
  flex: 1;
  color: var(--clc-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clc-spreadsheet-dialog-actions {
  margin-top: 0.5rem;
}
.clc-spreadsheet-dialog-actions .clc-button {
  min-width: 6rem;
}

.clc-spreadsheet-shortcuts-table {
  max-height: 60vh;
  overflow-y: auto;
}
.clc-spreadsheet-shortcuts-table .clc-grid-table td .clc-cell-data {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.clc-spreadsheet-shortcuts-table td:first-child {
  width: 1%;
}
.clc-spreadsheet-shortcuts-table .clc-badge {
  margin-inline-end: 0.25rem;
  white-space: nowrap;
}
.clc-spreadsheet-shortcuts-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--clc-base-background-color);
}

.clc-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.125rem;
  --clc-selectbar-border-radius: var(--clc-border-radius);
  --clc-button-border-radius: var(--clc-border-radius);
}
.clc-toolbar .clc-dropdown {
  --clc-dropdown-open-border: var(--clc-border-focus);
}
.clc-toolbar .clc-button .clci {
  font-size: 1rem;
}
.clc-toolbar .clc-button .clc-button-text {
  font-size: 0.75rem;
}
.clc-toolbar .clc-selectbar.clc-selectbar-horizontal .clc-button {
  outline: none;
  border-radius: var(--clc-border-radius) !important;
}
.clc-toolbar .clc-selectbar.clc-selectbar-horizontal .clc-button:not(:first-child) {
  margin-inline-start: 0.125rem;
}
.clc-toolbar .clc-colorpicker {
  flex-direction: column;
  gap: 0;
  justify-content: center;
  border: 1px solid transparent;
  border-block-end: 1px solid transparent;
  box-shadow: none;
  background-color: transparent;
  --clc-colorpicker-panel-border: none;
}
.clc-toolbar .clc-colorpicker.clc-state-disabled {
  border: 1px solid transparent;
  border-block-end: 1px solid transparent;
}
.clc-toolbar .clc-colorpicker .clci {
  font-size: 0.875rem;
}
.clc-toolbar .clc-colorpicker .clc-colorpicker-value {
  height: 0.25rem;
  min-height: 0.25rem;
  max-height: 0.25rem;
  min-width: 1rem;
}

.clc-toolbar-separator {
  width: 1px;
  height: 1.25rem;
  margin-inline: 0.125rem;
  background-color: var(--clc-base-200);
}

.clc-editor-dropdown-panel {
  --clc-dropdown-panel-padding: 0;
}
.clc-editor-dropdown-panel h1, .clc-editor-dropdown-panel h2, .clc-editor-dropdown-panel h3, .clc-editor-dropdown-panel h4, .clc-editor-dropdown-panel h5, .clc-editor-dropdown-panel h6, .clc-editor-dropdown-panel p {
  margin: 0;
}

: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;
  --clc-expander-transition: 0.2s ease-in-out;
  /* Motion easing & duration tokens (Material 3) */
  --clc-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --clc-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --clc-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --clc-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --clc-duration-short: 150ms;
  --clc-duration-medium: 300ms;
  --clc-duration-long: 500ms;
  --clc-ripple-duration: 0.8s;
  /* 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;
  --clc-button-size-xs: 1.25rem;
  --clc-button-size-sm: 1.75rem;
  --clc-button-size-md: 2.5rem;
  --clc-button-size-lg: 3rem;
  /* 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;
  /* Carousel */
  --clc-carousel-pager-button-width: 0.75rem;
  --clc-carousel-pager-button-height: 0.75rem;
  --clc-carousel-pager-button-border: none;
  --clc-carousel-pager-button-border-radius: 50%;
  --clc-carousel-pager-button-background-color: var(--clc-base-500);
  --clc-carousel-pager-button-color: var(--clc-on-base);
  --clc-carousel-pager-button-hover-border: var(--clc-carousel-pager-button-border);
  --clc-carousel-pager-button-hover-background-color: var(--clc-base-dark);
  --clc-carousel-pager-button-hover-color: var(--clc-on-base-dark);
  --clc-carousel-pager-button-active-width: var(--clc-carousel-pager-button-width);
  --clc-carousel-pager-button-active-height: var(--clc-carousel-pager-button-height);
  --clc-carousel-pager-button-active-border: none;
  --clc-carousel-pager-button-active-background-color: var(--clc-base-dark);
  --clc-carousel-pager-button-active-color: var(--clc-on-base-dark);
  --clc-carousel-pager-overlay-opacity: 0.7;
  --clc-carousel-pager-gap: 0.5rem;
  --clc-carousel-pager-height: 3rem;
  --clc-carousel-prev-next-button-border-radius: var(--clc-button-border-radius);
  --clc-carousel-prev-next-button-inset: 1rem;
  --clc-carousel-border-radius: var(--clc-card-border-radius);
  /* Chart */
  --clc-chart-axis-color: var(--clc-base-500);
  --clc-chart-grid-line-color: color-mix(in srgb, var(--clc-chart-axis-color) 50%, transparent);
  --clc-chart-area-opacity: 0.6;
  --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-tooltip-border-radius: var(--clc-tooltip-border-radius);
  --clc-chart-tooltip-font-size: var(--clc-tooltip-font-size);
  --clc-chart-tooltip-item-border-radius: var(--clc-border-radius);
  --clc-chart-tooltip-item-hover-background-color: var(--clc-grid-stripe-background-color);
  --clc-chart-marker-stroke: var(--clc-base-background-color);
  /* Range Navigator */
  --clc-range-nav-height: 5rem;
  --clc-range-nav-compact-height: 1rem;
  --clc-range-nav-border-radius: var(--clc-border-radius);
  --clc-range-nav-border: var(--clc-border-width) solid var(--clc-chart-axis-color);
  --clc-range-nav-shade-background-color: var(--clc-base-background-color);
  --clc-range-nav-shade-opacity: 0.7;
  --clc-range-nav-compact-background-color: var(--clc-base-400);
  --clc-range-nav-compact-border-radius: var(--clc-border-radius);
  --clc-range-nav-compact-window-background-color: var(--clc-primary);
  --clc-range-nav-handle-width: 20px;
  --clc-range-nav-handle-border-radius: 50%;
  --clc-range-nav-handle-background-color: var(--clc-base-500);
  --clc-range-nav-handle-hover-background-color: var(--clc-primary);
  --clc-range-nav-handle-height: 20px;
  --clc-range-nav-handle-shadow: var(--clc-shadow-1);
  --clc-range-nav-handle-hover-shadow: var(--clc-shadow-1), 0px 0px 0px 10px var(--clc-primary-lighter);
  /* Chat */
  /* 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: 0;
  --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;
  --clc-chip-gap: 0.5rem;
  --clc-chip-border-radius: calc(var(--clc-border-radius) * 4);
  --clc-chip-font-size: 0.875rem;
  --clc-chip-icon-size: 1.25rem;
  --clc-chip-font-weight: 500;
  --clc-chip-border-width: var(--clc-border-width);
  --clc-chip-selected-outline: var(--clc-outline-focus);
  --clc-chip-selected-outline-offset: var(--clc-outline-offset);
  --clc-chip-sm-gap: 0.25rem;
  --clc-chip-sm-font-size: 0.75rem;
  --clc-chip-sm-icon-size: 1rem;
  --clc-chip-sm-padding-block: 0.25rem;
  --clc-chip-sm-padding-inline: 0.5rem;
  --clc-chip-xs-gap: 0.25rem;
  --clc-chip-xs-font-size: 0.6875rem;
  --clc-chip-xs-icon-size: 0.875rem;
  --clc-chip-xs-padding-block: 0.125rem;
  --clc-chip-xs-padding-inline: 0.5625rem;
  --clc-chip-list-gap: 0.5rem;
  --clc-chip-disabled-opacity: 0.2;
  /* 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-value-size-xs: 0.875rem;
  --clc-colorpicker-value-size-sm: 1.125rem;
  --clc-colorpicker-value-size-md: 20px;
  --clc-colorpicker-value-size-lg: 20px;
  --clc-colorpicker-value-size: var(--clc-colorpicker-value-size-md);
  --clc-colorpicker-trigger-icon-size-xs: 1rem;
  --clc-colorpicker-trigger-icon-size-sm: 1rem;
  --clc-colorpicker-trigger-icon-size-md: var(--clc-icon-size);
  --clc-colorpicker-trigger-icon-size-lg: var(--clc-icon-size);
  --clc-colorpicker-trigger-icon-size: var(--clc-colorpicker-trigger-icon-size-md);
  --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-item-selected-transform: scale(1.25);
  --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-size-xs: 1rem;
  --clc-datepicker-trigger-icon-size-sm: 1rem;
  --clc-datepicker-trigger-icon-size-md: var(--clc-icon-size);
  --clc-datepicker-trigger-icon-size-lg: var(--clc-icon-size);
  --clc-datepicker-trigger-icon-size: var(--clc-datepicker-trigger-icon-size-md);
  --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;
  --clc-dialog-transition: 0.1s ease-in-out;
  --clc-dialog-resize-bar-color: var(--clc-splitter-bar-color);
  --clc-dialog-resize-bar-background-color: var(--clc-splitter-bar-background-color);
  --clc-dialog-resize-bar-hover-opacity: var(--clc-splitter-bar-hover-opacity);
  --clc-dialog-resize-bar-thickness: 8px;
  --clc-dialog-resize-bar-length: 100%;
  --clc-dialog-resize-bar-handle-size: 16px;
  /* 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-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);
  /* Fab */
  --clc-fab-inset-block-start: auto;
  --clc-fab-inset-block-end: 1.5rem;
  --clc-fab-inset-inline-start: auto;
  --clc-fab-inset-inline-end: 1.5rem;
  --clc-fab-zindex: 1000;
  --clc-fab-border-radius: var(--clc-border-radius-4);
  --clc-fab-active-border-radius: var(--clc-border-radius-10);
  --clc-fab-shadow: var(--clc-shadow-4);
  --clc-fab-hover-shadow: var(--clc-shadow-6);
  --clc-fab-active-shadow: var(--clc-shadow-6);
  --clc-fabmenu-offset: 0.5rem;
  /* 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-height-xs: 2.375rem;
  --clc-form-field-filled-height-sm: 2.875rem;
  --clc-form-field-filled-height-md: 3.375rem;
  --clc-form-field-filled-height-lg: 4.375rem;
  --clc-form-field-filled-padding-block-xs: 0.875rem 0.125rem;
  --clc-form-field-filled-padding-block-sm: 1.125rem 0.125rem;
  --clc-form-field-filled-padding-block-md: 1.4375rem 0.4375rem;
  --clc-form-field-filled-padding-block-lg: 1.625rem 0.625rem;
  --clc-form-field-filled-padding-inline-xs: var(--clc-input-padding-inline-xs);
  --clc-form-field-filled-padding-inline-sm: var(--clc-input-padding-inline-sm);
  --clc-form-field-filled-padding-inline-md: 0.9375rem;
  --clc-form-field-filled-padding-inline-lg: var(--clc-input-padding-inline-lg);
  --clc-form-field-filled-label-floating-top-xs: 0.0625rem;
  --clc-form-field-filled-label-floating-top-sm: 0.125rem;
  --clc-form-field-filled-label-floating-top-md: 0.5rem;
  --clc-form-field-filled-label-floating-top-lg: 0.4375rem;
  --clc-form-field-filled-label-floating-font-size-xs: 0.625rem;
  --clc-form-field-filled-label-floating-font-size-sm: 0.6875rem;
  --clc-form-field-filled-label-floating-font-size-md: 0.75rem;
  --clc-form-field-filled-label-floating-font-size-lg: 0.875rem;
  --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-base-200);
  --clc-grid-cell-focus-color: var(--clc-text-title-color);
  --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-simple-filter-icon-active-color: var(--clc-on-primary-lighter);
  --clc-grid-simple-filter-icon-active-background-color: var(--clc-primary-lighter);
  --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: var(--clc-base-600);
  --clc-grid-loading-indicator-background-opacity: 0.5;
  --clc-grid-frozen-cell-border: var(--clc-border-base-300);
  --clc-grid-frozen-cell-background-color: var(--clc-base-100);
  --clc-grid-frozen-stripe-background-color: var(--clc-grid-stripe-background-color);
  --clc-grid-frozen-stripe-odd-background-color: var(--clc-grid-stripe-odd-background-color);
  --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);
  /* Gantt */
  --clc-gantt-row-height: 2.25rem;
  --clc-gantt-border: var(--clc-border-normal);
  --clc-gantt-border-radius: calc(var(--clc-border-radius) * 3);
  --clc-gantt-background-color: var(--clc-base-background-color);
  --clc-gantt-event-border-radius: calc(var(--clc-border-radius) * 3);
  /* 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 sizing per size */
  --clc-input-size-xs: 1.5rem;
  --clc-input-size-sm: 1.75rem;
  --clc-input-size-md: 2.5rem;
  --clc-input-size-lg: 3rem;
  --clc-input-padding-block-xs: 0rem;
  --clc-input-padding-block-sm: 0.125rem;
  --clc-input-padding-block-md: 0.4375rem;
  --clc-input-padding-block-lg: 0.625rem;
  --clc-input-padding-inline-xs: 0.25rem;
  --clc-input-padding-inline-sm: 0.5rem;
  --clc-input-padding-inline-md: 0.9375rem;
  --clc-input-padding-inline-lg: 1.125rem;
  --clc-input-font-size-xs: 0.75rem;
  --clc-input-font-size-sm: 0.75rem;
  --clc-input-font-size-md: var(--clc-body-font-size);
  --clc-input-font-size-lg: 1rem;
  /* Input */
  --clc-input-font-size: var(--clc-body-font-size);
  --clc-input-height: var(--clc-input-size-md);
  --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-block-end: var(--clc-border-normal);
  --clc-input-border-radius: var(--clc-border-radius);
  --clc-input-shadow: none;
  --clc-input-hover-shadow: none;
  --clc-input-hover-background-color: var(--clc-base-background-color);
  --clc-input-hover-border: var(--clc-border-hover);
  --clc-input-hover-border-block-end: var(--clc-input-hover-border);
  --clc-input-focus-shadow: inset 0 0 0 1px var(--clc-primary);
  --clc-input-focus-background-color: var(--clc-base-background-color);
  --clc-input-focus-border: var(--clc-border-width) solid var(--clc-outline-color);
  --clc-input-focus-border-block-end: var(--clc-input-focus-border);
  --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-border-block-end: 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-primary);
  --clc-menu-item-selected-background-color: transparent;
  --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-primary);
  --clc-menu-top-item-selected-background-color: transparent;
  --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: 0rem;
  --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-xs: 0rem;
  --clc-numeric-input-padding-block-sm: 0.25rem;
  --clc-numeric-input-padding-block-md: 0.4375rem;
  --clc-numeric-input-padding-block-lg: 1rem;
  --clc-numeric-input-padding-block: var(--clc-numeric-input-padding-block-md);
  --clc-numeric-input-padding-inline-xs: 0.25rem 0.875rem;
  --clc-numeric-input-padding-inline-sm: 0.375rem 1rem;
  --clc-numeric-input-padding-inline-md: 0.9375rem 1.25rem;
  --clc-numeric-input-padding-inline-lg: 0.625rem 1.625rem;
  --clc-numeric-input-padding-inline: var(--clc-numeric-input-padding-inline-md);
  --clc-numeric-button-width-xs: 0.6875rem;
  --clc-numeric-button-width-sm: 0.75rem;
  --clc-numeric-button-width-md: 1rem;
  --clc-numeric-button-width-lg: 1.25rem;
  --clc-numeric-button-width: var(--clc-numeric-button-width-md);
  --clc-numeric-button-height-xs: 0.6875rem;
  --clc-numeric-button-height-sm: 0.75rem;
  --clc-numeric-button-height-md: 1rem;
  --clc-numeric-button-height-lg: 1.25rem;
  --clc-numeric-button-height: var(--clc-numeric-button-height-md);
  --clc-numeric-button-offset-xs: 0;
  --clc-numeric-button-offset-sm: 0.0625rem;
  --clc-numeric-button-offset-md: 2px;
  --clc-numeric-button-offset-lg: 2px;
  --clc-numeric-button-offset: var(--clc-numeric-button-offset-md);
  --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-value: 100%;
  --clc-progressbar-background-color: var(--clc-base-400);
  --clc-progressbar-color: var(--clc-text-color);
  --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: 0;
  --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);
  /* Sankey Diagram */
  --clc-sankey-node-stroke-width: 0;
  --clc-sankey-link-stroke-width: 0;
  --clc-sankey-link-opacity: 0.5;
  --clc-sankey-link-hover-opacity: 0.7;
  --clc-sankey-label-font-size: 0.875rem;
  --clc-sankey-label-color: var(--clc-text-color);
  --clc-sankey-label-stroke: var(--clc-body-background-color);
  --clc-sankey-label-stroke-width: 2px;
  /* 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-agenda-font-size: 1.5rem;
  --clc-scheduler-header-agenda-font-weight: 600;
  --clc-scheduler-header-agenda-font-size-small: 1rem;
  --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;
  /* SignaturePad */
  --clc-signature-pad-border: var(--clc-input-border);
  --clc-signature-pad-border-radius: var(--clc-input-border-radius);
  --clc-signature-pad-background-color: var(--clc-base-background-color);
  --clc-signature-pad-placeholder-color: var(--clc-text-disabled-color);
  --clc-signature-pad-clear-color: var(--clc-text-secondary-color);
  --clc-signature-pad-clear-hover-color: var(--clc-text-color);
  /* 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-primary-lighter);
  --clc-selectbar-selected-color: var(--clc-on-primary-lighter);
  --clc-selectbar-selected-border: var(--clc-border-base-600);
  --clc-selectbar-border-radius: calc(var(--clc-border-radius) * 7);
  --clc-selectbar-focus-outline: var(--clc-outline-focus);
  --clc-selectbar-focus-outline-offset: var(--clc-outline-offset);
  --clc-selectbar-button-focus-outline: var(--clc-outline-focus);
  --clc-selectbar-button-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  /* 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);
  /* Skeleton */
  --clc-skeleton-background-color: var(--clc-base-200);
  --clc-skeleton-animation-color: var(--clc-base-50);
  --clc-skeleton-border-radius: var(--clc-border-radius);
  --clc-skeleton-animation-duration: 1.5s;
  /* 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);
  /* TileLayout */
  --clc-tile-layout-item-background-color: var(--clc-base-background-color);
  --clc-tile-layout-item-border: var(--clc-card-border);
  --clc-tile-layout-item-border-radius: var(--clc-card-border-radius);
  --clc-tile-layout-item-shadow: var(--clc-card-shadow);
  --clc-tile-layout-item-header-background-color: var(--clc-base);
  --clc-tile-layout-overlay-background-color: var(--clc-primary-lighter);
  --clc-tile-layout-overlay-border-color: var(--clc-border-color);
  /* 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);
  /* TimestampPicker */
  --clc-timespanpicker-line-height: 1.5rem;
  --clc-timespanpicker-trigger-icon-size-xs: 1rem;
  --clc-timespanpicker-trigger-icon-size-sm: 1rem;
  --clc-timespanpicker-trigger-icon-size-md: var(--clc-icon-size);
  --clc-timespanpicker-trigger-icon-size-lg: var(--clc-icon-size);
  --clc-timespanpicker-trigger-icon-size: var(--clc-timespanpicker-trigger-icon-size-md);
  --clc-timespanpicker-trigger-icon-color: var(--clc-text-secondary-color);
  --clc-timespanpicker-trigger-icon-hover-color: var(--clc-text-title-color);
  --clc-timespanpicker-focus-outline: var(--clc-outline-focus);
  --clc-timespanpicker-focus-outline-offset: calc(-1 * var(--clc-outline-width));
  --clc-timespanpicker-popup-border: none;
  --clc-timespanpicker-popup-shadow: var(--clc-shadow-2);
  --clc-timespanpicker-popup-margin: 0;
  --clc-timespanpicker-popup-width: fit-content;
  --clc-timespanpicker-panel-background-color: var(--clc-base-background-color);
  --clc-timespanpicker-panel-padding: 0.75rem;
  --clc-timespanpicker-panel-gap: 0.5rem;
  --clc-timespanpicker-panel-unit-gap: 0.25rem;
  --clc-timespanpicker-panel-field-min-width: 5rem;
  --clc-timespanpicker-unit-label-color: var(--clc-text-tertiary-color);
  /* Toc */
  --clc-toc-link-padding-block: 0.5rem;
  --clc-toc-link-padding-inline: 1rem;
  --clc-toc-link-font-size: calc(var(--clc-body-font-size) * 0.875);
  --clc-toc-link-font-weight: 400;
  --clc-toc-link-border: var(--clc-border-width) solid transparent;
  --clc-toc-link-border-radius: calc(var(--clc-border-radius) * 8);
  --clc-toc-link-color: var(--clc-text-color);
  --clc-toc-link-background-color: transparent;
  --clc-toc-link-hover-color: var(--clc-text-title-color);
  --clc-toc-link-hover-background-color: var(--clc-base-200);
  --clc-toc-link-selected-border: var(--clc-border-width) solid var(--clc-base-700);
  --clc-toc-link-selected-color: var(--clc-text-title-color);
  --clc-toc-link-selected-background-color: transparent;
  --clc-toc-link-selected-indicator-color: transparent;
  --clc-toc-link-selected-indicator-size: 0.125rem;
  --clc-toc-link-selected-indicator-inset-block: 0.5rem;
  --clc-toc-link-selected-indicator-inset-inline: 0 auto;
  --clc-toc-horizontal-shadow: var(--clc-shadow-3);
  --clc-toc-horizontal-border-radius: calc(var(--clc-border-radius) * 8);
  --clc-toc-horizontal-background-color: var(--clc-base-background-color);
  --clc-toc-horizontal-link-padding-block: 1.25rem;
  --clc-toc-horizontal-link-padding-inline: 1.25rem;
  --clc-toc-horizontal-link-font-size: var(--clc-body-font-size);
  --clc-toc-horizontal-link-selected-indicator-inset-block: auto 0;
  --clc-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem;
  --clc-toc-horizontal-link-selected-border: var(--clc-border-width) solid transparent;
  --clc-toc-horizontal-link-selected-color: var(--clc-on-primary-lighter);
  --clc-toc-horizontal-link-selected-background-color: var(--clc-primary-lighter);
  --clc-toc-link-selected-indicator-border-radius: 0;
  /* 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), width 0, height 0;
  /* 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);
  /* Spreadsheet */
  --clc-spreadsheet-tab-font-size: 0.75rem;
  --clc-spreadsheet-cell-border: var(--clc-border-base-300);
  --clc-spreadsheet-header-background-color: var(--clc-base-background-color);
  --clc-spreadsheet-header-active-background-color: var(--clc-base-200);
  --clc-spreadsheet-splitter-background-color: var(--clc-base-200);
}

:root {
  --clc-on-success: var(--clc-success-darker);
  --clc-header-fixed-height: 53px;
  --clc-black: #000000;
  --clc-primary: #7448F5;
  --clc-secondary: #F0F0F0;
  --clc-info: #84B7FF;
  --clc-light: #E2D8FD;
  --clc-success: #44D168;
  --clc-warning: #FFC004;
  --clc-danger: #ec6558;
  /*base 회색*/
  --clc-base: #FAFAFA;
  --clc-base-50: #F5F5F5;
  --clc-base-100: #F0F0F0;
  --clc-base-200: #E6E6E6;
  --clc-base-300: #C8C8C8;
  --clc-base-400: #969696;
  --clc-base-500: #646464;
  --clc-base-600: #4B4B4B;
  --clc-base-700: #383838;
  --clc-base-800: #242424;
  --clc-base-900: #141414;
  --clc-body-background-color: #ffffff;
  --clc-layout: var(--clc-layout-body-background-color);
  --sidebar-background-color: var(--clc-base);
  --header-background-color: var(--clc-base);
  --button-shadow: var(--clc-shadow-0);
  --button-hover-shadow: var(--clc-shadow-0);
  --button-focus-shadow: var(--clc-shadow-0);
  --button-active-shadow: var(--clc-shadow-0);
  /*프라이머리컬러(보라색)*/
  --ivy-primary-100: #F1ECFE;
  --ivy-primary-200: #E2D8FD;
  --ivy-primary-300: #BDA8FA;
  --ivy-primary-400: #9878F8;
  --ivy-primary-500: #7448F5;
  --ivy-primary-600: #6036DB;
  --ivy-primary-700: #5737B6;
  --ivy-primary-800: #4C3886;
  --ivy-primary-900: #372961;
  --ivy-secondary-100: #E5F3FF;
  --ivy-secondary-200: #C1E0FF;
  --ivy-secondary-300: #9BCDFF;
  --ivy-secondary-400: #77B9FF;
  --ivy-secondary-500: #60A9FF;
  --ivy-secondary-600: #529AFF;
  --ivy-secondary-700: #4E83F2;
  --ivy-secondary-800: #4668C9;
  --ivy-secondary-900: #3E48A9;
  /*변동형 클레비 컬러*/
  --clc-assign-base: #FAFAFA;
  --clc-assign-base-50: #F5F5F5;
  --clc-assign-base-100: #F0F0F0;
  --clc-assign-base-200: #E6E6E6;
  --clc-assign-base-300: #C8C8C8;
  --clc-assign-base-400: #969696;
  --clc-assign-base-500: #646464;
  --clc-assign-base-600: #4B4B4B;
  --clc-assign-base-700: #383838;
  --clc-assign-base-800: #242424;
  --clc-assign-base-900: #141414;
  --clc-editor-text-red: #d53e0b;
  --clc-editor-text-yellow: #c28b00;
  --clc-editor-text-yellowgreen: #79a00d;
  --clc-editor-text-green: #068858;
  --clc-editor-text-skyblue: #10a0d1;
  --clc-editor-text-blue: #3d69eb;
  --clc-editor-text-purple: #bd1bf3;
  --clc-editor-text-pink: #d813a7;
  --clc-editor-text-gray: #8a8a8a;
  --clc-editor-text-base: #141414;
  /*폰트사이즈 설정*/
  --clc-text-body1-font-size: 16px;
  --clc-text-display-h1-font-size: 24px;
  --clc-text-display-h2-font-size: 20px;
  --clc-text-display-h3-font-size: 18px;
  --clc-text-display-h4-font-size: 16px;
  --clc-text-display-h5-font-size: 14px;
  --clc-text-display-h6-font-size: 12px;
  --clc-title24_SB-font-size: 24px;
  --clc-title20_SB-font-size: 20px;
  --clc-title18_SB-font-size: 18px;
  --clc-title16_SB-font-size: 16px;
  --clc-title14_SB-font-size: 14px;
  --clc-title24_Med-font-size: 24px;
  --clc-title20_Med-font-size: 20px;
  --clc-title18_Med-font-size: 18px;
  --clc-title16_Med-font-size: 16px;
  --clc-title14_Med-font-size: 14px;
  --clc-body16_Reg-font-size: 16px;
  --clc-body14_Reg-font-size: 14px;
  --clc-label14_Med-font-size: 14px;
  --clc-caption13_Reg-font-size: 13px;
  /*폰트굵기 설정*/
  --clc-title24_SB-font-weight: bold;
  --clc-title20_SB-font-weight: bold;
  --clc-title18_SB-font-weight: bold;
  --clc-title16_SB-font-weight: bold;
  --clc-title14_SB-font-weight: bold;
  --clc-title24_Med-font-weight: 500;
  --clc-title20_Med-font-weight: 500;
  --clc-title18_Med-font-weight: 500;
  --clc-title16_Med-font-weight: 500;
  --clc-title14_Med-font-weight: 500;
  --clc-body16_Reg-font-weight: 400;
  --clc-body14_Reg-font-weight: 400;
  --clc-label14_Med-font-weight: 500;
  --clc-caption13_Reg-font-weight: 400;
  /*폰트 높이 설정*/
  --clc-title24_SB-line-height: 1.45;
  --clc-title20_SB-line-height: 1.45;
  --clc-title18_SB-line-height: 1.45;
  --clc-title16_SB-line-height: 1.45;
  --clc-title14_SB-line-height: 1.45;
  --clc-title24_Med-line-height: 1.45;
  --clc-title20_Med-line-height: 1.45;
  --clc-title18_Med-line-height: 1.45;
  --clc-title16_Med-line-height: 1.45;
  --clc-title14_Med-line-height: 1.45;
  --clc-body16_Reg-line-height: 1.4;
  --clc-body14_Reg-line-height: 1.4;
  --clc-label14_Med-line-height: 1.4;
  --clc-caption13_Reg-line-height: 1.4;
  /* 배경 및 기타 회색 컬러 */
  --clv-background: #FFFFFF;
  --clv-background-hover: #FAFAFA;
  --clv-sidebar-background: #FAFAFA;
  --clv-sidebar-background-hover: #F0F0F0;
  --clv-sidebar-background-selected: #E6E6E6;
  --clv-modal-background: #FFFFFF;
  --clv-modal-background-hover: #FAFAFA;
  --clv-modal-border: transparent;
  --clv-modal-overlay: rgba(3, 3, 3, 16%);
  --clv-text-primary: #141414;
  --clv-text-secondary: #646464;
  --clv-text-tertiary: #969696;
  --clv-sidebar-text-primary: #4B4B4B;
  --clv-sidebar-text-primary-hover: #141414;
  --clv-sidebar-text-secondary: #969696;
  --clv-modal-text-primary: #141414;
  --clv-modal-text-secondary: #646464;
  --clv-border: #F0F0F0;
  --clv-sidebar-border: #E6E6E6;
  --clv-modal-border: #F5F5F5;
  --clv-modal-back: #C8C8C8;
  /* 다이얼로그 색상 */
  --clv-dialog-background: #fff;
  /* 버튼 색상 */
  --clv-button-primary: #7448f5;
  --clv-button-secondery: rgba(200, 200, 200, 0.3);
  --clv-button-danger: #ec6558;
  /* 그림자 */
  --clc-shadow-layer0: 0 2px 7px 0 rgba(0, 0, 0, 0.14);
  --clc-shadow-layer1-1: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  --clc-shadow-layer1-2: 0 5px 14px 0 rgba(0, 0, 0, 0.10);
  --clc-shadow-layer2-1: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  --clc-shadow-layer2-2: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
  --clc-shadow-layer3-1: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
  --clc-shadow-layer3-2: 0 25px 45px 0 rgba(0, 0, 0, 0.17);
  /* 상호작용 피드백 */
  --clc-interaction-hover: rgba(0, 0, 0, 0.08);
  --clc-interaction-pressed: rgba(0, 0, 0, 0.14);
  --clc-interaction-selected: rgba(0, 0, 0, 0.05);
  --clc-interaction-selected-accent: rgba(152, 120, 248, 0.18);
  --clc-interaction-selected-high-empahsis-fill: rgba(152, 120, 248, 0.12);
  --clc-interaction-selected-high-empahsis-stroke: #9878F8;
  /*채팅 버블*/
  --chat-bubble-sent-bg: #E5F3FF;
  --chat-bubble-sent-text: #333;
  --chat-whisper-bg: #F3EAFF;
  --chat-whisper-text: #333;
  --chat-whisper-indicator: #8B5CF6;
  /* 노티피케이션 심각도별 아이콘 색 — 중립 배경에서도 가독성 확보 */
  --clc-notification-success-icon-color: #2FA34C;
  --clc-notification-warning-icon-color: #B8860B;
  --clc-notification-error-icon-color: #C64840;
  --clc-notification-info-icon-color: #3D6DD6;
  /* 기본 채팅창 */
  --clv-chat-input-bg: var(--clc-body-background-color);
  --clv-chat-input-border: color-mix(in srgb, var(--clc-text-color) 10%, transparent);
  --clv-chat-input-text: var(--clv-text-primary);
  --clv-chat-input-placeholder: color-mix(in srgb, var(--clc-text-color) 50%, transparent);
  --clv-chat-input-btn-ghost-bg: transparent;
  --clv-chat-input-btn-ghost-color: var(--clv-text-primary);
  --clv-chat-input-btn-solid-bg: var(--clv-text-primary);
  --clv-chat-input-btn-solid-color: var(--clv-background);
  /* 귓속말 채팅창 */
  --clv-chat-input-whisper-bg: #242424;
  --clv-chat-input-whisper-border: var(--ivy-primary-700);
  --clv-chat-input-whisper-text: var(--ivy-primary-200);
  --clv-chat-input-whisper-placeholder: color-mix(in srgb, var(--ivy-primary-200) 30%, transparent);
  --clv-chat-input-whisper-btn-ghost-bg: transparent;
  --clv-chat-input-whisper-btn-ghost-color: var(--ivy-primary-200);
  --clv-chat-input-whisper-btn-solid-bg: var(--ivy-primary-700);
  --clv-chat-input-whisper-btn-solid-color: var(--ivy-primary-200);
}

/* 노티피케이션 카드 — 배경은 통일, 심각도는 보더 색으로만 (라이트) */
.clc-notification-success .clc-notification-item,
.clc-notification-warn .clc-notification-item,
.clc-notification-error .clc-notification-item,
.clc-notification-info .clc-notification-item {
  background: var(--clc-assign-base);
  border: 1px solid transparent;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.12), 0 2px 5px -1px rgba(0, 0, 0, 0.05);
}

.clc-notification-success .clc-notification-item {
  border-color: #7FD89A;
}

.clc-notification-warn .clc-notification-item {
  border-color: #E5C270;
}

.clc-notification-error .clc-notification-item {
  border-color: #E88B82;
}

.clc-notification-info .clc-notification-item {
  border-color: #8FB5F2;
}

.no-scroll {
  padding-inline-end: 0px;
}

.clc-text-body1 {
  font-family: "Pretendard";
  margin-bottom: 0;
}

.body {
  font-family: "Pretendard";
}

.clc-body {
  margin: unset;
  border-radius: unset;
}

.clc-layout {
  grid-template-areas: "clc-sidebar clc-header" "clc-sidebar clc-body" "clc-footer clc-footer" !important;
}

.clc-sidebar-expanded {
  width: 250px !important;
}

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

.clc-button.clc-secondary.clc-shade-default {
  color: var(--clc-text-color);
}

.clc-button.clc-light {
  background-color: #E2D8FD !important;
  color: #333 !important;
}

.clc-button-xs {
  border-radius: 8px !important;
  font-size: 12px !important;
}

.clc-button-sm {
  border-radius: 8px !important;
  font-size: 14px !important;
}

.clc-button-md {
  border-radius: 10px !important;
  font-size: 14px !important;
}

.clc-button-lg {
  border-radius: 12px !important;
  font-size: 20px !important;
}

.clc-button.clc-variant-text.clc-primary.clc-shade-default {
  color: var(--clc-text-color);
}

.clc-dialog, .clc-dialog-titlebar {
  background-color: var(--clc-base-50);
}

.clc-accordion-toggle-icon {
  order: 0;
}

@media screen and (min-width: 769px) {
  .clc-sidebar-collapsed {
    width: 60px !important;
    opacity: 1 !important;
  }
}