/*! Tabler v1.4.0 | MIT | Copyright 2018-2025 The Tabler Authors / codecalm.net Pawel Kuna.
 * Selected, scoped components only. See LICENSE.txt and README.md in this directory. */
:where(.tabler-ui) .table {
  --tblr-table-color-type: initial;
  --tblr-table-bg-type: initial;
  --tblr-table-color-state: initial;
  --tblr-table-bg-state: initial;
  --tblr-table-color: inherit;
  --tblr-table-bg: transparent;
  --tblr-table-border-color: var(--tblr-border-color-translucent);
  --tblr-table-accent-bg: transparent;
  --tblr-table-striped-color: inherit;
  --tblr-table-striped-bg: var(--tblr-bg-surface-tertiary);
  --tblr-table-active-color: inherit;
  --tblr-table-active-bg: var(--tblr-active-bg);
  --tblr-table-hover-color: inherit;
  --tblr-table-hover-bg: rgba(var(--tblr-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--tblr-table-border-color);
}
:where(.tabler-ui) .table > :not(caption) > * > * {
  padding: 0.75rem 0.75rem;
  color: var(--tblr-table-color-state, var(--tblr-table-color-type, var(--tblr-table-color)));
  background-color: var(--tblr-table-bg);
  border-bottom-width: var(--tblr-border-width);
  box-shadow: inset 0 0 0 9999px var(--tblr-table-bg-state, var(--tblr-table-bg-type, var(--tblr-table-accent-bg)));
}
:where(.tabler-ui) .table > tbody {
  vertical-align: inherit;
}
:where(.tabler-ui) .table > thead {
  vertical-align: bottom;
}
:where(.tabler-ui) .form-label {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: var(--tblr-font-weight-medium);
}
:where(.tabler-ui) .form-control {
  display: block;
  width: 100%;
  padding: 0.5625rem 1rem;
  font-family: var(--tblr-body-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--tblr-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-bg-forms);
  background-clip: padding-box;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .form-control {
    transition: none;
  }
}
:where(.tabler-ui) .form-control[type=file] {
  overflow: hidden;
}
:where(.tabler-ui) .form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
:where(.tabler-ui) .form-control:focus {
  color: var(--tblr-body-color);
  background-color: var(--tblr-bg-forms);
  border-color: rgb(130.5, 183, 232);
  outline: 0;
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}
:where(.tabler-ui) .form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.25rem;
  margin: 0;
}
:where(.tabler-ui) .form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
:where(.tabler-ui) .form-control::-moz-placeholder {
  color: var(--tblr-tertiary);
  opacity: 1;
}
:where(.tabler-ui) .form-control::placeholder {
  color: var(--tblr-tertiary);
  opacity: 1;
}
:where(.tabler-ui) .form-control:disabled {
  background-color: var(--tblr-bg-surface-secondary);
  opacity: 1;
}
:where(.tabler-ui) .form-control::file-selector-button {
  padding: 0.5625rem 1rem;
  margin: -0.5625rem -1rem;
  margin-inline-end: 1rem;
  color: var(--tblr-body-color);
  background-color: var(--tblr-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--tblr-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .form-control::file-selector-button {
    transition: none;
  }
}
:where(.tabler-ui) .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--tblr-secondary-bg);
}
:where(.tabler-ui) .form-select {
  --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.5625rem 3rem 0.5625rem 1rem;
  font-family: var(--tblr-body-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--tblr-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-bg-forms);
  background-image: var(--tblr-form-select-bg-img), var(--tblr-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .form-select {
    transition: none;
  }
}
:where(.tabler-ui) .form-select:focus {
  border-color: rgb(130.5, 183, 232);
  outline: 0;
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}
:where(.tabler-ui) .form-select[multiple],
:where(.tabler-ui) .form-select[size]:not([size="1"]) {
  padding-right: 1rem;
  background-image: none;
}
:where(.tabler-ui) .form-select:disabled {
  background-color: var(--tblr-bg-surface-secondary);
}
:where(.tabler-ui) .form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--tblr-body-color);
}
:where(.tabler-ui) .form-control.is-valid {
  border-color: var(--tblr-form-valid-border-color);
  padding-right: 2.375rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.53125rem center;
  background-size: 1.8125rem 1.8125rem;
}
:where(.tabler-ui) .form-control.is-valid:focus {
  border-color: var(--tblr-form-valid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
}
:where(.tabler-ui) .form-select.is-valid {
  border-color: var(--tblr-form-valid-border-color);
}
:where(.tabler-ui) .form-select.is-valid:not([multiple]):not([size]),
:where(.tabler-ui) .form-select.is-valid:not([multiple])[size="1"] {
  --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  padding-right: 5.5rem;
  background-position: right 1rem center, center right 3rem;
  background-size: 16px 12px, 1.8125rem 1.8125rem;
}
:where(.tabler-ui) .form-select.is-valid:focus {
  border-color: var(--tblr-form-valid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
}
:where(.tabler-ui) .form-control.is-invalid {
  border-color: var(--tblr-form-invalid-border-color);
  padding-right: 2.375rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.53125rem center;
  background-size: 1.8125rem 1.8125rem;
}
:where(.tabler-ui) .form-control.is-invalid:focus {
  border-color: var(--tblr-form-invalid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
}
:where(.tabler-ui) .form-select.is-invalid {
  border-color: var(--tblr-form-invalid-border-color);
}
:where(.tabler-ui) .form-select.is-invalid:not([multiple]):not([size]),
:where(.tabler-ui) .form-select.is-invalid:not([multiple])[size="1"] {
  --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  padding-right: 5.5rem;
  background-position: right 1rem center, center right 3rem;
  background-size: 16px 12px, 1.8125rem 1.8125rem;
}
:where(.tabler-ui) .form-select.is-invalid:focus {
  border-color: var(--tblr-form-invalid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
}
:where(.tabler-ui) .btn {
  --tblr-btn-padding-x: 1rem;
  --tblr-btn-padding-y: 0.5625rem;
  --tblr-btn-font-family: var(--tblr-body-font-family);
  --tblr-btn-font-size: 0.875rem;
  --tblr-btn-font-weight: var(--tblr-font-weight-medium);
  --tblr-btn-line-height: 1.25rem;
  --tblr-btn-color: var(--tblr-body-color);
  --tblr-btn-bg: transparent;
  --tblr-btn-border-width: var(--tblr-border-width);
  --tblr-btn-border-color: transparent;
  --tblr-btn-border-radius: var(--tblr-border-radius);
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-box-shadow: var(--tblr-shadow-input);
  --tblr-btn-disabled-opacity: 0.4;
  --tblr-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
  font-family: var(--tblr-btn-font-family);
  font-size: var(--tblr-btn-font-size);
  font-weight: var(--tblr-btn-font-weight);
  line-height: var(--tblr-btn-line-height);
  color: var(--tblr-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
  border-radius: var(--tblr-btn-border-radius);
  background-color: var(--tblr-btn-bg);
  box-shadow: var(--tblr-btn-box-shadow);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .btn {
    transition: none;
  }
}
:where(.tabler-ui) .btn:hover {
  color: var(--tblr-btn-hover-color);
  text-decoration: none;
  background-color: var(--tblr-btn-hover-bg);
  border-color: var(--tblr-btn-hover-border-color);
}
:where(.tabler-ui) .btn:focus-visible {
  color: var(--tblr-btn-hover-color);
  background-color: var(--tblr-btn-hover-bg);
  border-color: var(--tblr-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow);
}
:where(.tabler-ui) .btn:first-child:active,
:where(.tabler-ui) .btn.active,
:where(.tabler-ui) .btn.show {
  color: var(--tblr-btn-active-color);
  background-color: var(--tblr-btn-active-bg);
  border-color: var(--tblr-btn-active-border-color);
  box-shadow: var(--tblr-btn-active-shadow);
}
:where(.tabler-ui) .btn:first-child:active:focus-visible,
:where(.tabler-ui) .btn.active:focus-visible,
:where(.tabler-ui) .btn.show:focus-visible {
  box-shadow: var(--tblr-btn-active-shadow), var(--tblr-btn-focus-box-shadow);
}
:where(.tabler-ui) .btn:disabled,
:where(.tabler-ui) .btn.disabled {
  color: var(--tblr-btn-disabled-color);
  pointer-events: none;
  background-color: var(--tblr-btn-disabled-bg);
  border-color: var(--tblr-btn-disabled-border-color);
  opacity: var(--tblr-btn-disabled-opacity);
  box-shadow: none;
}
:where(.tabler-ui) .btn-sm {
  --tblr-btn-padding-y: 0.3125rem;
  --tblr-btn-padding-x: 0.5rem;
  --tblr-btn-font-size: 0.75rem;
  --tblr-btn-border-radius: var(--tblr-border-radius-sm);
}
:where(.tabler-ui) .btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
:where(.tabler-ui) .nav-link {
  display: block;
  padding: var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
  font-size: var(--tblr-nav-link-font-size);
  font-weight: var(--tblr-nav-link-font-weight);
  color: var(--tblr-nav-link-color);
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .nav-link {
    transition: none;
  }
}
:where(.tabler-ui) .nav-link:hover,
:where(.tabler-ui) .nav-link:focus {
  color: var(--tblr-nav-link-hover-color);
  text-decoration: none;
}
:where(.tabler-ui) .nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}
:where(.tabler-ui) .nav-link.disabled,
:where(.tabler-ui) .nav-link:disabled {
  color: var(--tblr-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
:where(.tabler-ui) .card {
  --tblr-card-spacer-y: 1rem;
  --tblr-card-spacer-x: 1.25rem;
  --tblr-card-title-spacer-y: 1.25rem;
  --tblr-card-title-color: ;
  --tblr-card-subtitle-color: ;
  --tblr-card-border-width: var(--tblr-border-width);
  --tblr-card-border-color: var(--tblr-border-color-translucent);
  --tblr-card-border-radius: var(--tblr-border-radius-lg);
  --tblr-card-box-shadow: var(--tblr-shadow-card);
  --tblr-card-inner-border-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
  --tblr-card-cap-padding-y: 1rem;
  --tblr-card-cap-padding-x: 1.25rem;
  --tblr-card-cap-bg: var(--tblr-bg-surface-tertiary);
  --tblr-card-cap-color: inherit;
  --tblr-card-height: ;
  --tblr-card-color: inherit;
  --tblr-card-bg: var(--tblr-bg-surface);
  --tblr-card-img-overlay-padding: 1rem;
  --tblr-card-group-margin: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--tblr-card-height);
  color: var(--tblr-body-color);
  word-wrap: break-word;
  background-color: var(--tblr-card-bg);
  background-clip: border-box;
  border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
  border-radius: var(--tblr-card-border-radius);
  box-shadow: var(--tblr-card-box-shadow);
}
:where(.tabler-ui) .card > hr,
:where(.tabler-ui) .card > .hr {
  margin-right: 0;
  margin-left: 0;
}
:where(.tabler-ui) .card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
:where(.tabler-ui) .card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--tblr-card-inner-border-radius);
  border-top-right-radius: var(--tblr-card-inner-border-radius);
}
:where(.tabler-ui) .card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--tblr-card-inner-border-radius);
  border-bottom-left-radius: var(--tblr-card-inner-border-radius);
}
:where(.tabler-ui) .card > .card-header + .list-group,
:where(.tabler-ui) .card > .list-group + .card-footer {
  border-top: 0;
}
:where(.tabler-ui) .card-body {
  flex: 1 1 auto;
  padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
  color: var(--tblr-card-color);
}
:where(.tabler-ui) .card-title {
  margin-bottom: var(--tblr-card-title-spacer-y);
  color: var(--tblr-card-title-color);
}
:where(.tabler-ui) .card-header {
  padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--tblr-card-cap-color);
  background-color: var(--tblr-card-cap-bg);
  border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}
:where(.tabler-ui) .card-header:first-child {
  border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0;
}
:where(.tabler-ui) .card-footer {
  padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
  color: var(--tblr-card-cap-color);
  background-color: var(--tblr-card-cap-bg);
  border-top: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}
:where(.tabler-ui) .card-footer:last-child {
  border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius);
}
:where(.tabler-ui) .avatar {
  --tblr-avatar-size: var(--tblr-avatar-list-size, 2.5rem);
  --tblr-avatar-status-size: 0.75rem;
  --tblr-avatar-bg: var(--tblr-bg-surface-secondary);
  --tblr-avatar-box-shadow-color: var(--tblr-border-color-translucent);
  --tblr-avatar-box-shadow: inset 0 0 0 1px var(--tblr-avatar-box-shadow-color);
  --tblr-avatar-font-size: 1rem;
  --tblr-avatar-icon-size: 1.5rem;
  --tblr-avatar-brand-size: 1.25rem;
  position: relative;
  width: var(--tblr-avatar-size);
  height: var(--tblr-avatar-size);
  font-size: var(--tblr-avatar-font-size);
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--tblr-secondary);
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--tblr-avatar-bg) no-repeat center/cover;
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-avatar-box-shadow);
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
}
:where(.tabler-ui) .avatar .icon {
  width: var(--tblr-avatar-icon-size);
  height: var(--tblr-avatar-icon-size);
}
:where(.tabler-ui) .avatar .badge {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 100rem;
  box-shadow: 0 0 0 calc(var(--tblr-avatar-status-size) / 4) var(--tblr-bg-surface);
}
:where(.tabler-ui) .badge {
  --tblr-badge-padding-x: 0.5em;
  --tblr-badge-padding-y: 0.25em;
  --tblr-badge-font-size: 0.85714285em;
  --tblr-badge-font-weight: var(--tblr-font-weight-medium);
  --tblr-badge-color: var(--tblr-secondary);
  --tblr-badge-border-radius: var(--tblr-border-radius);
  --tblr-badge-icon-size: 1em;
  --tblr-badge-line-height: 1;
  display: inline-flex;
  padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
  font-weight: var(--tblr-badge-font-weight);
  font-size: var(--tblr-badge-font-size);
  color: var(--tblr-badge-color);
  text-align: center;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  background: var(--tblr-bg-surface-secondary);
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--tblr-border-width) var(--tblr-border-style) transparent;
  border-radius: var(--tblr-badge-border-radius);
  min-width: calc(1em + var(--tblr-badge-padding-y) * 2 + 2px);
  letter-spacing: 0.04em;
  vertical-align: bottom;
  line-height: var(--tblr-badge-line-height);
}
:where(.tabler-ui) .badge .icon {
  width: 1em;
  height: 1em;
  font-size: var(--tblr-badge-icon-size);
  stroke-width: 2;
}
:where(.tabler-ui) .badge:empty {
  display: inline-block;
  width: 10px;
  height: 10px;
  min-width: 0;
  min-height: auto;
  padding: 0;
  border-radius: 100rem;
  vertical-align: baseline;
}
:where(.tabler-ui) .btn {
  --tblr-btn-icon-size: 1.25rem;
  --tblr-btn-icon-color: inherit;
  --tblr-btn-bg: var(--tblr-bg-surface);
  --tblr-btn-color: var(--tblr-body-color);
  --tblr-btn-border-color: var(--tblr-border-color);
  --tblr-btn-hover-bg: var(--tblr-btn-bg);
  --tblr-btn-hover-border-color: var(--tblr-border-active-color);
  --tblr-btn-active-color: var(--tblr-primary);
  --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
  --tblr-btn-active-border-color: var(--tblr-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: var(--tblr-btn-box-shadow);
  position: relative;
  min-width: calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
  min-height: calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
}
:where(.tabler-ui) .btn .icon {
  width: var(--tblr-btn-icon-size);
  height: var(--tblr-btn-icon-size);
  min-width: var(--tblr-btn-icon-size);
  font-size: var(--tblr-btn-icon-size);
  margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4);
  vertical-align: bottom;
  color: var(--tblr-btn-icon-color);
}
:where(.tabler-ui) .btn .avatar {
  width: var(--tblr-btn-icon-size);
  height: var(--tblr-btn-icon-size);
  margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4);
}
:where(.tabler-ui) .btn .icon-right,
:where(.tabler-ui) .btn .icon-end {
  margin: 0 calc(var(--tblr-btn-padding-x) / -4) 0 calc(var(--tblr-btn-padding-x) / 2);
}
:where(.tabler-ui) .btn .badge {
  top: auto;
}
:where(.tabler-ui) .btn-primary {
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: var(--tblr-primary-fg, #ffffff);
  --tblr-btn-bg: var(--tblr-primary);
  --tblr-btn-hover-color: var(--tblr-primary-fg);
  --tblr-btn-hover-bg: var(--tblr-primary-darken);
  --tblr-btn-active-color: var(--tblr-primary-fg);
  --tblr-btn-active-bg: var(--tblr-primary-darken);
  --tblr-btn-disabled-bg: var(--tblr-primary);
  --tblr-btn-disabled-color: var(--tblr-primary-fg);
  --tblr-btn-box-shadow: var(--tblr-shadow-input);
}
:where(.tabler-ui) .btn-secondary {
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: var(--tblr-secondary-fg, #ffffff);
  --tblr-btn-bg: var(--tblr-secondary);
  --tblr-btn-hover-color: var(--tblr-secondary-fg);
  --tblr-btn-hover-bg: var(--tblr-secondary-darken);
  --tblr-btn-active-color: var(--tblr-secondary-fg);
  --tblr-btn-active-bg: var(--tblr-secondary-darken);
  --tblr-btn-disabled-bg: var(--tblr-secondary);
  --tblr-btn-disabled-color: var(--tblr-secondary-fg);
  --tblr-btn-box-shadow: var(--tblr-shadow-input);
}
:where(.tabler-ui) .btn-ghost-secondary {
  --tblr-btn-color: var(--tblr-secondary);
  --tblr-btn-bg: transparent;
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-color: var(--tblr-secondary-fg);
  --tblr-btn-hover-bg: var(--tblr-secondary);
  --tblr-btn-hover-border-color: var(--tblr-secondary);
  --tblr-btn-active-color: var(--tblr-secondary-fg);
  --tblr-btn-active-bg: var(--tblr-secondary);
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color: var(--tblr-secondary);
  --tblr-btn-disabled-bg: transparent;
  --tblr-btn-disabled-border-color: transparent;
  --tblr-gradient: none;
  --tblr-btn-box-shadow: none;
}
:where(.tabler-ui) .btn-danger {
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: var(--tblr-danger-fg, #ffffff);
  --tblr-btn-bg: var(--tblr-danger);
  --tblr-btn-hover-color: var(--tblr-danger-fg);
  --tblr-btn-hover-bg: var(--tblr-danger-darken);
  --tblr-btn-active-color: var(--tblr-danger-fg);
  --tblr-btn-active-bg: var(--tblr-danger-darken);
  --tblr-btn-disabled-bg: var(--tblr-danger);
  --tblr-btn-disabled-color: var(--tblr-danger-fg);
  --tblr-btn-box-shadow: var(--tblr-shadow-input);
}
:where(.tabler-ui) .btn-sm {
  --tblr-btn-line-height: 1.3333333333;
  --tblr-btn-icon-size: 1rem;
}
:where(.tabler-ui) .btn-icon {
  padding-left: 0;
  padding-right: 0;
}
:where(.tabler-ui) .btn-icon .icon {
  margin: calc(-1 * var(--tblr-btn-padding-x));
}
:where(.tabler-ui) .card {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, box-shadow 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .card {
    transition: none;
  }
}
@media print {
:where(.tabler-ui) .card {
    border: none;
    box-shadow: none;
  }
}
:where(.tabler-ui) .card .card {
  box-shadow: none;
}
:where(.tabler-ui) .card-header {
  color: inherit;
  display: flex;
  align-items: center;
  background: transparent;
}
:where(.tabler-ui) .card-header:first-child {
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
:where(.tabler-ui) .card-footer {
  margin-top: auto;
}
:where(.tabler-ui) .card-footer:last-child {
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
}
:where(.tabler-ui) .card-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: var(--tblr-font-weight-medium);
  color: inherit;
  line-height: 1.5rem;
}
:where(.tabler-ui) .card-header .card-title {
  margin: 0;
}
:where(.tabler-ui) .card-header .card-subtitle {
  margin: 0;
}
:where(.tabler-ui) .card-title .card-subtitle {
  margin: 0 0 0 0.25rem;
  font-size: 0.875rem;
}
:where(.tabler-ui) .card-body {
  position: relative;
}
:where(.tabler-ui) .card-body > :last-child {
  margin-bottom: 0;
}
@media print {
:where(.tabler-ui) .card-body {
    padding: 0;
  }
}
:where(.tabler-ui) .card-body + .card-body {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
:where(.tabler-ui) .card-body + .card-table {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color);
}
:where(.tabler-ui) .card-body + .card-list-group {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
:where(.tabler-ui) .form-label {
  display: block;
  font-weight: var(--tblr-font-weight-medium);
}
:where(.tabler-ui) .form-label.required:after {
  content: "*";
  margin-left: 0.25rem;
  color: #d63939;
}
:where(.tabler-ui) .form-hint {
  display: block;
  color: var(--tblr-secondary);
}
:where(.tabler-ui) .form-hint:last-child {
  margin-bottom: 0;
}
:where(.tabler-ui) .form-hint + .form-control {
  margin-top: 0.25rem;
}
:where(.tabler-ui) .form-label + .form-hint {
  margin-top: -0.25rem;
}
:where(.tabler-ui) .form-control + .form-hint,
:where(.tabler-ui) .form-select + .form-hint {
  margin-top: 0.5rem;
  color: var(--tblr-secondary);
}
:where(.tabler-ui) .form-select:-moz-focusring {
  color: var(--tblr-body-color);
}
:where(.tabler-ui) .form-control:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--tblr-bg-surface-secondary) inset;
  color: var(--tblr-body-color);
  -webkit-text-fill-color: var(--tblr-body-color);
}
:where(.tabler-ui) .form-control:disabled,
:where(.tabler-ui) .form-control.disabled {
  color: var(--tblr-secondary);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
:where(.tabler-ui) .form-control[size] {
  width: auto;
}
@media (max-width: 575.98px) {
:where(.tabler-ui) .form-control,
:where(.tabler-ui) .form-select {
    font-size: 1rem;
  }
}
:where(.tabler-ui) .form-control::file-selector-button {
  background-color: var(--tblr-btn-color, var(--tblr-tertiary-bg));
}
:where(.tabler-ui) .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--tblr-btn-color, var(--tblr-secondary-bg));
}
:where(.tabler-ui) .form-select.is-invalid-lite,
:where(.tabler-ui) .form-control.is-invalid-lite,
:where(.tabler-ui) .form-select.is-valid-lite,
:where(.tabler-ui) .form-control.is-valid-lite {
  border-color: var(--tblr-border-color) !important;
}
:where(.tabler-ui) .nav-link {
  display: flex;
  transition: color 0.3s, background-color 0.3s;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
:where(.tabler-ui) .nav-link {
    transition: none;
  }
}
:where(.tabler-ui) .nav-link:hover,
:where(.tabler-ui) .nav-link:focus {
  background-color: var(--tblr-nav-link-hover-bg);
}
:where(.tabler-ui) .nav-link[aria-expanded=true] .nav-link-toggle {
  transform: rotate(180deg);
}
:where(.tabler-ui) .table thead th {
  background: var(--tblr-bg-surface-tertiary);
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}
@media print {
:where(.tabler-ui) .table thead th {
    background: transparent;
  }
}
:where(.tabler-ui) .table-vcenter > :not(caption) > * > * {
  vertical-align: middle;
}
:where(.tabler-ui) .card > .hr-text {
  margin: 0;
}