@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Montserrat+Alternates:wght@500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap");
:root {
  --canta-bg: #FFFFFF;
  --canta-bg-raised: #F5F5F5;
  --canta-bg-overlay: #E5E5E5;
  --canta-text: #262626;
  --canta-text-heading: #000000;
  --canta-text-muted: #999999;
  --canta-border: #E5E5E5;
  --canta-border-strong: #D4D4D4;
}

[data-theme=dark] {
  --canta-bg: #171717;
  --canta-bg-raised: #262626;
  --canta-bg-overlay: #525252;
  --canta-text: #E5E5E5;
  --canta-text-heading: #FFFFFF;
  --canta-text-muted: #999999;
  --canta-border: #525252;
  --canta-border-strong: #999999;
}

[data-theme=dark] body {
  background-color: #171717;
  color: #E5E5E5;
}
[data-theme=dark] h1, [data-theme=dark] h2, [data-theme=dark] h3, [data-theme=dark] h4, [data-theme=dark] h5, [data-theme=dark] h6 {
  color: #FFFFFF;
}
[data-theme=dark] p {
  color: #D4D4D4;
}
[data-theme=dark] a {
  color: rgb(63.5, 126.805785124, 255);
}
[data-theme=dark] code {
  background-color: #262626;
  color: rgb(63.5, 126.805785124, 255);
}
[data-theme=dark] ::selection {
  background-color: rgba(0, 80, 242, 0.3);
  color: #FFFFFF;
}
[data-theme=dark] .docs-sidebar {
  background: #171717;
  border-right-color: #262626;
}
[data-theme=dark] .docs-sidebar__header {
  border-bottom-color: #262626;
}
[data-theme=dark] .docs-sidebar__logo {
  color: #FFFFFF;
}
[data-theme=dark] .docs-sidebar__section-title {
  color: #737373;
}
[data-theme=dark] .docs-sidebar__link {
  color: #999999;
}
[data-theme=dark] .docs-sidebar__link .material-symbols-rounded {
  color: #737373;
}
[data-theme=dark] .docs-sidebar__link:hover {
  color: #E5E5E5;
  background: #262626;
}
[data-theme=dark] .docs-sidebar__link:hover .material-symbols-rounded {
  color: #D4D4D4;
}
[data-theme=dark] .docs-sidebar__link--active {
  color: rgb(38, 109.7355371901, 255);
  background: rgba(0, 80, 242, 0.1);
}
[data-theme=dark] .docs-sidebar__link--active .material-symbols-rounded {
  color: rgb(38, 109.7355371901, 255);
}
[data-theme=dark] .docs-sidebar__link--active:hover {
  background: rgba(0, 80, 242, 0.15);
  color: rgb(38, 109.7355371901, 255);
}
[data-theme=dark] .docs-content {
  background: #111111;
}
[data-theme=dark] .docs-mobile-header {
  background: #171717;
  border-bottom-color: #262626;
  color: #FFFFFF;
}
[data-theme=dark] .docs-page-header {
  background: #171717;
  border-bottom-color: #262626;
}
[data-theme=dark] .docs-page-header__title {
  color: #FFFFFF;
}
[data-theme=dark] .docs-page-header__description {
  color: #D4D4D4;
}
[data-theme=dark] .docs-page-header__breadcrumb {
  color: #737373;
}
[data-theme=dark] .docs-section__title {
  color: #FFFFFF;
  border-bottom-color: #262626;
}
[data-theme=dark] .docs-section__text {
  color: #D4D4D4;
}
[data-theme=dark] .docs-preview {
  border-color: #262626;
  background: #171717;
}
[data-theme=dark] .docs-preview__header {
  background: #262626;
  border-bottom-color: #525252;
  color: #D4D4D4;
}
[data-theme=dark] .docs-preview__body {
  background: #171717;
}
[data-theme=dark] .docs-preview__body--dark {
  background: #000000;
}
[data-theme=dark] .docs-code {
  border-color: #262626;
}
[data-theme=dark] .docs-code__header {
  background: #262626;
  color: #999999;
}
[data-theme=dark] .docs-code__block {
  background: #000000;
  color: #E5E5E5;
}
[data-theme=dark] .docs-table {
  border-color: #262626;
  background: #171717;
}
[data-theme=dark] .docs-table th {
  background: #262626;
  color: #D4D4D4;
  border-bottom-color: #525252;
}
[data-theme=dark] .docs-table td {
  border-bottom-color: #262626;
  color: #D4D4D4;
}
[data-theme=dark] .docs-table code {
  background: #262626;
}
[data-theme=dark] .docs-swatch {
  border-color: #525252;
}
[data-theme=dark] .docs-swatch__info {
  background: #171717;
  border-top-color: #525252;
}
[data-theme=dark] .docs-swatch__name {
  color: #E5E5E5;
}
[data-theme=dark] .docs-swatch__hex {
  color: #999999;
}
[data-theme=dark] .docs-stats {
  background: #262626;
  border-bottom-color: #262626;
}
[data-theme=dark] .docs-stats__item {
  background: #171717;
}
[data-theme=dark] .docs-stats__label {
  color: #999999;
}
[data-theme=dark] .docs-features {
  background: #171717;
}
[data-theme=dark] .docs-features__card {
  border-color: #262626;
  background: #171717;
}
[data-theme=dark] .docs-features__card:hover {
  border-color: #525252;
}
[data-theme=dark] .docs-features__title {
  color: #FFFFFF;
}
[data-theme=dark] .docs-features__text {
  color: #999999;
}
[data-theme=dark] .docs-hero {
  background: #171717;
  border-bottom-color: #262626;
}
[data-theme=dark] .docs-hero__title {
  color: #FFFFFF;
}
[data-theme=dark] .docs-hero__description {
  color: #999999;
}
[data-theme=dark] .docs-footer {
  background: #171717;
  border-top-color: #262626;
}
[data-theme=dark] .docs-theme-toggle {
  background: #262626;
  color: #E5E5E5;
  border-color: #525252;
}
[data-theme=dark] .docs-spacing-demo__box {
  background: rgba(0, 80, 242, 0.25);
  border-color: rgba(0, 80, 242, 0.4);
}
[data-theme=dark] .docs-inline-code {
  background: #262626;
  color: rgb(63.5, 126.805785124, 255);
}
[data-theme=dark] .canta-btn--outline {
  background-color: transparent;
  color: #E5E5E5;
  border-color: #525252;
}
[data-theme=dark] .canta-btn--outline:hover:not(:disabled) {
  background-color: #262626;
  border-color: #737373;
  color: #FFFFFF;
}
[data-theme=dark] .canta-btn--ghost {
  color: #D4D4D4;
}
[data-theme=dark] .canta-btn--ghost:hover:not(:disabled) {
  background-color: #262626;
  color: #F5F5F5;
}
[data-theme=dark] .canta-input,
[data-theme=dark] .canta-select,
[data-theme=dark] .canta-textarea {
  background-color: #262626;
  border-color: #525252;
  color: #F5F5F5;
}
[data-theme=dark] .canta-input:focus,
[data-theme=dark] .canta-select:focus,
[data-theme=dark] .canta-textarea:focus {
  border-color: #0050F2;
}
[data-theme=dark] .canta-picker__trigger {
  background: #262626;
  border-color: #525252;
  color: #F5F5F5;
}
[data-theme=dark] .canta-picker__dropdown {
  background: #262626;
  border-color: #525252;
}
[data-theme=dark] .canta-picker__option:hover {
  background: #525252;
}
[data-theme=dark] .canta-picker__search-input {
  background: #525252;
  color: #F5F5F5;
}
[data-theme=dark] .canta-card {
  background-color: #262626;
  border-color: #525252;
}
[data-theme=dark] .canta-card__header,
[data-theme=dark] .canta-card__footer {
  border-color: #525252;
}
[data-theme=dark] .canta-table {
  border-color: #525252;
  background: #262626;
}
[data-theme=dark] .canta-table th {
  background-color: #525252;
  color: #E5E5E5;
  border-color: #737373;
}
[data-theme=dark] .canta-table td {
  border-color: #525252;
  color: #E5E5E5;
}
[data-theme=dark] .canta-table--striped tbody tr:nth-child(even) {
  background-color: #171717;
}
[data-theme=dark] .canta-table--hoverable tbody tr:hover {
  background-color: rgba(0, 80, 242, 0.06);
}
[data-theme=dark] .canta-alert {
  background-color: #262626;
  border-color: #525252;
}
[data-theme=dark] .canta-badge {
  opacity: 0.9;
}
[data-theme=dark] .canta-modal {
  background-color: #262626;
  border-color: #525252;
}
[data-theme=dark] .canta-tabs__list {
  border-bottom-color: #525252;
}
[data-theme=dark] .canta-tabs__tab {
  color: #999999;
}
[data-theme=dark] .canta-tabs__tab:hover:not(:disabled) {
  color: #E5E5E5;
  border-bottom-color: #999999;
}
[data-theme=dark] .canta-tabs__tab--active {
  color: rgb(38, 109.7355371901, 255);
}
[data-theme=dark] .canta-tabs__content,
[data-theme=dark] .canta-tabs__panels {
  background-color: #262626;
}
[data-theme=dark] .canta-accordion__item {
  border-color: #525252;
}
[data-theme=dark] .canta-accordion__header {
  color: #E5E5E5;
  background: #262626;
}
[data-theme=dark] .canta-accordion__header:hover {
  background: #525252;
}
[data-theme=dark] .canta-sidebar {
  background-color: #171717;
  border-color: #262626;
}
[data-theme=dark] .canta-navbar {
  background-color: #171717;
  border-color: #262626;
  color: #E5E5E5;
}
[data-theme=dark] .canta-checkbox__box,
[data-theme=dark] .canta-radio__circle {
  background-color: #262626;
  border-color: #737373;
}
[data-theme=dark] .canta-checkbox__label,
[data-theme=dark] .canta-radio__label {
  color: #E5E5E5;
}
[data-theme=dark] .canta-switch__track {
  background-color: #525252;
}
[data-theme=dark] .canta-tooltip__content {
  background-color: #F5F5F5;
  color: #000000;
}
[data-theme=dark] .canta-toast {
  background-color: #262626;
  border-color: #525252;
  color: #E5E5E5;
}
[data-theme=dark] .canta-progress {
  background-color: #525252;
}
[data-theme=dark] .canta-breadcrumb {
  color: #999999;
}
[data-theme=dark] .canta-pagination__item {
  border-color: #525252;
  color: #D4D4D4;
  background: #262626;
}
[data-theme=dark] .canta-pagination__item:hover:not(.canta-pagination__item--disabled) {
  background: #525252;
  color: #F5F5F5;
}
[data-theme=dark] .canta-pagination__item--active {
  background: #0050F2;
  border-color: #0050F2;
  color: #FFFFFF;
}
[data-theme=dark] .canta-form-group__label {
  color: #D4D4D4;
}
[data-theme=dark] .canta-form-group__helper {
  color: #999999;
}
[data-theme=dark] .canta-divider {
  background-color: #525252;
}

.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}

.canta-icon--sm {
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 20;
}
.canta-icon--md {
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}
.canta-icon--lg {
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}
.canta-icon--filled {
  font-variation-settings: "FILL" 1, "wght" 200, "GRAD" 0, "opsz" 24;
}

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

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #262626;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  color: #000000;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.875rem;
}

ul, ol {
  list-style: none;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

p,
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  line-height: 1.625;
  color: #737373;
}

a {
  color: #0050F2;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong, b {
  font-weight: 600;
}

code {
  font-family: "Fira Code", "Courier New", monospace;
  font-size: 0.875em;
  background-color: #F5F5F5;
  padding: 2px 6px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
::selection {
  background-color: rgba(0, 80, 242, 0.15);
  color: #000000;
}

::placeholder {
  color: #999999;
  opacity: 1;
}

:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.canta-btn:focus {
  outline: none;
}
.canta-btn:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 10px 1.25rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  transition: opacity 200ms ease;
}
.canta-btn:hover:not(:disabled)::before {
  opacity: 0.08;
}
.canta-btn:active:not(:disabled) {
  transform: scale(0.98);
}
.canta-btn:active:not(:disabled)::before {
  opacity: 0.12;
}
.canta-btn:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  box-shadow: none;
}
.canta-btn--primary {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: #0050F2;
  box-shadow: 0 1px 3px rgba(0, 80, 242, 0.2);
}
.canta-btn--primary:hover:not(:disabled) {
  background-color: #0047D9;
  border-color: #0047D9;
  box-shadow: 0 4px 12px rgba(0, 80, 242, 0.3);
  transform: translateY(-1px);
}
.canta-btn--primary:active:not(:disabled) {
  background-color: #003BB3;
  transform: translateY(0) scale(0.98);
  box-shadow: 0 1px 2px rgba(0, 80, 242, 0.2);
}
.canta-btn--secondary {
  background-color: #262626;
  color: #FFFFFF;
  border-color: #262626;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.canta-btn--secondary:hover:not(:disabled) {
  background-color: #525252;
  border-color: #525252;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.canta-btn--secondary:active:not(:disabled) {
  background-color: #262626;
  transform: translateY(0) scale(0.98);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.canta-btn--outline {
  background-color: #FFFFFF;
  color: #525252;
  border-color: #E5E5E5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.canta-btn--outline:hover:not(:disabled) {
  background-color: #F5F5F5;
  border-color: #D4D4D4;
  color: #000000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}
.canta-btn--outline:active:not(:disabled) {
  background-color: #E5E5E5;
  transform: translateY(0) scale(0.98);
  box-shadow: none;
}
.canta-btn--ghost {
  background-color: transparent;
  color: #737373;
  border-color: transparent;
}
.canta-btn--ghost::before {
  display: none;
}
.canta-btn--ghost:hover:not(:disabled) {
  background-color: #F5F5F5;
  color: #000000;
}
.canta-btn--ghost:active:not(:disabled) {
  background-color: #E5E5E5;
  transform: scale(0.98);
}
.canta-btn--danger {
  background-color: #BE123C;
  color: #FFFFFF;
  border-color: #BE123C;
  box-shadow: 0 1px 3px rgba(190, 18, 60, 0.2);
}
.canta-btn--danger:hover:not(:disabled) {
  background-color: #9F1239;
  border-color: #9F1239;
  box-shadow: 0 4px 12px rgba(190, 18, 60, 0.3);
  transform: translateY(-1px);
}
.canta-btn--danger:active:not(:disabled) {
  background-color: #881337;
  transform: translateY(0) scale(0.98);
  box-shadow: 0 1px 2px rgba(190, 18, 60, 0.15);
}
.canta-btn--success {
  background-color: #15803D;
  color: #FFFFFF;
  border-color: #15803D;
  box-shadow: 0 1px 3px rgba(21, 128, 61, 0.2);
}
.canta-btn--success:hover:not(:disabled) {
  background-color: #116329;
  border-color: #116329;
  box-shadow: 0 4px 12px rgba(21, 128, 61, 0.3);
  transform: translateY(-1px);
}
.canta-btn--success:active:not(:disabled) {
  background-color: #0D4B1F;
  transform: translateY(0) scale(0.98);
}
.canta-btn--warning {
  background-color: #F59E0B;
  color: #FFFFFF;
  border-color: #F59E0B;
  box-shadow: 0 1px 3px rgba(245, 158, 11, 0.25);
}
.canta-btn--warning:hover:not(:disabled) {
  background-color: #D97706;
  border-color: #D97706;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
  transform: translateY(-1px);
}
.canta-btn--warning:active:not(:disabled) {
  background-color: #B45309;
  transform: translateY(0) scale(0.98);
}
.canta-btn--info {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: #0050F2;
  box-shadow: 0 1px 3px rgba(0, 80, 242, 0.2);
}
.canta-btn--info:hover:not(:disabled) {
  background-color: #1D4ED8;
  border-color: #1D4ED8;
  box-shadow: 0 4px 12px rgba(0, 80, 242, 0.3);
  transform: translateY(-1px);
}
.canta-btn--info:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
}
.canta-btn--magenta {
  background-color: #FF3264;
  color: #FFFFFF;
  border-color: #FF3264;
  box-shadow: 0 1px 3px rgba(255, 50, 100, 0.2);
}
.canta-btn--magenta:hover:not(:disabled) {
  background-color: #E0264F;
  border-color: #E0264F;
  box-shadow: 0 4px 12px rgba(255, 50, 100, 0.3);
  transform: translateY(-1px);
}
.canta-btn--magenta:active:not(:disabled) {
  background-color: #C9203F;
  transform: translateY(0) scale(0.98);
}
.canta-btn--amber {
  background-color: #F59E0B;
  color: #FFFFFF;
  border-color: #F59E0B;
  box-shadow: 0 1px 3px rgba(245, 158, 11, 0.25);
}
.canta-btn--amber:hover:not(:disabled) {
  background-color: #D97706;
  border-color: #D97706;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
  transform: translateY(-1px);
}
.canta-btn--amber:active:not(:disabled) {
  background-color: #B45309;
  transform: translateY(0) scale(0.98);
}
.canta-btn--link {
  background: transparent;
  color: #0050F2;
  border: none;
  padding: 0.25rem 0.5rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  box-shadow: none;
}
.canta-btn--link::before {
  display: none;
}
.canta-btn--link:hover:not(:disabled) {
  color: #0037A6;
  text-decoration-color: rgba(0, 80, 242, 0.4);
}
.canta-btn--link:active:not(:disabled) {
  transform: none;
}
.canta-btn--outline-primary {
  background-color: transparent;
  color: #0050F2;
  border-color: #0050F2;
}
.canta-btn--outline-primary:hover:not(:disabled) {
  background-color: rgba(0, 80, 242, 0.06);
  box-shadow: 0 2px 8px rgba(0, 80, 242, 0.12);
  transform: translateY(-1px);
}
.canta-btn--outline-primary:active:not(:disabled) {
  background-color: rgba(0, 80, 242, 0.1);
  transform: translateY(0) scale(0.98);
}
.canta-btn--neo-brutal {
  background-color: #FFFFFF;
  color: #000000;
  border: 2px solid #000000;
  border-radius: 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  box-shadow: 6px 6px 0 0 #0050F2;
}
.canta-btn--neo-brutal::before {
  display: none;
}
.canta-btn--neo-brutal:hover:not(:disabled) {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 0 #0050F2;
}
.canta-btn--neo-brutal:active:not(:disabled) {
  transform: translate(0, 0);
  box-shadow: 4px 4px 0 0 #0050F2;
}
.canta-btn--brutal-3d {
  background-color: #000000;
  color: #FFFFFF;
  border: 3px solid #000000;
  border-radius: 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  box-shadow: 6px 6px 0 0 #0050F2, 10px 10px 0 0 #000000;
}
.canta-btn--brutal-3d::before {
  display: none;
}
.canta-btn--brutal-3d:hover:not(:disabled) {
  transform: translate(-4px, -4px);
  box-shadow: 10px 10px 0 0 #0050F2, 14px 14px 0 0 #000000;
}
.canta-btn--brutal-3d:active:not(:disabled) {
  transform: translate(2px, 2px);
  box-shadow: 4px 4px 0 0 #0050F2, 8px 8px 0 0 #000000;
}
.canta-btn--sm {
  padding: 6px 0.75rem;
  font-size: 0.75rem;
  gap: 0.25rem;
  border-radius: 6px;
}
.canta-btn--lg {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border-radius: 8px;
}
.canta-btn--xl {
  padding: 1rem 2rem;
  font-size: 1.125rem;
  border-radius: 12px;
}
.canta-btn--full-width {
  width: 100%;
}
.canta-btn--icon-only {
  padding: 0.5rem;
  aspect-ratio: 1;
}
.canta-btn--pill {
  border-radius: 9999px;
}
.canta-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
}
.canta-btn--loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.canta-btn--loading::before {
  display: none;
}
.canta-btn--loading::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: canta-spin 0.6s linear infinite;
}
.canta-btn--loading.canta-btn--primary::after, .canta-btn--loading.canta-btn--secondary::after, .canta-btn--loading.canta-btn--danger::after, .canta-btn--loading.canta-btn--success::after, .canta-btn--loading.canta-btn--warning::after, .canta-btn--loading.canta-btn--info::after, .canta-btn--loading.canta-btn--amber::after, .canta-btn--loading.canta-btn--magenta::after {
  border-color: #FFFFFF;
  border-right-color: transparent;
}

.canta-btn-group {
  display: inline-flex;
}
.canta-btn-group .canta-btn {
  border-radius: 0;
}
.canta-btn-group .canta-btn:not(:last-child) {
  border-right-width: 0;
}
.canta-btn-group .canta-btn:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.canta-btn-group .canta-btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

@keyframes canta-spin {
  to {
    transform: rotate(360deg);
  }
}
.canta-input {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-input::placeholder {
  color: #999999;
}
.canta-input:hover:not(:disabled):not(:focus) {
  border-color: #D4D4D4;
}
.canta-input:focus {
  outline: none;
  border-color: #0050F2;
  box-shadow: 0 0 0 3px rgba(0, 80, 242, 0.15);
}
.canta-input:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-input--error {
  border-color: #FF3264;
}
.canta-input--error:focus {
  border-color: #FF3264;
  box-shadow: 0 0 0 3px rgba(255, 50, 100, 0.15);
}
.canta-input--success {
  border-color: #22C55E;
}
.canta-input--success:focus {
  border-color: #22C55E;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}
.canta-input--sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.canta-input--md {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.canta-input--lg {
  padding: 1rem 1.25rem;
  font-size: 1.125rem;
}
.canta-input--neo-brutal {
  border: 2px solid #000000;
  border-radius: 0;
}
.canta-input--neo-brutal:hover:not(:disabled):not(:focus) {
  border-color: #000000;
}
.canta-input--neo-brutal:focus {
  border-color: #000000;
  box-shadow: 4px 4px 0 0 #0050F2;
}

.canta-input-wrapper {
  position: relative;
  display: block;
}
.canta-input-wrapper:has(.canta-input-wrapper__icon--left) .canta-input {
  padding-left: 2.5rem;
}
.canta-input-wrapper:has(.canta-input-wrapper__icon--right) .canta-input {
  padding-right: 2.5rem;
}
.canta-input-wrapper .canta-input--with-icon-left {
  padding-left: 2.5rem;
}
.canta-input-wrapper .canta-input--with-icon-right {
  padding-right: 2.5rem;
}
.canta-input-wrapper__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #D4D4D4;
  pointer-events: none;
  font-size: 20px;
  z-index: 1;
}
.canta-input-wrapper__icon--left {
  left: 0.75rem;
}
.canta-input-wrapper__icon--right {
  right: 0.75rem;
}
.canta-input-wrapper__action {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-input-wrapper__action:focus {
  outline: none;
}
.canta-input-wrapper__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #737373;
  border-radius: 6px;
}
.canta-input-wrapper__action:hover {
  color: #000000;
  background-color: #F5F5F5;
}

.canta-input-group {
  display: flex;
}
.canta-input-group .canta-input {
  flex: 1;
  min-width: 0;
  border-radius: 0;
}
.canta-input-group__addon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #525252;
  background-color: #F5F5F5;
  border: 1px solid #E5E5E5;
  white-space: nowrap;
}
.canta-input-group__addon--left {
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.canta-input-group__addon--right {
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.canta-textarea {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  min-height: 120px;
  padding: 0.75rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  resize: vertical;
}
.canta-textarea::placeholder {
  color: #999999;
}
.canta-textarea:hover:not(:disabled):not(:focus) {
  border-color: #D4D4D4;
}
.canta-textarea:focus {
  outline: none;
  border-color: #0050F2;
  box-shadow: 0 0 0 3px rgba(0, 80, 242, 0.15);
}
.canta-textarea:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.5;
  resize: none;
}
.canta-textarea--error {
  border-color: #FF3264;
}
.canta-textarea--error:focus {
  border-color: #FF3264;
  box-shadow: 0 0 0 3px rgba(255, 50, 100, 0.15);
}
.canta-textarea--success {
  border-color: #22C55E;
}
.canta-textarea--success:focus {
  border-color: #22C55E;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}
.canta-textarea--sm {
  min-height: 80px;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.canta-textarea--lg {
  min-height: 160px;
  padding: 1rem 1.25rem;
  font-size: 1.125rem;
}
.canta-textarea--no-resize {
  resize: none;
}
.canta-textarea--auto-resize {
  overflow: hidden;
  resize: none;
}
.canta-textarea--neo-brutal {
  border: 2px solid #000000;
  border-radius: 0;
}
.canta-textarea--neo-brutal:hover:not(:disabled):not(:focus) {
  border-color: #000000;
}
.canta-textarea--neo-brutal:focus {
  border-color: #000000;
  box-shadow: 4px 4px 0 0 #0050F2;
}

.canta-textarea-wrapper {
  position: relative;
}
.canta-textarea-wrapper .canta-textarea {
  padding-bottom: 2rem;
}
.canta-textarea-wrapper__counter {
  position: absolute;
  bottom: 0.5rem;
  right: 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  color: #999999;
}
.canta-textarea-wrapper__counter--error {
  color: #FF3264;
}

.canta-select {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  background-color: #FFFFFF;
  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='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 18px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
  appearance: none;
}
.canta-select:hover:not(:disabled):not(:focus) {
  border-color: #D4D4D4;
}
.canta-select:focus {
  outline: none;
  border-color: #0050F2;
  box-shadow: 0 0 0 3px rgba(0, 80, 242, 0.15);
}
.canta-select:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-select option[value=""] {
  color: #999999;
}
.canta-select--error {
  border-color: #FF3264;
}
.canta-select--error:focus {
  border-color: #FF3264;
  box-shadow: 0 0 0 3px rgba(255, 50, 100, 0.15);
}
.canta-select--success {
  border-color: #22C55E;
}
.canta-select--success:focus {
  border-color: #22C55E;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}
.canta-select--sm {
  padding: 0.5rem 2rem 0.5rem 0.75rem;
  font-size: 0.875rem;
  background-size: 16px;
}
.canta-select--lg {
  padding: 1rem 3rem 1rem 1.25rem;
  font-size: 1.125rem;
  background-size: 22px;
}
.canta-select--neo-brutal {
  border: 2px solid #000000;
  border-radius: 0;
}
.canta-select--neo-brutal:hover:not(:disabled):not(:focus) {
  border-color: #000000;
}
.canta-select--neo-brutal:focus {
  border-color: #000000;
  box-shadow: 4px 4px 0 0 #0050F2;
}

.canta-select-wrapper {
  position: relative;
  display: block;
}
.canta-select-wrapper .canta-select--with-icon {
  padding-left: 2.5rem;
}
.canta-select-wrapper__icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #999999;
  pointer-events: none;
}

.canta-select--multiple {
  padding: 0.5rem;
  height: auto;
  min-height: 120px;
  background-image: none;
}
.canta-select--multiple option {
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
}
.canta-select--multiple option:checked {
  background-color: #0050F2;
  color: #FFFFFF;
}

.canta-picker {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.canta-picker__trigger {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 10px 1rem;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  min-height: 42px;
}
.canta-picker__trigger:hover:not(:disabled) {
  border-color: #D4D4D4;
}
.canta-picker__trigger:focus {
  outline: none;
  border-color: #0050F2;
  box-shadow: 0 0 0 3px rgba(0, 80, 242, 0.12);
}
.canta-picker__trigger:disabled {
  background: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-picker__trigger-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.canta-picker__placeholder {
  color: #999999;
}
.canta-picker__chevron {
  flex-shrink: 0;
  color: #D4D4D4;
  transition: transform 200ms ease;
  font-size: 20px;
}
.canta-picker--open .canta-picker__trigger {
  border-color: #0050F2;
  box-shadow: 0 0 0 3px rgba(0, 80, 242, 0.12);
}
.canta-picker--open .canta-picker__chevron {
  transform: rotate(180deg);
}
.canta-picker--open .canta-picker__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.canta-picker__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1000;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 320px;
  display: flex;
  flex-direction: column;
}
.canta-picker__search {
  padding: 0.75rem;
  border-bottom: 1px solid #F5F5F5;
  flex-shrink: 0;
}
.canta-picker__search-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-family: inherit;
  font-size: 0.875rem;
  color: #000000;
  background: #F5F5F5;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: none;
  transition: all 150ms ease;
}
.canta-picker__search-input::placeholder {
  color: #999999;
}
.canta-picker__search-input:focus {
  background: #FFFFFF;
  border-color: #E5E5E5;
}
.canta-picker__options {
  overflow-y: auto;
  flex: 1;
  padding: 0.25rem;
}
.canta-picker__options::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.canta-picker__options::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 4px;
}
.canta-picker__options::-webkit-scrollbar-thumb {
  background: #D4D4D4;
  border-radius: 4px;
}
.canta-picker__options::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
.canta-picker__option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #525252;
  border-radius: 6px;
  cursor: pointer;
  transition: background 100ms ease;
  user-select: none;
}
.canta-picker__option:hover {
  background: #F5F5F5;
  color: #000000;
}
.canta-picker__option--selected {
  background: rgba(0, 80, 242, 0.06);
  color: #0050F2;
  font-weight: 500;
}
.canta-picker__option--selected:hover {
  background: rgba(0, 80, 242, 0.1);
}
.canta-picker__option--highlighted {
  background: #F5F5F5;
}
.canta-picker__option--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.canta-picker__option-check {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #0050F2;
  opacity: 0;
}
.canta-picker__option--selected .canta-picker__option-check {
  opacity: 1;
}
.canta-picker__option-text {
  flex: 1;
}
.canta-picker__option-description {
  font-size: 0.75rem;
  color: #999999;
  margin-top: 2px;
}
.canta-picker__group-label {
  padding: 0.5rem 0.75rem;
  font-size: 11px;
  font-weight: 600;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}
.canta-picker__divider {
  height: 1px;
  background: #F5F5F5;
  margin: 0.25rem 0.75rem;
}
.canta-picker__empty {
  padding: 1.5rem 1rem;
  text-align: center;
  color: #999999;
  font-size: 0.875rem;
}
.canta-picker__footer {
  padding: 0.5rem 0.75rem;
  border-top: 1px solid #F5F5F5;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  flex-shrink: 0;
}
.canta-picker--multi .canta-picker__trigger {
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 6px 1rem 6px 0.5rem;
  min-height: 42px;
}
.canta-picker__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.canta-picker__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px 2px 8px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0050F2;
  background: rgba(0, 80, 242, 0.08);
  border-radius: 9999px;
  max-width: 160px;
  line-height: 1.4;
}
.canta-picker__tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.canta-picker__tag-remove {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-picker__tag-remove:focus {
  outline: none;
}
.canta-picker__tag-remove {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  color: #0050F2;
  font-size: 14px;
  transition: all 100ms ease;
}
.canta-picker__tag-remove:hover {
  background: rgba(0, 80, 242, 0.15);
}
.canta-picker__count {
  font-size: 0.75rem;
  color: #999999;
  padding: 2px 6px;
  background: #F5F5F5;
  border-radius: 9999px;
  flex-shrink: 0;
}
.canta-picker--sm .canta-picker__trigger {
  padding: 6px 0.75rem;
  font-size: 0.75rem;
  min-height: 34px;
}
.canta-picker--sm .canta-picker__option {
  padding: 6px 0.75rem;
  font-size: 0.75rem;
}
.canta-picker--sm .canta-picker__search-input {
  padding: 6px 0.5rem;
  font-size: 0.75rem;
}
.canta-picker--lg .canta-picker__trigger {
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  min-height: 50px;
}
.canta-picker--lg .canta-picker__option {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.canta-picker--error .canta-picker__trigger {
  border-color: #FF3264;
}
.canta-picker--error .canta-picker__trigger:focus {
  box-shadow: 0 0 0 3px rgba(255, 50, 100, 0.12);
}
.canta-picker--success .canta-picker__trigger {
  border-color: #22C55E;
}
.canta-picker--success .canta-picker__trigger:focus {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
}
.canta-picker--disabled {
  pointer-events: none;
}
.canta-picker--disabled .canta-picker__trigger {
  background: #F5F5F5;
  opacity: 0.5;
}
.canta-picker--dropup .canta-picker__dropdown {
  top: auto;
  bottom: calc(100% + 4px);
  transform: translateY(4px);
}
.canta-picker--dropup.canta-picker--open .canta-picker__dropdown {
  transform: translateY(0);
}

.canta-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.canta-checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.canta-checkbox__input:focus-visible + .canta-checkbox__box {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-checkbox__input:checked + .canta-checkbox__box {
  background-color: #0050F2;
  border-color: #0050F2;
}
.canta-checkbox__input:checked + .canta-checkbox__box::after {
  opacity: 1;
  transform: rotate(-45deg) scale(1);
}
.canta-checkbox__input:disabled + .canta-checkbox__box {
  background-color: #F5F5F5;
  border-color: #E5E5E5;
  cursor: not-allowed;
  opacity: 0.6;
}
.canta-checkbox__input:disabled:checked + .canta-checkbox__box {
  background-color: #D4D4D4;
  border-color: #D4D4D4;
}
.canta-checkbox__input:disabled:checked + .canta-checkbox__box::after {
  opacity: 1;
  transform: rotate(-45deg) scale(1);
}
.canta-checkbox__input:disabled ~ .canta-checkbox__label {
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-checkbox__box {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #FFFFFF;
  border: 1px solid #D4D4D4;
  border-radius: 6px;
}
.canta-checkbox__box::after {
  content: "";
  width: 10px;
  height: 5px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transform: rotate(-45deg) scale(0);
  opacity: 0;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: -2px;
}
.canta-checkbox__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
}
.canta-checkbox--error .canta-checkbox__box {
  border-color: #FF3264;
}
.canta-checkbox--error .canta-checkbox__input:checked + .canta-checkbox__box {
  background-color: #FF3264;
  border-color: #FF3264;
}
.canta-checkbox--sm .canta-checkbox__box {
  width: 16px;
  height: 16px;
}
.canta-checkbox--sm .canta-checkbox__box::after {
  width: 8px;
  height: 4px;
  border-width: 2px;
}
.canta-checkbox--sm .canta-checkbox__label {
  font-size: 0.875rem;
  line-height: 16px;
}
.canta-checkbox--lg .canta-checkbox__box {
  width: 24px;
  height: 24px;
}
.canta-checkbox--lg .canta-checkbox__box::after {
  width: 12px;
  height: 6px;
  border-width: 2px;
}
.canta-checkbox--lg .canta-checkbox__label {
  font-size: 1.125rem;
  line-height: 24px;
}

.canta-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.canta-checkbox-group--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.canta-checkbox-group__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #525252;
  margin-bottom: 0.5rem;
}

.canta-radio {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.canta-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.canta-radio__input:focus-visible + .canta-radio__circle {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-radio__input:checked + .canta-radio__circle {
  border-color: #0050F2;
}
.canta-radio__input:checked + .canta-radio__circle::after {
  opacity: 1;
  transform: scale(1);
}
.canta-radio__input:disabled + .canta-radio__circle {
  background-color: #F5F5F5;
  cursor: not-allowed;
  opacity: 0.6;
}
.canta-radio__input:disabled:checked + .canta-radio__circle {
  border-color: #D4D4D4;
}
.canta-radio__input:disabled:checked + .canta-radio__circle::after {
  opacity: 1;
  transform: scale(1);
  background-color: #D4D4D4;
}
.canta-radio__input:disabled ~ .canta-radio__label {
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-radio__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #FFFFFF;
  border: 1px solid #D4D4D4;
  border-radius: 9999px;
}
.canta-radio__circle::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0050F2;
  border-radius: 9999px;
  transform: scale(0);
  opacity: 0;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-radio__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
}
.canta-radio--error .canta-radio__circle {
  border-color: #FF3264;
}
.canta-radio--error .canta-radio__input:checked + .canta-radio__circle {
  border-color: #FF3264;
}
.canta-radio--error .canta-radio__input:checked + .canta-radio__circle::after {
  background-color: #FF3264;
}
.canta-radio--sm .canta-radio__circle {
  width: 16px;
  height: 16px;
}
.canta-radio--sm .canta-radio__circle::after {
  width: 8px;
  height: 8px;
}
.canta-radio--sm .canta-radio__label {
  font-size: 0.875rem;
  line-height: 16px;
}
.canta-radio--lg .canta-radio__circle {
  width: 24px;
  height: 24px;
}
.canta-radio--lg .canta-radio__circle::after {
  width: 12px;
  height: 12px;
}
.canta-radio--lg .canta-radio__label {
  font-size: 1.125rem;
  line-height: 24px;
}

.canta-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.canta-radio-group--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.canta-radio-group__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #525252;
  margin-bottom: 0.5rem;
}

.canta-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.canta-switch__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.canta-switch__input:focus-visible + .canta-switch__track {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-switch__input:checked + .canta-switch__track {
  background-color: #0050F2;
  border-color: #0050F2;
}
.canta-switch__input:checked + .canta-switch__track .canta-switch__thumb {
  transform: translateX(24px);
  background-color: #FFFFFF;
  border-color: transparent;
}
.canta-switch__input:disabled + .canta-switch__track {
  background-color: #F5F5F5;
  border-color: #E5E5E5;
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-switch__input:disabled:checked + .canta-switch__track {
  background-color: #0050F2;
  border-color: #0050F2;
  opacity: 0.4;
}
.canta-switch__input:disabled:checked + .canta-switch__track .canta-switch__thumb {
  transform: translateX(24px);
  background-color: #FFFFFF;
  border-color: transparent;
}
.canta-switch__input:disabled ~ .canta-switch__label {
  cursor: not-allowed;
  opacity: 0.5;
}
.canta-switch__track {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  width: 52px;
  height: 28px;
  flex-shrink: 0;
  background-color: #E5E5E5;
  border: 1px solid #E5E5E5;
  border-radius: 9999px;
}
.canta-switch__thumb {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border-radius: 9999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.canta-switch__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 28px;
  color: #000000;
}
.canta-switch__label--left {
  order: -1;
}
.canta-switch--blue .canta-switch__input:checked + .canta-switch__track {
  background-color: #0050F2;
  border-color: #0050F2;
}
.canta-switch--magenta .canta-switch__input:checked + .canta-switch__track {
  background-color: #FF3264;
  border-color: #FF3264;
}
.canta-switch--sm .canta-switch__track {
  width: 40px;
  height: 22px;
}
.canta-switch--sm .canta-switch__thumb {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}
.canta-switch--sm .canta-switch__input:checked + .canta-switch__track .canta-switch__thumb {
  transform: translateX(18px);
}
.canta-switch--sm .canta-switch__label {
  font-size: 0.875rem;
  line-height: 22px;
}
.canta-switch--lg .canta-switch__track {
  width: 64px;
  height: 34px;
}
.canta-switch--lg .canta-switch__thumb {
  width: 26px;
  height: 26px;
  top: 3px;
  left: 3px;
}
.canta-switch--lg .canta-switch__input:checked + .canta-switch__track .canta-switch__thumb {
  transform: translateX(30px);
}
.canta-switch--lg .canta-switch__label {
  font-size: 1.125rem;
  line-height: 34px;
}
.canta-switch--with-icons .canta-switch__track::before, .canta-switch--with-icons .canta-switch__track::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #FFFFFF;
}
.canta-switch--with-icons .canta-switch__track::before {
  content: "✕";
  right: 7px;
  opacity: 0.6;
}
.canta-switch--with-icons .canta-switch__track::after {
  content: "✓";
  left: 7px;
  opacity: 0;
}
.canta-switch--with-icons .canta-switch__input:checked + .canta-switch__track::before {
  opacity: 0;
}
.canta-switch--with-icons .canta-switch__input:checked + .canta-switch__track::after {
  opacity: 1;
}

.canta-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.canta-form-group:last-child {
  margin-bottom: 0;
}
.canta-form-group__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #525252;
}
.canta-form-group__label--required::after {
  content: " *";
  color: #FF3264;
}
.canta-form-group__helper {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  color: #999999;
  margin-top: 0.25rem;
}
.canta-form-group__error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #FF3264;
  margin-top: 0.25rem;
}
.canta-form-group__error::before {
  content: "!";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #FF3264;
  border-radius: 9999px;
  flex-shrink: 0;
}
.canta-form-group__success {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #15803D;
  margin-top: 0.25rem;
}
.canta-form-group__success::before {
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #22C55E;
  border-radius: 9999px;
  flex-shrink: 0;
}
.canta-form-group--error .canta-form-group__label {
  color: #FF3264;
}
.canta-form-group--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.canta-form-group--horizontal {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.canta-form-group--horizontal .canta-form-group__label {
  flex-shrink: 0;
  width: 150px;
  margin-bottom: 0;
}
.canta-form-group--horizontal .canta-form-group__content {
  flex: 1;
}
@media (max-width: 768px) {
  .canta-form-group--horizontal {
    flex-direction: column;
    align-items: flex-start;
  }
  .canta-form-group--horizontal .canta-form-group__label {
    width: auto;
  }
}

.canta-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.canta-form__actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}
.canta-form__actions--right {
  justify-content: flex-end;
}
.canta-form__actions--center {
  justify-content: center;
}
.canta-form__actions--between {
  justify-content: space-between;
}
.canta-form__divider {
  height: 1px;
  background-color: #E5E5E5;
  margin: 1rem 0;
}
.canta-form__section-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.canta-fieldset {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 0;
}
.canta-fieldset__legend {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #525252;
  font-weight: 600;
  padding: 0 0.5rem;
  background-color: #FFFFFF;
}

.canta-accordion {
  width: 100%;
}
.canta-accordion__item {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E5E5E5;
}
.canta-accordion__item:first-child {
  border-top: 1px solid #E5E5E5;
}
.canta-accordion__item:last-child {
  border-bottom: 1px solid #E5E5E5;
}
.canta-accordion__item--expanded .canta-accordion__header, .canta-accordion__item--open .canta-accordion__header {
  color: #0050F2;
}
.canta-accordion__item--expanded .canta-accordion__icon, .canta-accordion__item--open .canta-accordion__icon {
  transform: rotate(180deg);
}
.canta-accordion__item--expanded .canta-accordion__content, .canta-accordion__item--open .canta-accordion__content {
  display: block;
}
.canta-accordion__item--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.canta-accordion__header {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-accordion__header:focus {
  outline: none;
}
.canta-accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  padding: 1rem 1.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  background-color: #FFFFFF;
  color: #000000;
}
.canta-accordion__header:hover {
  background-color: #FFFFFF;
}
.canta-accordion__header:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
  position: relative;
  z-index: 1;
}
.canta-accordion__title {
  flex: 1;
  margin: 0;
  padding-right: 1rem;
}
.canta-accordion__icon {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #999999;
}
.canta-accordion__icon::before, .canta-accordion__icon::after {
  content: "";
  position: absolute;
  background-color: currentColor;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-accordion__icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}
.canta-accordion__icon::after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
}
.canta-accordion__content {
  display: none;
  border-top: 1px solid #E5E5E5;
}
.canta-accordion__body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1.5rem;
  background-color: #FFFFFF;
}
.canta-accordion__body p {
  margin: 0 0 1rem;
}
.canta-accordion__body p:last-child {
  margin-bottom: 0;
}
.canta-accordion--bordered .canta-accordion__item {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-accordion--bordered .canta-accordion__item:first-child {
  border-top: 1px solid #E5E5E5;
}
.canta-accordion--bordered .canta-accordion__item:last-child {
  margin-bottom: 0;
}
.canta-accordion--bordered .canta-accordion__header {
  border-radius: 8px;
}
.canta-accordion--bordered .canta-accordion__item--expanded .canta-accordion__header,
.canta-accordion--bordered .canta-accordion__item--open .canta-accordion__header {
  border-radius: 8px 8px 0 0;
}
.canta-accordion--flush .canta-accordion__item {
  border-left: none;
  border-right: none;
  box-shadow: none;
}
.canta-accordion--separated .canta-accordion__item {
  margin-bottom: 1rem;
}
.canta-accordion--separated .canta-accordion__item:last-child {
  margin-bottom: 0;
}
.canta-accordion--blue .canta-accordion__item--expanded .canta-accordion__header,
.canta-accordion--blue .canta-accordion__item--open .canta-accordion__header {
  color: #0050F2;
}
.canta-accordion--magenta .canta-accordion__item--expanded .canta-accordion__header,
.canta-accordion--magenta .canta-accordion__item--open .canta-accordion__header {
  color: #FF3264;
}
.canta-accordion--sm .canta-accordion__header {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.canta-accordion--sm .canta-accordion__body {
  padding: 1rem;
  font-size: 0.875rem;
}
.canta-accordion--sm .canta-accordion__icon {
  width: 16px;
  height: 16px;
}
.canta-accordion--sm .canta-accordion__icon::before {
  height: 2px;
}
.canta-accordion--sm .canta-accordion__icon::after {
  width: 2px;
}
.canta-accordion--lg .canta-accordion__header {
  padding: 1.25rem 2rem;
  font-size: 1.125rem;
}
.canta-accordion--lg .canta-accordion__body {
  padding: 2rem;
  font-size: 1.125rem;
}
.canta-accordion--lg .canta-accordion__icon {
  width: 24px;
  height: 24px;
}
.canta-accordion--lg .canta-accordion__icon::before {
  height: 2px;
}
.canta-accordion--lg .canta-accordion__icon::after {
  width: 2px;
}

.canta-accordion--animated .canta-accordion__content {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-accordion--animated .canta-accordion__item--expanded .canta-accordion__content,
.canta-accordion--animated .canta-accordion__item--open .canta-accordion__content {
  max-height: 1000px;
}

.canta-tabs {
  width: 100%;
}
.canta-tabs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid #E5E5E5;
}
.canta-tabs__item {
  margin-bottom: -1px;
}
.canta-tabs__tab {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-tabs__tab:focus {
  outline: none;
}
.canta-tabs__tab {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: transparent;
  color: #737373;
  border: none;
  border-bottom: 2px solid transparent;
}
.canta-tabs__tab:hover:not(:disabled) {
  color: #000000;
  border-bottom-color: #D4D4D4;
}
.canta-tabs__tab:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
  position: relative;
  z-index: 1;
}
.canta-tabs__tab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.canta-tabs__tab--active {
  color: #0050F2;
  border-bottom-color: #0050F2;
  font-weight: 600;
}
.canta-tabs__tab--active:hover:not(:disabled) {
  color: #0050F2;
  border-bottom-color: #0050F2;
}
.canta-tabs__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
}
.canta-tabs__icon svg {
  width: 100%;
  height: 100%;
}
.canta-tabs__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #F5F5F5;
  color: #525252;
  border-radius: 9999px;
}
.canta-tabs__panels, .canta-tabs__content {
  background-color: #FFFFFF;
  padding: 1.25rem;
}
.canta-tabs__panel {
  display: none;
  padding: 1.5rem;
}
.canta-tabs__panel--active {
  display: block;
}
.canta-tabs--vertical {
  display: flex;
  flex-direction: row;
}
.canta-tabs--vertical .canta-tabs__list {
  flex-direction: column;
  flex-wrap: nowrap;
  border-bottom: none;
  border-right: 1px solid #E5E5E5;
}
.canta-tabs--vertical .canta-tabs__item {
  margin-bottom: 0;
  margin-right: -1px;
}
.canta-tabs--vertical .canta-tabs__tab {
  width: 100%;
  justify-content: flex-start;
  border-bottom: none;
  border-right: 2px solid transparent;
}
.canta-tabs--vertical .canta-tabs__tab--active {
  border-right-color: #0050F2;
  border-bottom: none;
}
.canta-tabs--vertical .canta-tabs__panels {
  flex: 1;
}
.canta-tabs--pills .canta-tabs__list, .canta-tabs--pills-magenta .canta-tabs__list, .canta-tabs--pills-blue .canta-tabs__list {
  gap: 0.5rem;
  border-bottom: none;
  padding-bottom: 1rem;
}
.canta-tabs--pills .canta-tabs__item, .canta-tabs--pills-magenta .canta-tabs__item, .canta-tabs--pills-blue .canta-tabs__item {
  margin-bottom: 0;
}
.canta-tabs--pills .canta-tabs__tab, .canta-tabs--pills-magenta .canta-tabs__tab, .canta-tabs--pills-blue .canta-tabs__tab {
  background-color: #FFFFFF;
  border: none;
  border-radius: 8px;
  color: #525252;
}
.canta-tabs--pills .canta-tabs__tab:hover:not(:disabled), .canta-tabs--pills-magenta .canta-tabs__tab:hover:not(:disabled), .canta-tabs--pills-blue .canta-tabs__tab:hover:not(:disabled) {
  background-color: #F5F5F5;
  border-bottom-color: transparent;
}
.canta-tabs--pills .canta-tabs__tab--active, .canta-tabs--pills-magenta .canta-tabs__tab--active, .canta-tabs--pills-blue .canta-tabs__tab--active {
  background-color: #0050F2;
  color: #FFFFFF;
  border-bottom-color: transparent;
}
.canta-tabs--pills .canta-tabs__tab--active:hover:not(:disabled), .canta-tabs--pills-magenta .canta-tabs__tab--active:hover:not(:disabled), .canta-tabs--pills-blue .canta-tabs__tab--active:hover:not(:disabled) {
  background-color: #0050F2;
  border-bottom-color: transparent;
}
.canta-tabs--pills .canta-tabs__panels, .canta-tabs--pills-magenta .canta-tabs__panels, .canta-tabs--pills-blue .canta-tabs__panels {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-tabs--pills .canta-tabs__badge, .canta-tabs--pills-magenta .canta-tabs__badge, .canta-tabs--pills-blue .canta-tabs__badge {
  background-color: rgba(255, 255, 255, 0.2);
  color: inherit;
}
.canta-tabs--pills .canta-tabs__tab--active .canta-tabs__badge, .canta-tabs--pills-magenta .canta-tabs__tab--active .canta-tabs__badge, .canta-tabs--pills-blue .canta-tabs__tab--active .canta-tabs__badge {
  background-color: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
}
.canta-tabs--pills-blue .canta-tabs__tab--active {
  background-color: #0050F2;
}
.canta-tabs--pills-blue .canta-tabs__tab--active:hover:not(:disabled) {
  background-color: #0050F2;
}
.canta-tabs--pills-magenta .canta-tabs__tab--active {
  background-color: #FF3264;
}
.canta-tabs--pills-magenta .canta-tabs__tab--active:hover:not(:disabled) {
  background-color: #FF3264;
}
.canta-tabs--boxed .canta-tabs__list {
  background-color: #FFFFFF;
  padding: 0.25rem;
  border: 1px solid #E5E5E5;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  gap: 0.25rem;
}
.canta-tabs--boxed .canta-tabs__tab {
  border-color: transparent;
  background-color: transparent;
  border-radius: 6px;
  border-bottom: none;
}
.canta-tabs--boxed .canta-tabs__tab:hover:not(:disabled) {
  background-color: #F5F5F5;
  border-bottom-color: transparent;
}
.canta-tabs--boxed .canta-tabs__tab--active {
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border-bottom-color: transparent;
}
.canta-tabs--boxed .canta-tabs__panels {
  border: 1px solid #E5E5E5;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.canta-tabs--underline .canta-tabs__list {
  gap: 1rem;
  border-bottom: 2px solid #F5F5F5;
}
.canta-tabs--underline .canta-tabs__tab {
  border: none;
  background-color: transparent;
  padding-bottom: 1rem;
  margin-bottom: -2px;
  position: relative;
}
.canta-tabs--underline .canta-tabs__tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-tabs--underline .canta-tabs__tab:hover:not(:disabled)::after {
  background-color: #D4D4D4;
}
.canta-tabs--underline .canta-tabs__tab--active::after {
  background-color: #0050F2;
}
.canta-tabs--underline .canta-tabs__panels {
  border: none;
  padding-top: 1rem;
}
.canta-tabs--sm .canta-tabs__tab {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.canta-tabs--sm .canta-tabs__panel {
  padding: 1rem;
}
.canta-tabs--sm .canta-tabs__badge {
  min-width: 1.25rem;
  height: 1.25rem;
  font-size: 10px;
}
.canta-tabs--lg .canta-tabs__tab {
  padding: 1rem 2rem;
  font-size: 1.125rem;
}
.canta-tabs--lg .canta-tabs__panel {
  padding: 2rem;
}
.canta-tabs--lg .canta-tabs__badge {
  min-width: 1.75rem;
  height: 1.75rem;
}
.canta-tabs--full .canta-tabs__list {
  width: 100%;
}
.canta-tabs--full .canta-tabs__item {
  flex: 1;
}
.canta-tabs--full .canta-tabs__tab {
  width: 100%;
  justify-content: center;
}

@media (max-width: 768px) {
  .canta-tabs--vertical {
    flex-direction: column;
  }
  .canta-tabs--vertical .canta-tabs__list {
    flex-direction: row;
    flex-wrap: wrap;
    border-right: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .canta-tabs--vertical .canta-tabs__item {
    margin-right: 0;
    margin-bottom: -1px;
  }
  .canta-tabs--vertical .canta-tabs__tab {
    border-right: none;
    border-bottom: 2px solid transparent;
  }
  .canta-tabs--vertical .canta-tabs__tab--active {
    border-right: none;
    border-bottom-color: #0050F2;
  }
  .canta-tabs--vertical .canta-tabs__panels {
    border-left: none;
    border-top: none;
  }
}
.canta-breadcrumb {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.canta-breadcrumb__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.canta-breadcrumb__item {
  display: flex;
  align-items: center;
}
.canta-breadcrumb__item:last-child .canta-breadcrumb__separator {
  display: none;
}
.canta-breadcrumb__item:last-child .canta-breadcrumb__link {
  color: #000000;
  font-weight: 600;
  pointer-events: none;
}
.canta-breadcrumb__link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #999999;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.canta-breadcrumb__link:hover {
  color: #0050F2;
  background-color: #FFFFFF;
}
.canta-breadcrumb__link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-breadcrumb__link--icon {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.canta-breadcrumb__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
}
.canta-breadcrumb__icon svg {
  width: 100%;
  height: 100%;
}
.canta-breadcrumb__separator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
  color: #D4D4D4;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  user-select: none;
}
.canta-breadcrumb__separator::before {
  content: "/";
}
.canta-breadcrumb--separator-chevron .canta-breadcrumb__separator::before {
  content: ">";
  font-size: 0.75rem;
}
.canta-breadcrumb--separator-arrow .canta-breadcrumb__separator::before {
  content: "→";
}
.canta-breadcrumb--separator-pipe .canta-breadcrumb__separator::before {
  content: "|";
}
.canta-breadcrumb--separator-dot .canta-breadcrumb__separator::before {
  content: "•";
  font-size: 0.75rem;
}
.canta-breadcrumb--separator-double .canta-breadcrumb__separator::before {
  content: "//";
}
.canta-breadcrumb--separator-block .canta-breadcrumb__separator {
  padding: 0 0.75rem;
}
.canta-breadcrumb--separator-block .canta-breadcrumb__separator::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #D4D4D4;
  border-radius: 6px;
}
.canta-breadcrumb--bordered {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
}
.canta-breadcrumb--shadowed {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
}
.canta-breadcrumb--dark {
  background-color: #262626;
  border-radius: 8px;
  padding: 0.5rem 1rem;
}
.canta-breadcrumb--dark .canta-breadcrumb__link {
  color: #D4D4D4;
}
.canta-breadcrumb--dark .canta-breadcrumb__link:hover {
  color: #FFFFFF;
  background-color: #525252;
}
.canta-breadcrumb--dark .canta-breadcrumb__item:last-child .canta-breadcrumb__link {
  color: #FFFFFF;
}
.canta-breadcrumb--dark .canta-breadcrumb__separator {
  color: #737373;
}
.canta-breadcrumb--blue .canta-breadcrumb__link:hover {
  color: #0050F2;
}
.canta-breadcrumb--blue .canta-breadcrumb__item:last-child .canta-breadcrumb__link {
  color: #0050F2;
}
.canta-breadcrumb--magenta .canta-breadcrumb__link:hover {
  color: #FF3264;
}
.canta-breadcrumb--magenta .canta-breadcrumb__item:last-child .canta-breadcrumb__link {
  color: #FF3264;
}
.canta-breadcrumb--sm .canta-breadcrumb__link {
  font-size: 0.75rem;
  padding: 0.25rem;
}
.canta-breadcrumb--sm .canta-breadcrumb__separator {
  padding: 0 0.25rem;
  font-size: 0.75rem;
}
.canta-breadcrumb--lg .canta-breadcrumb__link {
  font-size: 1rem;
  padding: 0.5rem 0.75rem;
}
.canta-breadcrumb--lg .canta-breadcrumb__separator {
  padding: 0 0.5rem;
}
.canta-breadcrumb__dropdown {
  position: relative;
}
.canta-breadcrumb__dropdown-trigger {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-breadcrumb__dropdown-trigger:focus {
  outline: none;
}
.canta-breadcrumb__dropdown-trigger {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
  border-radius: 6px;
}
.canta-breadcrumb__dropdown-trigger:hover {
  color: #000000;
  background-color: #FFFFFF;
}
.canta-breadcrumb__dropdown-trigger:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-breadcrumb__dropdown-trigger::before {
  content: "...";
}
.canta-breadcrumb__dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  display: none;
}
.canta-breadcrumb__dropdown-menu--open {
  display: block;
}
.canta-breadcrumb__dropdown-item {
  display: block;
}
.canta-breadcrumb__dropdown-link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  padding: 0.5rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
}
.canta-breadcrumb__dropdown-link:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-breadcrumb__dropdown-link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}

.canta-breadcrumb-wrapper {
  display: block;
}

@media (max-width: 768px) {
  .canta-breadcrumb {
    padding: 0.5rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .canta-breadcrumb__list {
    flex-wrap: nowrap;
  }
  .canta-breadcrumb__link {
    white-space: nowrap;
  }
  .canta-breadcrumb--collapsed-mobile .canta-breadcrumb__item:not(:first-child):not(:last-child):not(:nth-last-child(2)) {
    display: none;
  }
  .canta-breadcrumb--collapsed-mobile .canta-breadcrumb__item:nth-last-child(2)::before {
    content: "...";
    padding: 0 0.5rem;
    color: #D4D4D4;
  }
}
.canta-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 0.75rem 1.5rem;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E5E5E5;
  z-index: 1020;
}
.canta-navbar__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: #000000;
}
.canta-navbar__brand:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar__logo {
  display: block;
  height: 40px;
  width: auto;
}
.canta-navbar__logo img,
.canta-navbar__logo svg {
  height: 100%;
  width: auto;
}
.canta-navbar__brand-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.canta-navbar__nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.canta-navbar__menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.canta-navbar__item {
  position: relative;
}
.canta-navbar__link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
  background-color: transparent;
  border-radius: 8px;
}
.canta-navbar__link:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-navbar__link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar__link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
  font-weight: 600;
}
.canta-navbar__link--active:hover {
  background-color: rgba(0, 80, 242, 0.12);
}
.canta-navbar__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
}
.canta-navbar__link-icon svg {
  width: 100%;
  height: 100%;
}
.canta-navbar__dropdown {
  position: relative;
}
.canta-navbar__dropdown-trigger {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-navbar__dropdown-trigger:focus {
  outline: none;
}
.canta-navbar__dropdown-trigger {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #525252;
  background-color: transparent;
  border-radius: 8px;
}
.canta-navbar__dropdown-trigger:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-navbar__dropdown-trigger:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar__dropdown-icon {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
}
.canta-navbar__dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 200px;
  margin-top: 0.25rem;
  padding: 0.5rem 0;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-navbar__dropdown:hover .canta-navbar__dropdown-menu, .canta-navbar__dropdown--open .canta-navbar__dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.canta-navbar__dropdown:hover .canta-navbar__dropdown-icon, .canta-navbar__dropdown--open .canta-navbar__dropdown-icon {
  transform: rotate(180deg);
}
.canta-navbar__dropdown-item {
  display: block;
}
.canta-navbar__dropdown-link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
}
.canta-navbar__dropdown-link:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-navbar__dropdown-link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar__dropdown-link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
}
.canta-navbar__dropdown-link--active:hover {
  background-color: rgba(0, 80, 242, 0.12);
}
.canta-navbar__dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  background-color: #E5E5E5;
}
.canta-navbar__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.canta-navbar__toggle {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-navbar__toggle:focus {
  outline: none;
}
.canta-navbar__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-navbar__toggle:hover {
  background-color: #FFFFFF;
}
.canta-navbar__toggle:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar__toggle-icon {
  position: relative;
  width: 20px;
  height: 2px;
  background-color: #525252;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-navbar__toggle-icon::before, .canta-navbar__toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #525252;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-navbar__toggle-icon::before {
  top: -7px;
}
.canta-navbar__toggle-icon::after {
  bottom: -7px;
}
.canta-navbar__toggle--open .canta-navbar__toggle-icon {
  background-color: transparent;
}
.canta-navbar__toggle--open .canta-navbar__toggle-icon::before {
  top: 0;
  transform: rotate(45deg);
}
.canta-navbar__toggle--open .canta-navbar__toggle-icon::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.canta-navbar--dark {
  background-color: #262626;
  border-bottom-color: #525252;
}
.canta-navbar--dark .canta-navbar__brand-text,
.canta-navbar--dark .canta-navbar__link,
.canta-navbar--dark .canta-navbar__dropdown-trigger {
  color: #F5F5F5;
}
.canta-navbar--dark .canta-navbar__link:hover,
.canta-navbar--dark .canta-navbar__dropdown-trigger:hover {
  background-color: #525252;
  color: #FFFFFF;
}
.canta-navbar--dark .canta-navbar__link--active {
  background-color: rgba(0, 80, 242, 0.15);
  color: #FFFFFF;
}
.canta-navbar--dark .canta-navbar__toggle-icon,
.canta-navbar--dark .canta-navbar__toggle-icon::before,
.canta-navbar--dark .canta-navbar__toggle-icon::after {
  background-color: #F5F5F5;
}
.canta-navbar--blue .canta-navbar__link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
}
.canta-navbar--blue .canta-navbar__dropdown-link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
}
.canta-navbar--magenta .canta-navbar__link--active {
  background-color: rgba(255, 50, 100, 0.08);
  color: #FF3264;
}
.canta-navbar--magenta .canta-navbar__dropdown-link--active {
  background-color: rgba(255, 50, 100, 0.08);
  color: #FF3264;
}
.canta-navbar--bordered {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-navbar--sticky {
  position: sticky;
  top: 0;
}
.canta-navbar--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.canta-navbar--transparent {
  background-color: transparent;
  border-bottom-color: transparent;
}
.canta-navbar--transparent:hover {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-color: #E5E5E5;
}
.canta-navbar--sm {
  padding: 0.5rem 1rem;
}
.canta-navbar--sm .canta-navbar__logo {
  height: 32px;
}
.canta-navbar--sm .canta-navbar__brand-text {
  font-size: 1.125rem;
}
.canta-navbar--sm .canta-navbar__link,
.canta-navbar--sm .canta-navbar__dropdown-trigger {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
}
.canta-navbar--lg {
  padding: 1rem 2rem;
}
.canta-navbar--lg .canta-navbar__logo {
  height: 56px;
}
.canta-navbar--lg .canta-navbar__brand-text {
  font-size: 1.5rem;
}
.canta-navbar--lg .canta-navbar__link,
.canta-navbar--lg .canta-navbar__dropdown-trigger {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

.canta-navbar-mobile {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  width: 100%;
  max-width: 320px;
  padding: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #E5E5E5;
  transform: translateX(100%);
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
}
.canta-navbar-mobile--open {
  transform: translateX(0);
}
.canta-navbar-mobile__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.canta-navbar-mobile__close {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-navbar-mobile__close:focus {
  outline: none;
}
.canta-navbar-mobile__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-navbar-mobile__close:hover {
  background-color: #FFFFFF;
}
.canta-navbar-mobile__close:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar-mobile__close-icon {
  position: relative;
  width: 18px;
  height: 18px;
}
.canta-navbar-mobile__close-icon::before, .canta-navbar-mobile__close-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #525252;
}
.canta-navbar-mobile__close-icon::before {
  transform: rotate(45deg);
}
.canta-navbar-mobile__close-icon::after {
  transform: rotate(-45deg);
}
.canta-navbar-mobile__menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.canta-navbar-mobile__item {
  border-bottom: 1px solid #E5E5E5;
}
.canta-navbar-mobile__item:first-child {
  border-top: 1px solid #E5E5E5;
}
.canta-navbar-mobile__link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  padding: 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
}
.canta-navbar-mobile__link:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-navbar-mobile__link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-navbar-mobile__link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
  font-weight: 600;
}
.canta-navbar-mobile__actions {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.canta-navbar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1049;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-navbar-backdrop--open {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .canta-navbar__nav, .canta-navbar__actions {
    display: none;
  }
  .canta-navbar__toggle {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-navbar__nav {
    display: none;
  }
  .canta-navbar__toggle {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .canta-navbar-mobile,
  .canta-navbar-backdrop {
    display: none;
  }
}
.canta-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.canta-sidebar::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 4px;
}
.canta-sidebar::-webkit-scrollbar-thumb {
  background: #D4D4D4;
  border-radius: 4px;
}
.canta-sidebar::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
.canta-sidebar {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 280px;
  height: 100%;
  background-color: #FFFFFF;
  border-right: 1px solid #E5E5E5;
  overflow-y: auto;
  transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #E5E5E5;
  flex-shrink: 0;
}
.canta-sidebar__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: #000000;
  overflow: hidden;
}
.canta-sidebar__brand:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-sidebar__logo {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.canta-sidebar__logo img,
.canta-sidebar__logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.canta-sidebar__brand-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  white-space: nowrap;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-sidebar__toggle {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-sidebar__toggle:focus {
  outline: none;
}
.canta-sidebar__toggle {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-sidebar__toggle:hover {
  background-color: #FFFFFF;
}
.canta-sidebar__toggle:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-sidebar__toggle-icon {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 6px solid #999999;
}
.canta-sidebar__content {
  flex: 1;
  padding: 1rem;
  overflow-y: auto;
}
.canta-sidebar__nav {
  margin-bottom: 1rem;
}
.canta-sidebar__nav-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  display: block;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.canta-sidebar__menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.canta-sidebar__item {
  margin-bottom: 0.25rem;
}
.canta-sidebar__link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
  background-color: transparent;
  border-radius: 8px;
  white-space: nowrap;
}
.canta-sidebar__link:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-sidebar__link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-sidebar__link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
  font-weight: 600;
}
.canta-sidebar__link--active:hover {
  background-color: rgba(0, 80, 242, 0.12);
}
.canta-sidebar__link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.canta-sidebar__link-icon svg {
  width: 100%;
  height: 100%;
}
.canta-sidebar__link-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-sidebar__link-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #FF3264;
  color: #FFFFFF;
  border-radius: 9999px;
  flex-shrink: 0;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-sidebar__submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 2rem;
  margin-top: 0.25rem;
  display: none;
}
.canta-sidebar__submenu--open {
  display: block;
}
.canta-sidebar__submenu-link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #737373;
  border-left: 2px solid #E5E5E5;
}
.canta-sidebar__submenu-link:hover {
  color: #000000;
  border-left-color: #999999;
  background-color: #FFFFFF;
}
.canta-sidebar__submenu-link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-sidebar__submenu-link--active {
  color: #0050F2;
  font-weight: 600;
  border-left-color: #0050F2;
  border-left-width: 2px;
}
.canta-sidebar__submenu-toggle {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  flex-shrink: 0;
}
.canta-sidebar__item--expanded .canta-sidebar__submenu-toggle {
  transform: rotate(180deg);
}
.canta-sidebar__divider {
  height: 1px;
  margin: 1rem 0;
  background-color: #E5E5E5;
}
.canta-sidebar__footer {
  padding: 1rem;
  border-top: 1px solid #E5E5E5;
  flex-shrink: 0;
}
.canta-sidebar__user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.canta-sidebar__avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-color: #F5F5F5;
  border-radius: 9999px;
  overflow: hidden;
}
.canta-sidebar__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-sidebar__user-info {
  flex: 1;
  overflow: hidden;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-sidebar__user-name {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.canta-sidebar__user-role {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.canta-sidebar--collapsed {
  width: 72px;
}
.canta-sidebar--collapsed .canta-sidebar__brand-text,
.canta-sidebar--collapsed .canta-sidebar__link-text,
.canta-sidebar--collapsed .canta-sidebar__link-badge,
.canta-sidebar--collapsed .canta-sidebar__nav-title,
.canta-sidebar--collapsed .canta-sidebar__user-info,
.canta-sidebar--collapsed .canta-sidebar__submenu-toggle {
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.canta-sidebar--collapsed .canta-sidebar__toggle-icon {
  transform: rotate(180deg);
}
.canta-sidebar--collapsed .canta-sidebar__header {
  justify-content: center;
  padding: 1rem 0.5rem;
}
.canta-sidebar--collapsed .canta-sidebar__brand {
  justify-content: center;
}
.canta-sidebar--collapsed .canta-sidebar__content {
  padding: 0.5rem;
}
.canta-sidebar--collapsed .canta-sidebar__link {
  justify-content: center;
  padding: 0.75rem;
}
.canta-sidebar--collapsed .canta-sidebar__footer {
  padding: 1rem 0.5rem;
}
.canta-sidebar--collapsed .canta-sidebar__user {
  justify-content: center;
}
.canta-sidebar--collapsed .canta-sidebar__submenu {
  display: none;
}
.canta-sidebar--collapsed .canta-sidebar__link {
  position: relative;
}
.canta-sidebar--collapsed .canta-sidebar__link::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  white-space: nowrap;
  background-color: #262626;
  color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1070;
}
.canta-sidebar--collapsed .canta-sidebar__link:hover::after {
  opacity: 1;
  visibility: visible;
}
.canta-sidebar--dark {
  background-color: #262626;
  border-right-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__header {
  border-bottom-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__brand-text,
.canta-sidebar--dark .canta-sidebar__link,
.canta-sidebar--dark .canta-sidebar__user-name {
  color: #F5F5F5;
}
.canta-sidebar--dark .canta-sidebar__nav-title,
.canta-sidebar--dark .canta-sidebar__user-role {
  color: #999999;
}
.canta-sidebar--dark .canta-sidebar__link:hover {
  background-color: #525252;
  color: #FFFFFF;
}
.canta-sidebar--dark .canta-sidebar__link--active {
  background-color: rgba(0, 80, 242, 0.15);
  color: #FFFFFF;
}
.canta-sidebar--dark .canta-sidebar__submenu-link {
  color: #D4D4D4;
  border-left-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__submenu-link:hover {
  color: #FFFFFF;
  border-left-color: #999999;
  background-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__submenu-link--active {
  color: #FFFFFF;
  border-left-color: #0050F2;
}
.canta-sidebar--dark .canta-sidebar__divider {
  background-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__footer {
  border-top-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__toggle {
  background-color: #262626;
  border-color: #737373;
}
.canta-sidebar--dark .canta-sidebar__toggle:hover {
  background-color: #525252;
}
.canta-sidebar--dark .canta-sidebar__toggle-icon {
  border-right-color: #D4D4D4;
}
.canta-sidebar--blue .canta-sidebar__link--active {
  background-color: rgba(0, 80, 242, 0.08);
  color: #0050F2;
}
.canta-sidebar--blue .canta-sidebar__submenu-link--active {
  border-left-color: #0050F2;
  color: #0050F2;
}
.canta-sidebar--magenta .canta-sidebar__link--active {
  background-color: rgba(255, 50, 100, 0.08);
  color: #FF3264;
}
.canta-sidebar--magenta .canta-sidebar__submenu-link--active {
  border-left-color: #FF3264;
  color: #FF3264;
}
.canta-sidebar--bordered {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-sidebar--fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
}

.canta-sidebar-layout {
  display: flex;
  min-height: 100vh;
}
.canta-sidebar-layout__sidebar {
  flex-shrink: 0;
}
.canta-sidebar-layout__main {
  flex: 1;
  min-width: 0;
}

.canta-sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1029;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-sidebar-overlay--open {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .canta-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    transform: translateX(-100%);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  }
  .canta-sidebar--open {
    transform: translateX(0);
  }
  .canta-sidebar--collapsed {
    width: 280px;
  }
  .canta-sidebar--collapsed .canta-sidebar__brand-text,
  .canta-sidebar--collapsed .canta-sidebar__link-text,
  .canta-sidebar--collapsed .canta-sidebar__link-badge,
  .canta-sidebar--collapsed .canta-sidebar__nav-title,
  .canta-sidebar--collapsed .canta-sidebar__user-info,
  .canta-sidebar--collapsed .canta-sidebar__submenu-toggle {
    opacity: 1;
    width: auto;
  }
  .canta-sidebar--collapsed .canta-sidebar__toggle-icon {
    transform: rotate(0deg);
  }
  .canta-sidebar--collapsed .canta-sidebar__header {
    justify-content: space-between;
    padding: 1rem;
  }
  .canta-sidebar--collapsed .canta-sidebar__brand {
    justify-content: flex-start;
  }
  .canta-sidebar--collapsed .canta-sidebar__content {
    padding: 1rem;
  }
  .canta-sidebar--collapsed .canta-sidebar__link {
    justify-content: flex-start;
  }
  .canta-sidebar--collapsed .canta-sidebar__link::after {
    display: none;
  }
  .canta-sidebar--collapsed .canta-sidebar__footer {
    padding: 1rem;
  }
  .canta-sidebar--collapsed .canta-sidebar__user {
    justify-content: flex-start;
  }
}
.canta-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.canta-pagination__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.canta-pagination__item {
  display: flex;
}
.canta-pagination__link {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-pagination__link:focus {
  outline: none;
}
.canta-pagination__link {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-pagination__link:hover:not(:disabled) {
  background-color: #FFFFFF;
  border-color: #D4D4D4;
  color: #000000;
}
.canta-pagination__link:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-pagination__link:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.canta-pagination__link:active:not(:disabled) {
  background-color: #F5F5F5;
}
.canta-pagination__link--active {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: #0050F2;
}
.canta-pagination__link--active:hover:not(:disabled) {
  background-color: #0043CC;
  border-color: #0043CC;
  color: #FFFFFF;
}
.canta-pagination__prev, .canta-pagination__first, .canta-pagination__last, .canta-pagination__next {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-pagination__prev:focus, .canta-pagination__first:focus, .canta-pagination__last:focus, .canta-pagination__next:focus {
  outline: none;
}
.canta-pagination__prev, .canta-pagination__first, .canta-pagination__last, .canta-pagination__next {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 40px;
  height: 40px;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: #525252;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
}
.canta-pagination__prev:hover:not(:disabled), .canta-pagination__first:hover:not(:disabled), .canta-pagination__last:hover:not(:disabled), .canta-pagination__next:hover:not(:disabled) {
  background-color: #FFFFFF;
  border-color: #D4D4D4;
  color: #000000;
}
.canta-pagination__prev:focus-visible, .canta-pagination__first:focus-visible, .canta-pagination__last:focus-visible, .canta-pagination__next:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-pagination__prev:disabled, .canta-pagination__first:disabled, .canta-pagination__last:disabled, .canta-pagination__next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.canta-pagination__prev:active:not(:disabled), .canta-pagination__first:active:not(:disabled), .canta-pagination__last:active:not(:disabled), .canta-pagination__next:active:not(:disabled) {
  background-color: #F5F5F5;
}
.canta-pagination__prev-icon, .canta-pagination__next-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}
.canta-pagination__prev-icon svg, .canta-pagination__next-icon svg {
  width: 100%;
  height: 100%;
}
.canta-pagination__prev-icon::before, .canta-pagination__next-icon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.canta-pagination__prev-icon::before {
  border-right: 6px solid currentColor;
}
.canta-pagination__next-icon::before {
  border-left: 6px solid currentColor;
}
.canta-pagination__first-icon, .canta-pagination__last-icon {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.canta-pagination__first-icon::before, .canta-pagination__first-icon::after, .canta-pagination__last-icon::before, .canta-pagination__last-icon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.canta-pagination__first-icon::before, .canta-pagination__first-icon::after {
  border-right: 5px solid currentColor;
}
.canta-pagination__last-icon::before, .canta-pagination__last-icon::after {
  border-left: 5px solid currentColor;
}
.canta-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #999999;
  user-select: none;
}
.canta-pagination__ellipsis::before {
  content: "...";
}
.canta-pagination__info {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0 1rem;
  color: #737373;
  white-space: nowrap;
}
.canta-pagination__info-current {
  font-weight: 600;
  color: #000000;
}
.canta-pagination--simple .canta-pagination__list {
  display: none;
}
.canta-pagination--bordered {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  background-color: #FFFFFF;
}
.canta-pagination--shadowed .canta-pagination__link,
.canta-pagination--shadowed .canta-pagination__prev,
.canta-pagination--shadowed .canta-pagination__first,
.canta-pagination--shadowed .canta-pagination__last,
.canta-pagination--shadowed .canta-pagination__next {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-pagination--shadowed .canta-pagination__link:hover:not(:disabled),
.canta-pagination--shadowed .canta-pagination__prev:hover:not(:disabled),
.canta-pagination--shadowed .canta-pagination__first:hover:not(:disabled),
.canta-pagination--shadowed .canta-pagination__last:hover:not(:disabled),
.canta-pagination--shadowed .canta-pagination__next:hover:not(:disabled) {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-pagination--compact {
  gap: 0;
}
.canta-pagination--compact .canta-pagination__list {
  gap: 0;
}
.canta-pagination--compact .canta-pagination__link,
.canta-pagination--compact .canta-pagination__prev,
.canta-pagination--compact .canta-pagination__first,
.canta-pagination--compact .canta-pagination__last,
.canta-pagination--compact .canta-pagination__next,
.canta-pagination--compact .canta-pagination__ellipsis {
  border-radius: 0;
}
.canta-pagination--compact .canta-pagination__link:not(:first-child),
.canta-pagination--compact .canta-pagination__prev:not(:first-child),
.canta-pagination--compact .canta-pagination__first:not(:first-child),
.canta-pagination--compact .canta-pagination__last:not(:first-child),
.canta-pagination--compact .canta-pagination__next:not(:first-child),
.canta-pagination--compact .canta-pagination__ellipsis:not(:first-child) {
  margin-left: -1px;
}
.canta-pagination--compact .canta-pagination__link:first-child,
.canta-pagination--compact .canta-pagination__prev,
.canta-pagination--compact .canta-pagination__first,
.canta-pagination--compact .canta-pagination__last {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.canta-pagination--compact .canta-pagination__link:last-child,
.canta-pagination--compact .canta-pagination__next {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.canta-pagination--blue .canta-pagination__link--active {
  background-color: #0050F2;
  border-color: #0050F2;
}
.canta-pagination--magenta .canta-pagination__link--active {
  background-color: #FF3264;
  border-color: #FF3264;
}
.canta-pagination--dark .canta-pagination__link,
.canta-pagination--dark .canta-pagination__prev,
.canta-pagination--dark .canta-pagination__first,
.canta-pagination--dark .canta-pagination__last,
.canta-pagination--dark .canta-pagination__next {
  background-color: #262626;
  color: #E5E5E5;
  border-color: #525252;
}
.canta-pagination--dark .canta-pagination__link:hover:not(:disabled),
.canta-pagination--dark .canta-pagination__prev:hover:not(:disabled),
.canta-pagination--dark .canta-pagination__first:hover:not(:disabled),
.canta-pagination--dark .canta-pagination__last:hover:not(:disabled),
.canta-pagination--dark .canta-pagination__next:hover:not(:disabled) {
  background-color: #525252;
  color: #FFFFFF;
}
.canta-pagination--dark .canta-pagination__link--active {
  background-color: #FFFFFF;
  color: #000000;
  border-color: #FFFFFF;
}
.canta-pagination--dark .canta-pagination__ellipsis {
  color: #999999;
}
.canta-pagination--dark .canta-pagination__info {
  color: #D4D4D4;
}
.canta-pagination--dark .canta-pagination__info-current {
  color: #FFFFFF;
}
.canta-pagination--sm {
  gap: 0.25rem;
}
.canta-pagination--sm .canta-pagination__list {
  gap: 0.25rem;
}
.canta-pagination--sm .canta-pagination__link,
.canta-pagination--sm .canta-pagination__prev,
.canta-pagination--sm .canta-pagination__first,
.canta-pagination--sm .canta-pagination__last,
.canta-pagination--sm .canta-pagination__next,
.canta-pagination--sm .canta-pagination__ellipsis {
  min-width: 32px;
  height: 32px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.canta-pagination--sm .canta-pagination__prev, .canta-pagination--sm .canta-pagination__first, .canta-pagination--sm .canta-pagination__last,
.canta-pagination--sm .canta-pagination__next {
  padding: 0.25rem 0.5rem;
}
.canta-pagination--lg {
  gap: 0.5rem;
}
.canta-pagination--lg .canta-pagination__list {
  gap: 0.5rem;
}
.canta-pagination--lg .canta-pagination__link,
.canta-pagination--lg .canta-pagination__prev,
.canta-pagination--lg .canta-pagination__first,
.canta-pagination--lg .canta-pagination__last,
.canta-pagination--lg .canta-pagination__next,
.canta-pagination--lg .canta-pagination__ellipsis {
  min-width: 48px;
  height: 48px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.canta-pagination--lg .canta-pagination__prev, .canta-pagination--lg .canta-pagination__first, .canta-pagination--lg .canta-pagination__last,
.canta-pagination--lg .canta-pagination__next {
  padding: 0.75rem 1.25rem;
}
.canta-pagination--left {
  justify-content: flex-start;
}
.canta-pagination--right {
  justify-content: flex-end;
}
.canta-pagination--between {
  justify-content: space-between;
}

.canta-pagination-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.canta-pagination-controls__info {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #737373;
}
.canta-pagination-controls__info-highlight {
  font-weight: 600;
  color: #000000;
}
.canta-pagination-controls__size {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.canta-pagination-controls__size-label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #737373;
}
.canta-pagination-controls__size-select {
  padding: 0.5rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
}
.canta-pagination-controls__size-select:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .canta-pagination {
    flex-wrap: wrap;
  }
  .canta-pagination__list {
    display: none;
  }
  .canta-pagination__info {
    order: -1;
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
  }
  .canta-pagination--mobile-full .canta-pagination__list {
    display: flex;
    order: 0;
    width: 100%;
    justify-content: center;
    margin-top: 0.5rem;
  }
  .canta-pagination--mobile-full .canta-pagination__ellipsis {
    display: none;
  }
  .canta-pagination-controls {
    flex-direction: column;
    align-items: center;
  }
  .canta-pagination-controls__info, .canta-pagination-controls__size {
    text-align: center;
  }
}
.canta-alert {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-left: 4px solid #D4D4D4;
  border-radius: 8px;
}
.canta-alert__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.canta-alert__icon svg {
  width: 100%;
  height: 100%;
}
.canta-alert__content {
  flex: 1;
  min-width: 0;
}
.canta-alert__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.canta-alert__message {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #525252;
}
.canta-alert__close {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-alert__close:focus {
  outline: none;
}
.canta-alert__close {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: #999999;
}
.canta-alert__close svg {
  width: 16px;
  height: 16px;
}
.canta-alert__close:hover {
  background-color: #F5F5F5;
  color: #525252;
}
.canta-alert__close:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-alert__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.canta-alert--success {
  background-color: #DCFCE7;
  border-color: rgba(34, 197, 94, 0.3);
  border-left-color: #22C55E;
}
.canta-alert--success .canta-alert__icon {
  color: #22C55E;
}
.canta-alert--success .canta-alert__title {
  color: #15803D;
}
.canta-alert--success .canta-alert__close:hover {
  background-color: rgba(34, 197, 94, 0.15);
}
.canta-alert--error, .canta-alert--danger {
  background-color: #FFE4E9;
  border-color: rgba(255, 50, 100, 0.3);
  border-left-color: #FF3264;
}
.canta-alert--error .canta-alert__icon, .canta-alert--danger .canta-alert__icon {
  color: #FF3264;
}
.canta-alert--error .canta-alert__title, .canta-alert--danger .canta-alert__title {
  color: #BE123C;
}
.canta-alert--error .canta-alert__close:hover, .canta-alert--danger .canta-alert__close:hover {
  background-color: rgba(255, 50, 100, 0.15);
}
.canta-alert--warning {
  background-color: #FEF9C3;
  border-color: rgba(234, 179, 8, 0.3);
  border-left-color: #EAB308;
}
.canta-alert--warning .canta-alert__icon {
  color: #EAB308;
}
.canta-alert--warning .canta-alert__title {
  color: #A16207;
}
.canta-alert--warning .canta-alert__close:hover {
  background-color: rgba(234, 179, 8, 0.15);
}
.canta-alert--info {
  background-color: #DBEAFE;
  border-color: rgba(0, 80, 242, 0.3);
  border-left-color: #0050F2;
}
.canta-alert--info .canta-alert__icon {
  color: #0050F2;
}
.canta-alert--info .canta-alert__title {
  color: #1D4ED8;
}
.canta-alert--info .canta-alert__close:hover {
  background-color: rgba(0, 80, 242, 0.15);
}
.canta-alert--amber {
  background-color: rgba(245, 158, 11, 0.06);
  border-color: rgba(245, 158, 11, 0.3);
  border-left-color: #F59E0B;
  color: #92400E;
}
.canta-alert--amber .canta-alert__icon {
  color: #F59E0B;
}
.canta-alert--amber .canta-alert__title {
  color: #A16207;
}
.canta-alert--amber .canta-alert__close:hover {
  background-color: rgba(245, 158, 11, 0.15);
}
.canta-alert--blue {
  background-color: rgba(0, 80, 242, 0.06);
  border-color: rgba(0, 80, 242, 0.3);
  border-left-color: #0050F2;
}
.canta-alert--blue .canta-alert__icon {
  color: #0050F2;
}
.canta-alert--blue .canta-alert__title {
  color: #1D4ED8;
}
.canta-alert--blue .canta-alert__close:hover {
  background-color: rgba(0, 80, 242, 0.15);
}
.canta-alert--magenta {
  background-color: rgba(255, 50, 100, 0.06);
  border-color: rgba(255, 50, 100, 0.3);
  border-left-color: #FF3264;
}
.canta-alert--magenta .canta-alert__icon {
  color: #FF3264;
}
.canta-alert--magenta .canta-alert__title {
  color: #BE123C;
}
.canta-alert--magenta .canta-alert__close:hover {
  background-color: rgba(255, 50, 100, 0.15);
}
.canta-alert--dismissible {
  padding-right: 3rem;
}
.canta-alert--filled.canta-alert--success {
  background-color: #22C55E;
  color: #FFFFFF;
  border-color: #22C55E;
}
.canta-alert--filled.canta-alert--success .canta-alert__title,
.canta-alert--filled.canta-alert--success .canta-alert__message,
.canta-alert--filled.canta-alert--success .canta-alert__icon {
  color: #FFFFFF;
}
.canta-alert--filled.canta-alert--success .canta-alert__close {
  color: #FFFFFF;
}
.canta-alert--filled.canta-alert--success .canta-alert__close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.canta-alert--filled.canta-alert--error, .canta-alert--filled.canta-alert--danger {
  background-color: #FF3264;
  color: #FFFFFF;
  border-color: #FF3264;
}
.canta-alert--filled.canta-alert--error .canta-alert__title, .canta-alert--filled.canta-alert--danger .canta-alert__title,
.canta-alert--filled.canta-alert--error .canta-alert__message,
.canta-alert--filled.canta-alert--danger .canta-alert__message,
.canta-alert--filled.canta-alert--error .canta-alert__icon,
.canta-alert--filled.canta-alert--danger .canta-alert__icon {
  color: #FFFFFF;
}
.canta-alert--filled.canta-alert--error .canta-alert__close, .canta-alert--filled.canta-alert--danger .canta-alert__close {
  color: #FFFFFF;
}
.canta-alert--filled.canta-alert--error .canta-alert__close:hover, .canta-alert--filled.canta-alert--danger .canta-alert__close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.canta-alert--filled.canta-alert--warning {
  background-color: #EAB308;
  color: #000000;
  border-color: #EAB308;
}
.canta-alert--filled.canta-alert--warning .canta-alert__title,
.canta-alert--filled.canta-alert--warning .canta-alert__message,
.canta-alert--filled.canta-alert--warning .canta-alert__icon {
  color: #000000;
}
.canta-alert--filled.canta-alert--warning .canta-alert__close {
  color: #000000;
}
.canta-alert--filled.canta-alert--warning .canta-alert__close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.canta-alert--filled.canta-alert--info {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: #0050F2;
}
.canta-alert--filled.canta-alert--info .canta-alert__title,
.canta-alert--filled.canta-alert--info .canta-alert__message,
.canta-alert--filled.canta-alert--info .canta-alert__icon {
  color: #FFFFFF;
}
.canta-alert--filled.canta-alert--info .canta-alert__close {
  color: #FFFFFF;
}
.canta-alert--filled.canta-alert--info .canta-alert__close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.canta-alert--bordered {
  border-width: 0;
  border-left-width: 4px;
  box-shadow: none;
  background-color: #FFFFFF;
  border-radius: 8px;
}
.canta-alert--bordered.canta-alert--success {
  border-left-color: #22C55E;
}
.canta-alert--bordered.canta-alert--error, .canta-alert--bordered.canta-alert--danger {
  border-left-color: #FF3264;
}
.canta-alert--bordered.canta-alert--warning {
  border-left-color: #EAB308;
}
.canta-alert--bordered.canta-alert--info {
  border-left-color: #0050F2;
}
.canta-alert--compact {
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
}
.canta-alert--compact .canta-alert__icon {
  width: 20px;
  height: 20px;
}
.canta-alert--compact .canta-alert__title {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.canta-alert--compact .canta-alert__message {
  font-size: 0.75rem;
}
.canta-alert--compact.canta-alert--dismissible {
  padding-right: 2.5rem;
}
.canta-alert--compact .canta-alert__close {
  top: 0.5rem;
  right: 0.5rem;
  width: 24px;
  height: 24px;
}
.canta-alert--compact .canta-alert__close svg {
  width: 14px;
  height: 14px;
}
.canta-alert--neo-brutal {
  border: 1px solid #D4D4D4;
  border-left-width: 3px;
  border-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.canta-alert--neo-brutal .canta-alert__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-weight: 700;
}

@keyframes canta-alert-enter {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes canta-alert-exit {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.canta-alert--enter {
  animation: canta-alert-enter 200ms cubic-bezier(0.4, 0, 0.2, 1) ease-out;
}

.canta-alert--exit {
  animation: canta-alert-exit 200ms cubic-bezier(0.4, 0, 0.2, 1) ease-in;
}

.canta-toast-container {
  position: fixed;
  z-index: 1080;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  pointer-events: none;
  max-width: 420px;
  width: 100%;
}
.canta-toast-container--top-right {
  top: 0;
  right: 0;
}
.canta-toast-container--top-left {
  top: 0;
  left: 0;
}
.canta-toast-container--top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.canta-toast-container--bottom-right {
  bottom: 0;
  right: 0;
}
.canta-toast-container--bottom-left {
  bottom: 0;
  left: 0;
}
.canta-toast-container--bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.canta-toast {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  pointer-events: auto;
  overflow: hidden;
}
.canta-toast__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.canta-toast__icon svg {
  width: 100%;
  height: 100%;
}
.canta-toast__content {
  flex: 1;
  min-width: 0;
}
.canta-toast__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #000000;
}
.canta-toast__message {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #737373;
}
.canta-toast__close {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-toast__close:focus {
  outline: none;
}
.canta-toast__close {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: -0.25rem -0.25rem 0 0;
  border-radius: 6px;
  color: #D4D4D4;
}
.canta-toast__close svg {
  width: 16px;
  height: 16px;
}
.canta-toast__close:hover {
  background-color: #F5F5F5;
  color: #525252;
}
.canta-toast__close:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-toast__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.canta-toast__action {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-toast__action:focus {
  outline: none;
}
.canta-toast__action {
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  color: #000000;
}
.canta-toast__action:hover {
  background-color: #FFFFFF;
}
.canta-toast__action:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-toast__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 0 0 8px 8px;
  background-color: #D4D4D4;
  animation: canta-toast-progress linear forwards;
}
.canta-toast--success {
  border-left: 4px solid #22C55E;
}
.canta-toast--success .canta-toast__icon {
  color: #22C55E;
}
.canta-toast--success .canta-toast__progress {
  background-color: #22C55E;
}
.canta-toast--error {
  border-left: 4px solid #FF3264;
}
.canta-toast--error .canta-toast__icon {
  color: #FF3264;
}
.canta-toast--error .canta-toast__progress {
  background-color: #FF3264;
}
.canta-toast--warning, .canta-toast--amber {
  border-left: 4px solid #F59E0B;
}
.canta-toast--warning .canta-toast__icon, .canta-toast--amber .canta-toast__icon {
  color: #F59E0B;
}
.canta-toast--warning .canta-toast__progress, .canta-toast--amber .canta-toast__progress {
  background-color: #F59E0B;
}
.canta-toast--info {
  border-left: 4px solid #0050F2;
}
.canta-toast--info .canta-toast__icon {
  color: #0050F2;
}
.canta-toast--info .canta-toast__progress {
  background-color: #0050F2;
}
.canta-toast--dark {
  background-color: #262626;
  border-color: #525252;
}
.canta-toast--dark .canta-toast__title {
  color: #FFFFFF;
}
.canta-toast--dark .canta-toast__message {
  color: #D4D4D4;
}
.canta-toast--dark .canta-toast__close {
  color: #D4D4D4;
}
.canta-toast--dark .canta-toast__close:hover {
  background-color: #525252;
  color: #FFFFFF;
}
.canta-toast--dark .canta-toast__action {
  color: #FFFFFF;
  border-color: #737373;
}
.canta-toast--dark .canta-toast__action:hover {
  background-color: #525252;
}
.canta-toast--dark .canta-toast__progress {
  background-color: #FFFFFF;
}
.canta-toast--compact {
  padding: 0.75rem;
  gap: 0.5rem;
}
.canta-toast--compact .canta-toast__icon {
  width: 20px;
  height: 20px;
}
.canta-toast--compact .canta-toast__title {
  font-size: 0.75rem;
}
.canta-toast--compact .canta-toast__message {
  font-size: 0.75rem;
}

@keyframes canta-toast-enter-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes canta-toast-enter-left {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes canta-toast-enter-top {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes canta-toast-enter-bottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes canta-toast-exit-right {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes canta-toast-exit-left {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes canta-toast-progress {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
.canta-toast--enter-right {
  animation: canta-toast-enter-right 0.3s ease-out;
}

.canta-toast--enter-left {
  animation: canta-toast-enter-left 0.3s ease-out;
}

.canta-toast--enter-top {
  animation: canta-toast-enter-top 0.3s ease-out;
}

.canta-toast--enter-bottom {
  animation: canta-toast-enter-bottom 0.3s ease-out;
}

.canta-toast--exit-right {
  animation: canta-toast-exit-right 0.2s ease-in forwards;
}

.canta-toast--exit-left {
  animation: canta-toast-exit-left 0.2s ease-in forwards;
}

.canta-toast--duration-3000 .canta-toast__progress {
  animation-duration: 3000ms;
}

.canta-toast--duration-5000 .canta-toast__progress {
  animation-duration: 5000ms;
}

.canta-toast--duration-7000 .canta-toast__progress {
  animation-duration: 7000ms;
}

.canta-toast--duration-10000 .canta-toast__progress {
  animation-duration: 10000ms;
}

.canta-toast:hover .canta-toast__progress {
  animation-play-state: paused;
}

.canta-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}
.canta-modal-backdrop--light {
  background-color: rgba(255, 255, 255, 0.85);
}
.canta-modal-backdrop--dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.canta-modal-backdrop--blur {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
}
.canta-modal-backdrop--pattern {
  background-color: rgba(0, 0, 0, 0.85);
  background-image: linear-gradient(45deg, rgba(0, 80, 242, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 80, 242, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 80, 242, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 80, 242, 0.1) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}

.canta-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
}
.canta-modal-overlay .canta-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  inset: auto;
  z-index: auto;
  padding: 0;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 2rem);
}
.canta-modal-overlay .canta-modal.canta-modal--sm {
  max-width: 400px;
}
.canta-modal-overlay .canta-modal.canta-modal--lg {
  max-width: 800px;
}
.canta-modal-overlay .canta-modal.canta-modal--xl {
  max-width: 1140px;
}

.canta-modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overflow-y: auto;
}
.canta-modal--open {
  display: flex;
}
.canta-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
  cursor: pointer;
}
.canta-modal__dialog {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.canta-modal__dialog::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.canta-modal__dialog::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 4px;
}
.canta-modal__dialog::-webkit-scrollbar-thumb {
  background: #D4D4D4;
  border-radius: 4px;
}
.canta-modal__dialog::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
.canta-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 2rem);
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  overflow: hidden;
}
.canta-modal[style*="position: relative"], .canta-modal[style*="position:relative"] {
  position: relative;
  display: flex;
  flex-direction: column;
  inset: auto;
  z-index: auto;
  padding: 0;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.canta-modal--sm .canta-modal__dialog {
  max-width: 400px;
}
.canta-modal--md .canta-modal__dialog {
  max-width: 560px;
}
.canta-modal--lg .canta-modal__dialog {
  max-width: 800px;
}
.canta-modal--xl .canta-modal__dialog {
  max-width: 1140px;
}
.canta-modal--full .canta-modal__dialog {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  width: 100%;
  height: 100%;
}
.canta-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #E5E5E5;
  background-color: #FFFFFF;
  color: #000000;
  gap: 0.75rem;
}
.canta-modal__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  flex: 1;
  min-width: 0;
}
.canta-modal__close {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-modal__close:focus {
  outline: none;
}
.canta-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin: -0.25rem;
  border-radius: 8px;
  color: #999999;
}
.canta-modal__close svg {
  width: 20px;
  height: 20px;
}
.canta-modal__close:hover {
  background-color: #F5F5F5;
  color: #525252;
}
.canta-modal__close:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-modal__body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
.canta-modal__body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.canta-modal__body::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 4px;
}
.canta-modal__body::-webkit-scrollbar-thumb {
  background: #D4D4D4;
  border-radius: 4px;
}
.canta-modal__body::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
.canta-modal__body {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
  color: #000000;
}
.canta-modal__body .canta-input,
.canta-modal__body .canta-select,
.canta-modal__body .canta-textarea,
.canta-modal__body .canta-picker,
.canta-modal__body .canta-input-wrapper,
.canta-modal__body .canta-input-group,
.canta-modal__body .canta-form-group,
.canta-modal__body input,
.canta-modal__body select,
.canta-modal__body textarea {
  width: 100%;
}
.canta-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #E5E5E5;
  background-color: #FFFFFF;
  border-radius: 0 0 12px 12px;
}
.canta-modal__footer--end {
  justify-content: flex-end;
}
.canta-modal__footer--start {
  justify-content: flex-start;
}
.canta-modal__footer--center {
  justify-content: center;
}
.canta-modal__footer--stack {
  flex-direction: column;
}
.canta-modal__footer--stack .canta-btn {
  width: 100%;
}
.canta-modal__footer--clean {
  background-color: transparent;
  border-top: none;
  padding-top: 0.5rem;
}
.canta-modal--centered .canta-modal__body {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.canta-modal--scrollable .canta-modal__dialog {
  max-height: calc(100vh - 2rem);
}
.canta-modal--scrollable .canta-modal__body {
  overflow-y: auto;
}
.canta-modal--header-primary .canta-modal__header {
  background-color: #0050F2;
  border-bottom-color: #0050F2;
  color: #FFFFFF;
}
.canta-modal--header-primary .canta-modal__header .canta-modal__close {
  color: rgba(255, 255, 255, 0.7);
}
.canta-modal--header-primary .canta-modal__header .canta-modal__close:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}
.canta-modal--header-magenta .canta-modal__header {
  background-color: #FF3264;
  border-bottom-color: #FF3264;
  color: #FFFFFF;
}
.canta-modal--header-magenta .canta-modal__header .canta-modal__close {
  color: rgba(255, 255, 255, 0.7);
}
.canta-modal--header-magenta .canta-modal__header .canta-modal__close:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}
.canta-modal--header-white .canta-modal__header {
  background-color: #FFFFFF;
  border-bottom-color: #E5E5E5;
  color: #000000;
}
.canta-modal--no-padding .canta-modal__body {
  padding: 0;
}
.canta-modal--drawer-right {
  justify-content: flex-end;
  padding: 0;
}
.canta-modal--drawer-right .canta-modal__dialog {
  max-width: 480px;
  height: 100vh;
  max-height: 100vh;
  border-radius: 12px 0 0 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-right: none;
}
.canta-modal--drawer-left {
  justify-content: flex-start;
  padding: 0;
}
.canta-modal--drawer-left .canta-modal__dialog {
  max-width: 480px;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0 12px 12px 0;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-left: none;
}
.canta-modal--confirmation .canta-modal__dialog {
  max-width: 420px;
}
.canta-modal--confirmation .canta-modal__body {
  text-align: center;
  padding: 2rem 1.5rem;
}
.canta-modal--confirmation .canta-modal__footer {
  justify-content: center;
}
.canta-modal--danger .canta-modal__header {
  background-color: #FF3264;
  border-bottom-color: #FF3264;
  color: #FFFFFF;
}
.canta-modal--danger .canta-modal__header .canta-modal__close {
  color: rgba(255, 255, 255, 0.7);
}
.canta-modal--danger .canta-modal__header .canta-modal__close:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}
.canta-modal--neo-brutal .canta-modal__dialog {
  border: 1px solid #D4D4D4;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.canta-modal--neo-brutal .canta-modal__header {
  background-color: #000000;
  color: #FFFFFF;
  border-bottom: 3px solid #000000;
}
.canta-modal--neo-brutal .canta-modal__header .canta-modal__close {
  color: #FFFFFF;
}
.canta-modal--neo-brutal .canta-modal__header .canta-modal__close:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-modal--neo-brutal .canta-modal__title {
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-weight: 700;
}
.canta-modal--neo-brutal .canta-modal__footer {
  border-top: 3px solid #000000;
}

@keyframes canta-modal-backdrop-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes canta-modal-backdrop-exit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes canta-modal-enter {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes canta-modal-exit {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
}
@keyframes canta-modal-drawer-right-enter {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes canta-modal-drawer-right-exit {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes canta-modal-drawer-left-enter {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes canta-modal-drawer-left-exit {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.canta-modal-backdrop--enter {
  animation: canta-modal-backdrop-enter 0.2s ease-out;
}

.canta-modal-backdrop--exit {
  animation: canta-modal-backdrop-exit 0.15s ease-in forwards;
}

.canta-modal__dialog--enter {
  animation: canta-modal-enter 0.3s ease-out;
}

.canta-modal__dialog--exit {
  animation: canta-modal-exit 0.2s ease-in forwards;
}

.canta-modal--drawer-right .canta-modal__dialog--enter {
  animation: canta-modal-drawer-right-enter 0.3s ease-out;
}

.canta-modal--drawer-right .canta-modal__dialog--exit {
  animation: canta-modal-drawer-right-exit 0.2s ease-in forwards;
}

.canta-modal--drawer-left .canta-modal__dialog--enter {
  animation: canta-modal-drawer-left-enter 0.3s ease-out;
}

.canta-modal--drawer-left .canta-modal__dialog--exit {
  animation: canta-modal-drawer-left-exit 0.2s ease-in forwards;
}

body.canta-modal-open {
  overflow: hidden;
  padding-right: var(--canta-scrollbar-width, 0);
}

.canta-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  gap: 0.25rem;
  padding: 2px 0.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 9999px;
  background-color: #F5F5F5;
  color: #525252;
}
.canta-badge--primary {
  background-color: #000000;
  color: #FFFFFF;
}
.canta-badge--secondary {
  background-color: rgba(0, 80, 242, 0.1);
  color: #0050F2;
}
.canta-badge--magenta {
  background-color: rgba(255, 50, 100, 0.1);
  color: #FF3264;
}
.canta-badge--amber {
  background-color: rgba(245, 158, 11, 0.1);
  color: #92400E;
}
.canta-badge--gray {
  background-color: #F5F5F5;
  color: #525252;
}
.canta-badge--white {
  background-color: #FFFFFF;
  color: #525252;
  border-color: #E5E5E5;
}
.canta-badge--success {
  background-color: #DCFCE7;
  color: #15803D;
}
.canta-badge--error, .canta-badge--danger {
  background-color: #FFE4E9;
  color: #BE123C;
}
.canta-badge--warning {
  background-color: #FEF9C3;
  color: #A16207;
}
.canta-badge--info {
  background-color: #DBEAFE;
  color: #1D4ED8;
}
.canta-badge--filled.canta-badge--primary {
  background-color: #000000;
  color: #FFFFFF;
}
.canta-badge--filled.canta-badge--secondary {
  background-color: #0050F2;
  color: #FFFFFF;
}
.canta-badge--filled.canta-badge--success {
  background-color: #22C55E;
  color: #FFFFFF;
}
.canta-badge--filled.canta-badge--error, .canta-badge--filled.canta-badge--danger {
  background-color: #FF3264;
  color: #FFFFFF;
}
.canta-badge--filled.canta-badge--warning, .canta-badge--filled.canta-badge--amber {
  background-color: #F59E0B;
  color: #000000;
}
.canta-badge--filled.canta-badge--info {
  background-color: #0050F2;
  color: #FFFFFF;
}
.canta-badge--filled.canta-badge--magenta {
  background-color: #FF3264;
  color: #FFFFFF;
}
.canta-badge--outline {
  background-color: transparent;
}
.canta-badge--outline.canta-badge--primary {
  color: #000000;
  border-color: #000000;
}
.canta-badge--outline.canta-badge--secondary {
  color: #0050F2;
  border-color: #0050F2;
}
.canta-badge--outline.canta-badge--magenta {
  color: #FF3264;
  border-color: #FF3264;
}
.canta-badge--outline.canta-badge--amber, .canta-badge--outline.canta-badge--warning {
  color: #A16207;
  border-color: #EAB308;
}
.canta-badge--outline.canta-badge--success {
  color: #15803D;
  border-color: #22C55E;
}
.canta-badge--outline.canta-badge--error, .canta-badge--outline.canta-badge--danger {
  color: #BE123C;
  border-color: #FF3264;
}
.canta-badge--outline.canta-badge--info {
  color: #1D4ED8;
  border-color: #0050F2;
}
.canta-badge--xs {
  padding: 1px 0.25rem;
  font-size: 10px;
}
.canta-badge--sm {
  padding: 2px 0.5rem;
  font-size: 0.75rem;
}
.canta-badge--md {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.canta-badge--lg {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.canta-badge--dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
  border-width: 0;
}
.canta-badge--dot.canta-badge--xs {
  width: 6px;
  height: 6px;
}
.canta-badge--dot.canta-badge--sm {
  width: 8px;
  height: 8px;
}
.canta-badge--dot.canta-badge--md {
  width: 10px;
  height: 10px;
}
.canta-badge--dot.canta-badge--lg {
  width: 12px;
  height: 12px;
}
.canta-badge--pill {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.canta-badge--pill.canta-badge--xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.canta-badge--pill.canta-badge--lg {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.canta-badge__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}
.canta-badge__icon svg {
  width: 100%;
  height: 100%;
}
.canta-badge__text {
  line-height: 1;
}
.canta-badge__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.2em;
  padding: 0 0.3em;
  margin-left: 0.25rem;
  font-size: 0.85em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 9999px;
}
.canta-badge--removable {
  padding-right: 0.25rem;
}
.canta-badge__remove {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-badge__remove:focus {
  outline: none;
}
.canta-badge__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 16px;
  height: 16px;
  margin-left: 0.25rem;
  border-radius: 9999px;
  opacity: 0.7;
}
.canta-badge__remove svg {
  width: 10px;
  height: 10px;
}
.canta-badge__remove:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}
.canta-badge__remove:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-badge--interactive {
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.canta-badge--interactive:hover {
  filter: brightness(0.95);
}
.canta-badge--interactive:active {
  filter: brightness(0.9);
}
.canta-badge--interactive:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-badge--pulse {
  position: relative;
}
.canta-badge--pulse::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background-color: inherit;
  opacity: 0;
  animation: canta-badge-pulse 2s infinite;
}
.canta-badge--neo-brutal {
  border: 2px solid #000000;
  border-radius: 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.canta-badge-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.canta-badge-group--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.canta-badge-group--compact {
  gap: 0.25rem;
}

.canta-badge-container {
  position: relative;
  display: inline-flex;
}

.canta-badge--positioned {
  position: absolute;
}
.canta-badge--positioned.canta-badge--top-right {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.canta-badge--positioned.canta-badge--top-left {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.canta-badge--positioned.canta-badge--bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
.canta-badge--positioned.canta-badge--bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

@keyframes canta-badge-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes canta-badge-enter {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.canta-badge--enter {
  animation: canta-badge-enter 0.2s ease-out;
}

.canta-progress {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #F5F5F5;
  border-radius: 9999px;
  overflow: hidden;
}
.canta-progress__bar {
  height: 100%;
  background-color: #0050F2;
  border-radius: 9999px;
  transition: width 0.3s ease-out;
}
.canta-progress__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #000000;
  z-index: 1;
  mix-blend-mode: difference;
}
.canta-progress__value {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #000000;
  mix-blend-mode: difference;
}
.canta-progress--primary .canta-progress__bar {
  background-color: #0050F2;
}
.canta-progress--secondary .canta-progress__bar {
  background-color: #000000;
}
.canta-progress--magenta .canta-progress__bar {
  background-color: #FF3264;
}
.canta-progress--success .canta-progress__bar {
  background-color: #22C55E;
}
.canta-progress--error .canta-progress__bar {
  background-color: #FF3264;
}
.canta-progress--danger .canta-progress__bar {
  background-color: #FF3264;
}
.canta-progress--amber .canta-progress__bar, .canta-progress--warning .canta-progress__bar {
  background-color: #F59E0B;
}
.canta-progress--info .canta-progress__bar {
  background-color: #0050F2;
}
.canta-progress--xs {
  height: 4px;
}
.canta-progress--xs .canta-progress__label,
.canta-progress--xs .canta-progress__value {
  display: none;
}
.canta-progress--sm {
  height: 8px;
}
.canta-progress--sm .canta-progress__label,
.canta-progress--sm .canta-progress__value {
  display: none;
}
.canta-progress--md {
  height: 16px;
}
.canta-progress--md .canta-progress__label,
.canta-progress--md .canta-progress__value {
  font-size: 10px;
}
.canta-progress--lg {
  height: 24px;
}
.canta-progress--lg .canta-progress__label,
.canta-progress--lg .canta-progress__value {
  font-size: 0.75rem;
}
.canta-progress--xl {
  height: 32px;
}
.canta-progress--xl .canta-progress__label,
.canta-progress--xl .canta-progress__value {
  font-size: 0.875rem;
}
.canta-progress--striped .canta-progress__bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.canta-progress--animated .canta-progress__bar {
  animation: canta-progress-stripes 1s linear infinite;
}
.canta-progress--indeterminate .canta-progress__bar {
  width: 30% !important;
  animation: canta-progress-indeterminate 1.5s ease-in-out infinite;
}
.canta-progress--segmented {
  background: repeating-linear-gradient(90deg, #F5F5F5 0, #F5F5F5 calc(10% - 2px), #FFFFFF calc(10% - 2px), #FFFFFF 10%);
}

.canta-progress-circular {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.canta-progress-circular__svg {
  transform: rotate(-90deg);
}
.canta-progress-circular__track {
  fill: none;
  stroke: #F5F5F5;
  stroke-width: 6;
}
.canta-progress-circular__bar {
  fill: none;
  stroke: #0050F2;
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease-out;
}
.canta-progress-circular__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
}
.canta-progress-circular__sublabel {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #737373;
}
.canta-progress-circular--xs {
  width: 32px;
  height: 32px;
}
.canta-progress-circular--xs .canta-progress-circular__track,
.canta-progress-circular--xs .canta-progress-circular__bar {
  stroke-width: 4;
}
.canta-progress-circular--xs .canta-progress-circular__label {
  display: none;
}
.canta-progress-circular--sm {
  width: 48px;
  height: 48px;
}
.canta-progress-circular--sm .canta-progress-circular__track,
.canta-progress-circular--sm .canta-progress-circular__bar {
  stroke-width: 5;
}
.canta-progress-circular--sm .canta-progress-circular__label {
  font-size: 0.75rem;
}
.canta-progress-circular--md {
  width: 80px;
  height: 80px;
}
.canta-progress-circular--md .canta-progress-circular__label {
  font-size: 1rem;
}
.canta-progress-circular--lg {
  width: 120px;
  height: 120px;
}
.canta-progress-circular--lg .canta-progress-circular__track,
.canta-progress-circular--lg .canta-progress-circular__bar {
  stroke-width: 8;
}
.canta-progress-circular--lg .canta-progress-circular__label {
  font-size: 1.25rem;
}
.canta-progress-circular--xl {
  width: 160px;
  height: 160px;
}
.canta-progress-circular--xl .canta-progress-circular__track,
.canta-progress-circular--xl .canta-progress-circular__bar {
  stroke-width: 10;
}
.canta-progress-circular--xl .canta-progress-circular__label {
  font-size: 1.5rem;
}
.canta-progress-circular--primary .canta-progress-circular__bar {
  stroke: #0050F2;
}
.canta-progress-circular--secondary .canta-progress-circular__bar {
  stroke: #000000;
}
.canta-progress-circular--magenta .canta-progress-circular__bar {
  stroke: #FF3264;
}
.canta-progress-circular--amber .canta-progress-circular__bar, .canta-progress-circular--warning .canta-progress-circular__bar {
  stroke: #F59E0B;
}
.canta-progress-circular--success .canta-progress-circular__bar {
  stroke: #22C55E;
}
.canta-progress-circular--error .canta-progress-circular__bar, .canta-progress-circular--danger .canta-progress-circular__bar {
  stroke: #FF3264;
}
.canta-progress-circular--info .canta-progress-circular__bar {
  stroke: #0050F2;
}
.canta-progress-circular--indeterminate .canta-progress-circular__svg {
  animation: canta-progress-circular-rotate 2s linear infinite;
}
.canta-progress-circular--indeterminate .canta-progress-circular__bar {
  stroke-dasharray: 60 200;
  animation: canta-progress-circular-dash 1.5s ease-in-out infinite;
}
.canta-progress-circular--thick .canta-progress-circular__track,
.canta-progress-circular--thick .canta-progress-circular__bar {
  stroke-width: 12;
}
.canta-progress-circular--thick.canta-progress-circular--sm .canta-progress-circular__track,
.canta-progress-circular--thick.canta-progress-circular--sm .canta-progress-circular__bar {
  stroke-width: 8;
}
.canta-progress-circular--thick.canta-progress-circular--lg .canta-progress-circular__track,
.canta-progress-circular--thick.canta-progress-circular--lg .canta-progress-circular__bar {
  stroke-width: 16;
}

.canta-progress-steps {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.canta-progress-steps__step {
  flex: 1;
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 9999px;
}
.canta-progress-steps__step--completed {
  background-color: #0050F2;
}
.canta-progress-steps__step--current {
  background-color: rgba(0, 80, 242, 0.4);
}
.canta-progress-steps--sm .canta-progress-steps__step {
  height: 3px;
}
.canta-progress-steps--lg {
  gap: 0.5rem;
}
.canta-progress-steps--lg .canta-progress-steps__step {
  height: 10px;
}

@keyframes canta-progress-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes canta-progress-indeterminate {
  0% {
    left: -30%;
    right: 100%;
  }
  50% {
    left: 100%;
    right: -30%;
  }
  100% {
    left: 100%;
    right: -30%;
  }
}
@keyframes canta-progress-circular-rotate {
  100% {
    transform: rotate(270deg);
  }
}
@keyframes canta-progress-circular-dash {
  0% {
    stroke-dasharray: 1 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100 200;
    stroke-dashoffset: -15;
  }
  100% {
    stroke-dasharray: 100 200;
    stroke-dashoffset: -125;
  }
}
.canta-spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 3px solid #F5F5F5;
  border-top-color: #0050F2;
  border-radius: 50%;
  animation: canta-spinner-rotate 0.8s linear infinite;
}
.canta-spinner--xs {
  width: 16px;
  height: 16px;
  border-width: 2px;
}
.canta-spinner--sm {
  width: 24px;
  height: 24px;
  border-width: 2px;
}
.canta-spinner--md {
  width: 40px;
  height: 40px;
  border-width: 3px;
}
.canta-spinner--lg {
  width: 56px;
  height: 56px;
  border-width: 4px;
}
.canta-spinner--xl {
  width: 80px;
  height: 80px;
  border-width: 4px;
}
.canta-spinner--primary {
  border-top-color: #0050F2;
}
.canta-spinner--secondary {
  border-top-color: #000000;
}
.canta-spinner--magenta {
  border-top-color: #FF3264;
}
.canta-spinner--white {
  border-color: rgba(255, 255, 255, 0.3);
  border-top-color: #FFFFFF;
}
.canta-spinner--success {
  border-top-color: #22C55E;
}
.canta-spinner--error {
  border-top-color: #FF3264;
}
.canta-spinner--amber, .canta-spinner--warning {
  border-top-color: #F59E0B;
}
.canta-spinner--danger {
  border-top-color: #FF3264;
}
.canta-spinner--info {
  border-top-color: #0050F2;
}

.canta-spinner-square {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 4px solid #000000;
  background-color: transparent;
  animation: canta-spinner-square 1.2s ease-in-out infinite;
}
.canta-spinner-square--xs {
  width: 16px;
  height: 16px;
  border-width: 2px;
}
.canta-spinner-square--sm {
  width: 24px;
  height: 24px;
  border-width: 3px;
}
.canta-spinner-square--md {
  width: 40px;
  height: 40px;
  border-width: 4px;
}
.canta-spinner-square--lg {
  width: 56px;
  height: 56px;
  border-width: 5px;
}
.canta-spinner-square--xl {
  width: 80px;
  height: 80px;
  border-width: 6px;
}
.canta-spinner-square--secondary {
  border-color: #0050F2;
}
.canta-spinner-square--magenta {
  border-color: #FF3264;
}
.canta-spinner-square--white {
  border-color: #FFFFFF;
}

.canta-spinner-dots {
  display: inline-flex;
  gap: 0.5rem;
}
.canta-spinner-dots__dot {
  width: 12px;
  height: 12px;
  background-color: #0050F2;
  border-radius: 50%;
  animation: canta-spinner-dots-bounce 1.4s ease-in-out infinite;
}
.canta-spinner-dots__dot:nth-child(1) {
  animation-delay: -0.32s;
}
.canta-spinner-dots__dot:nth-child(2) {
  animation-delay: -0.16s;
}
.canta-spinner-dots__dot:nth-child(3) {
  animation-delay: 0s;
}
.canta-spinner-dots--xs {
  gap: 0.25rem;
}
.canta-spinner-dots--xs .canta-spinner-dots__dot {
  width: 6px;
  height: 6px;
}
.canta-spinner-dots--sm {
  gap: 0.25rem;
}
.canta-spinner-dots--sm .canta-spinner-dots__dot {
  width: 8px;
  height: 8px;
}
.canta-spinner-dots--md .canta-spinner-dots__dot {
  width: 12px;
  height: 12px;
}
.canta-spinner-dots--lg {
  gap: 0.75rem;
}
.canta-spinner-dots--lg .canta-spinner-dots__dot {
  width: 16px;
  height: 16px;
}
.canta-spinner-dots--xl {
  gap: 1rem;
}
.canta-spinner-dots--xl .canta-spinner-dots__dot {
  width: 24px;
  height: 24px;
}
.canta-spinner-dots--secondary .canta-spinner-dots__dot {
  background-color: #000000;
}
.canta-spinner-dots--magenta .canta-spinner-dots__dot {
  background-color: #FF3264;
}
.canta-spinner-dots--amber .canta-spinner-dots__dot {
  background-color: #F59E0B;
}
.canta-spinner-dots--success .canta-spinner-dots__dot {
  background-color: #22C55E;
}
.canta-spinner-dots--error .canta-spinner-dots__dot, .canta-spinner-dots--danger .canta-spinner-dots__dot {
  background-color: #FF3264;
}
.canta-spinner-dots--warning .canta-spinner-dots__dot {
  background-color: #EAB308;
}
.canta-spinner-dots--info .canta-spinner-dots__dot {
  background-color: #0050F2;
}
.canta-spinner-dots--white .canta-spinner-dots__dot {
  background-color: #FFFFFF;
}

.canta-spinner-bars {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 40px;
}
.canta-spinner-bars__bar {
  width: 4px;
  height: 100%;
  background-color: #0050F2;
  border-radius: 9999px;
  animation: canta-spinner-bars-stretch 1.2s ease-in-out infinite;
}
.canta-spinner-bars__bar:nth-child(1) {
  animation-delay: -1.1s;
}
.canta-spinner-bars__bar:nth-child(2) {
  animation-delay: -1s;
}
.canta-spinner-bars__bar:nth-child(3) {
  animation-delay: -0.9s;
}
.canta-spinner-bars__bar:nth-child(4) {
  animation-delay: -0.8s;
}
.canta-spinner-bars--xs {
  height: 16px;
  gap: 2px;
}
.canta-spinner-bars--xs .canta-spinner-bars__bar {
  width: 2px;
}
.canta-spinner-bars--sm {
  height: 24px;
  gap: 2px;
}
.canta-spinner-bars--sm .canta-spinner-bars__bar {
  width: 3px;
}
.canta-spinner-bars--md {
  height: 40px;
}
.canta-spinner-bars--md .canta-spinner-bars__bar {
  width: 4px;
}
.canta-spinner-bars--lg {
  height: 56px;
  gap: 0.5rem;
}
.canta-spinner-bars--lg .canta-spinner-bars__bar {
  width: 5px;
}
.canta-spinner-bars--xl {
  height: 80px;
  gap: 0.5rem;
}
.canta-spinner-bars--xl .canta-spinner-bars__bar {
  width: 6px;
}
.canta-spinner-bars--secondary .canta-spinner-bars__bar {
  background-color: #000000;
}
.canta-spinner-bars--magenta .canta-spinner-bars__bar {
  background-color: #FF3264;
}
.canta-spinner-bars--amber .canta-spinner-bars__bar {
  background-color: #F59E0B;
}
.canta-spinner-bars--success .canta-spinner-bars__bar {
  background-color: #22C55E;
}
.canta-spinner-bars--error .canta-spinner-bars__bar, .canta-spinner-bars--danger .canta-spinner-bars__bar {
  background-color: #FF3264;
}
.canta-spinner-bars--warning .canta-spinner-bars__bar {
  background-color: #EAB308;
}
.canta-spinner-bars--info .canta-spinner-bars__bar {
  background-color: #0050F2;
}
.canta-spinner-bars--white .canta-spinner-bars__bar {
  background-color: #FFFFFF;
}

.canta-spinner-blocks {
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  width: 40px;
  height: 40px;
}
.canta-spinner-blocks__block {
  background-color: #000000;
  animation: canta-spinner-blocks-scale 1.3s ease-in-out infinite;
}
.canta-spinner-blocks__block:nth-child(1) {
  animation-delay: 0s;
}
.canta-spinner-blocks__block:nth-child(2) {
  animation-delay: 0.1s;
}
.canta-spinner-blocks__block:nth-child(3) {
  animation-delay: 0.2s;
}
.canta-spinner-blocks__block:nth-child(4) {
  animation-delay: 0.3s;
}
.canta-spinner-blocks__block:nth-child(5) {
  animation-delay: 0.4s;
}
.canta-spinner-blocks__block:nth-child(6) {
  animation-delay: 0.5s;
}
.canta-spinner-blocks__block:nth-child(7) {
  animation-delay: 0.6s;
}
.canta-spinner-blocks__block:nth-child(8) {
  animation-delay: 0.7s;
}
.canta-spinner-blocks__block:nth-child(9) {
  animation-delay: 0.8s;
}
.canta-spinner-blocks--xs {
  width: 18px;
  height: 18px;
  gap: 1px;
}
.canta-spinner-blocks--sm {
  width: 27px;
  height: 27px;
  gap: 1px;
}
.canta-spinner-blocks--md {
  width: 40px;
  height: 40px;
  gap: 2px;
}
.canta-spinner-blocks--lg {
  width: 54px;
  height: 54px;
  gap: 3px;
}
.canta-spinner-blocks--xl {
  width: 72px;
  height: 72px;
  gap: 4px;
}
.canta-spinner-blocks--secondary .canta-spinner-blocks__block {
  background-color: #0050F2;
}
.canta-spinner-blocks--magenta .canta-spinner-blocks__block {
  background-color: #FF3264;
}
.canta-spinner-blocks--amber .canta-spinner-blocks__block {
  background-color: #F59E0B;
}
.canta-spinner-blocks--success .canta-spinner-blocks__block {
  background-color: #22C55E;
}
.canta-spinner-blocks--error .canta-spinner-blocks__block, .canta-spinner-blocks--danger .canta-spinner-blocks__block {
  background-color: #FF3264;
}
.canta-spinner-blocks--warning .canta-spinner-blocks__block {
  background-color: #EAB308;
}
.canta-spinner-blocks--info .canta-spinner-blocks__block {
  background-color: #0050F2;
}
.canta-spinner-blocks--white .canta-spinner-blocks__block {
  background-color: #FFFFFF;
}

.canta-spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.canta-spinner-container__text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #737373;
}
.canta-spinner-container--horizontal {
  flex-direction: row;
}
.canta-spinner-container--sm .canta-spinner-container__text {
  font-size: 0.75rem;
}
.canta-spinner-container--lg {
  gap: 1rem;
}
.canta-spinner-container--lg .canta-spinner-container__text {
  font-size: 1rem;
}

.canta-spinner-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 1050;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  gap: 1rem;
}
.canta-spinner-overlay--dark {
  background-color: rgba(0, 0, 0, 0.85);
}
.canta-spinner-overlay--dark .canta-spinner-container__text {
  color: #FFFFFF;
}
.canta-spinner-overlay--transparent {
  background-color: rgba(0, 0, 0, 0.5);
}
.canta-spinner-overlay--transparent .canta-spinner-container__text {
  color: #FFFFFF;
}

@keyframes canta-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes canta-spinner-square {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
@keyframes canta-spinner-dots-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes canta-spinner-bars-stretch {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
@keyframes canta-spinner-blocks-scale {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
:root {
  --canta-tooltip-arrow-size: 6px;
  --canta-tooltip-offset: 8px;
}

.canta-tooltip {
  position: relative;
  display: inline-flex;
}
.canta-tooltip__trigger {
  display: inline-flex;
  cursor: pointer;
}
.canta-tooltip__content {
  position: absolute;
  z-index: 1070;
  padding: 0.5rem 0.75rem;
  background-color: #262626;
  color: #FFFFFF;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-out, visibility 0.15s;
}
.canta-tooltip__content::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: var(--canta-tooltip-arrow-size) solid transparent;
}
.canta-tooltip:hover .canta-tooltip__content, .canta-tooltip:focus-within .canta-tooltip__content, .canta-tooltip--visible .canta-tooltip__content {
  opacity: 1;
  visibility: visible;
}
.canta-tooltip--top .canta-tooltip__content, .canta-tooltip__content {
  bottom: calc(100% + var(--canta-tooltip-offset));
  left: 50%;
  transform: translateX(-50%);
}
.canta-tooltip--top .canta-tooltip__content::before, .canta-tooltip__content::before {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: #262626;
  border-bottom: none;
}
.canta-tooltip--top-start .canta-tooltip__content {
  bottom: calc(100% + var(--canta-tooltip-offset));
  left: 0;
  transform: none;
}
.canta-tooltip--top-start .canta-tooltip__content::before {
  top: 100%;
  left: 0.75rem;
  transform: none;
}
.canta-tooltip--top-end .canta-tooltip__content {
  bottom: calc(100% + var(--canta-tooltip-offset));
  right: 0;
  left: auto;
  transform: none;
}
.canta-tooltip--top-end .canta-tooltip__content::before {
  top: 100%;
  right: 0.75rem;
  left: auto;
  transform: none;
}
.canta-tooltip--bottom .canta-tooltip__content {
  top: calc(100% + var(--canta-tooltip-offset));
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
.canta-tooltip--bottom .canta-tooltip__content::before {
  bottom: 100%;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: #262626;
  border-top: none;
}
.canta-tooltip--bottom-start .canta-tooltip__content {
  top: calc(100% + var(--canta-tooltip-offset));
  bottom: auto;
  left: 0;
  transform: none;
}
.canta-tooltip--bottom-start .canta-tooltip__content::before {
  bottom: 100%;
  top: auto;
  left: 0.75rem;
  transform: none;
  border-bottom-color: #262626;
  border-top: none;
}
.canta-tooltip--bottom-end .canta-tooltip__content {
  top: calc(100% + var(--canta-tooltip-offset));
  bottom: auto;
  right: 0;
  left: auto;
  transform: none;
}
.canta-tooltip--bottom-end .canta-tooltip__content::before {
  bottom: 100%;
  top: auto;
  right: 0.75rem;
  left: auto;
  transform: none;
  border-bottom-color: #262626;
  border-top: none;
}
.canta-tooltip--left .canta-tooltip__content {
  right: calc(100% + var(--canta-tooltip-offset));
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.canta-tooltip--left .canta-tooltip__content::before {
  left: 100%;
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  border-left-color: #262626;
  border-right: none;
  border-top-color: transparent;
}
.canta-tooltip--left-start .canta-tooltip__content {
  right: calc(100% + var(--canta-tooltip-offset));
  left: auto;
  top: 0;
  bottom: auto;
  transform: none;
}
.canta-tooltip--left-start .canta-tooltip__content::before {
  left: 100%;
  right: auto;
  top: 0.5rem;
  bottom: auto;
  transform: none;
  border-left-color: #262626;
  border-right: none;
  border-top-color: transparent;
}
.canta-tooltip--left-end .canta-tooltip__content {
  right: calc(100% + var(--canta-tooltip-offset));
  left: auto;
  bottom: 0;
  top: auto;
  transform: none;
}
.canta-tooltip--left-end .canta-tooltip__content::before {
  left: 100%;
  right: auto;
  bottom: 0.5rem;
  top: auto;
  transform: none;
  border-left-color: #262626;
  border-right: none;
  border-top-color: transparent;
}
.canta-tooltip--right .canta-tooltip__content {
  left: calc(100% + var(--canta-tooltip-offset));
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.canta-tooltip--right .canta-tooltip__content::before {
  right: 100%;
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  border-right-color: #262626;
  border-left: none;
  border-top-color: transparent;
}
.canta-tooltip--right-start .canta-tooltip__content {
  left: calc(100% + var(--canta-tooltip-offset));
  right: auto;
  top: 0;
  bottom: auto;
  transform: none;
}
.canta-tooltip--right-start .canta-tooltip__content::before {
  right: 100%;
  left: auto;
  top: 0.5rem;
  bottom: auto;
  transform: none;
  border-right-color: #262626;
  border-left: none;
  border-top-color: transparent;
}
.canta-tooltip--right-end .canta-tooltip__content {
  left: calc(100% + var(--canta-tooltip-offset));
  right: auto;
  bottom: 0;
  top: auto;
  transform: none;
}
.canta-tooltip--right-end .canta-tooltip__content::before {
  right: 100%;
  left: auto;
  bottom: 0.5rem;
  top: auto;
  transform: none;
  border-right-color: #262626;
  border-left: none;
  border-top-color: transparent;
}
.canta-tooltip--light .canta-tooltip__content {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #E5E5E5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.canta-tooltip--light .canta-tooltip__content::before {
  border-top-color: #FFFFFF;
}
.canta-tooltip--light.canta-tooltip--bottom .canta-tooltip__content::before {
  border-bottom-color: #FFFFFF;
  border-top-color: transparent;
}
.canta-tooltip--light.canta-tooltip--left .canta-tooltip__content::before, .canta-tooltip--light.canta-tooltip--left-start .canta-tooltip__content::before, .canta-tooltip--light.canta-tooltip--left-end .canta-tooltip__content::before {
  border-left-color: #FFFFFF;
}
.canta-tooltip--light.canta-tooltip--right .canta-tooltip__content::before, .canta-tooltip--light.canta-tooltip--right-start .canta-tooltip__content::before, .canta-tooltip--light.canta-tooltip--right-end .canta-tooltip__content::before {
  border-right-color: #FFFFFF;
}
.canta-tooltip--blue .canta-tooltip__content {
  background-color: #0050F2;
}
.canta-tooltip--blue .canta-tooltip__content::before {
  border-top-color: #0050F2;
}
.canta-tooltip--blue.canta-tooltip--bottom .canta-tooltip__content::before {
  border-bottom-color: #0050F2;
  border-top-color: transparent;
}
.canta-tooltip--blue.canta-tooltip--left .canta-tooltip__content::before, .canta-tooltip--blue.canta-tooltip--left-start .canta-tooltip__content::before, .canta-tooltip--blue.canta-tooltip--left-end .canta-tooltip__content::before {
  border-left-color: #0050F2;
}
.canta-tooltip--blue.canta-tooltip--right .canta-tooltip__content::before, .canta-tooltip--blue.canta-tooltip--right-start .canta-tooltip__content::before, .canta-tooltip--blue.canta-tooltip--right-end .canta-tooltip__content::before {
  border-right-color: #0050F2;
}
.canta-tooltip--magenta .canta-tooltip__content {
  background-color: #FF3264;
}
.canta-tooltip--magenta .canta-tooltip__content::before {
  border-top-color: #FF3264;
}
.canta-tooltip--magenta.canta-tooltip--bottom .canta-tooltip__content::before {
  border-bottom-color: #FF3264;
  border-top-color: transparent;
}
.canta-tooltip--magenta.canta-tooltip--left .canta-tooltip__content::before, .canta-tooltip--magenta.canta-tooltip--left-start .canta-tooltip__content::before, .canta-tooltip--magenta.canta-tooltip--left-end .canta-tooltip__content::before {
  border-left-color: #FF3264;
}
.canta-tooltip--magenta.canta-tooltip--right .canta-tooltip__content::before, .canta-tooltip--magenta.canta-tooltip--right-start .canta-tooltip__content::before, .canta-tooltip--magenta.canta-tooltip--right-end .canta-tooltip__content::before {
  border-right-color: #FF3264;
}
.canta-tooltip--sm .canta-tooltip__content {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.canta-tooltip--lg .canta-tooltip__content {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.canta-tooltip--multiline .canta-tooltip__content {
  white-space: normal;
  max-width: 280px;
  text-align: left;
}
.canta-tooltip--no-arrow .canta-tooltip__content::before {
  display: none;
}
.canta-tooltip--interactive .canta-tooltip__content {
  pointer-events: auto;
}
.canta-tooltip--always-visible .canta-tooltip__content {
  opacity: 1;
  visibility: visible;
}
.canta-tooltip--delay-short .canta-tooltip__content {
  transition-delay: 0.1s;
}
.canta-tooltip--delay-medium .canta-tooltip__content {
  transition-delay: 0.3s;
}
.canta-tooltip--delay-long .canta-tooltip__content {
  transition-delay: 0.5s;
}

.canta-tooltip__title {
  display: block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.canta-tooltip__description {
  display: block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.85;
}

.canta-tooltip__shortcut {
  display: inline-flex;
  gap: 0.25rem;
  margin-left: 0.5rem;
}
.canta-tooltip__shortcut kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  padding: 2px 0.25rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
}

@keyframes canta-tooltip-enter-top {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes canta-tooltip-enter-bottom {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes canta-tooltip-enter-left {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(4px);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}
@keyframes canta-tooltip-enter-right {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}
.canta-tooltip--animated.canta-tooltip--top:hover .canta-tooltip__content, .canta-tooltip--animated.canta-tooltip--top:focus-within .canta-tooltip__content {
  animation: canta-tooltip-enter-top 0.15s ease-out;
}
.canta-tooltip--animated.canta-tooltip--bottom:hover .canta-tooltip__content, .canta-tooltip--animated.canta-tooltip--bottom:focus-within .canta-tooltip__content {
  animation: canta-tooltip-enter-bottom 0.15s ease-out;
}
.canta-tooltip--animated.canta-tooltip--left:hover .canta-tooltip__content, .canta-tooltip--animated.canta-tooltip--left:focus-within .canta-tooltip__content {
  animation: canta-tooltip-enter-left 0.15s ease-out;
}
.canta-tooltip--animated.canta-tooltip--right:hover .canta-tooltip__content, .canta-tooltip--animated.canta-tooltip--right:focus-within .canta-tooltip__content {
  animation: canta-tooltip-enter-right 0.15s ease-out;
}

.canta-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
}
.canta-table th {
  padding: 0.75rem 1rem;
  background-color: #F5F5F5;
  color: #525252;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.025em;
  text-align: left;
  border-bottom: 1px solid #E5E5E5;
}
.canta-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #F5F5F5;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  color: #525252;
}
.canta-table tr:last-child td {
  border-bottom: none;
}
.canta-table--striped tbody tr:nth-child(even) {
  background-color: #F5F5F5;
}
.canta-table--hoverable tbody tr {
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-table--hoverable tbody tr:hover {
  background-color: rgba(0, 80, 242, 0.03);
}
.canta-table--compact th,
.canta-table--compact td {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.canta-table--bordered th,
.canta-table--bordered td {
  border: 1px solid #E5E5E5;
}
.canta-table--relaxed th,
.canta-table--relaxed td {
  padding: 1rem 1.25rem;
}
.canta-table th[data-sort] {
  cursor: pointer;
  user-select: none;
}
.canta-table th[data-sort]:hover {
  background-color: #E5E5E5;
}
.canta-table th[data-sort]::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #D4D4D4;
}
.canta-table tr.canta-table__row--selected {
  background-color: rgba(0, 80, 242, 0.06);
}
.canta-table tr.canta-table__row--selected td {
  color: #000000;
}

.canta-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  background-color: #F5F5F5;
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.canta-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-avatar__initials {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #525252;
  line-height: 1;
  user-select: none;
}
.canta-avatar--sm {
  width: 32px;
  height: 32px;
}
.canta-avatar--sm .canta-avatar__initials {
  font-size: 0.75rem;
}
.canta-avatar--md {
  width: 40px;
  height: 40px;
}
.canta-avatar--md .canta-avatar__initials {
  font-size: 0.875rem;
}
.canta-avatar--lg {
  width: 56px;
  height: 56px;
}
.canta-avatar--lg .canta-avatar__initials {
  font-size: 1.125rem;
}
.canta-avatar--xl {
  width: 80px;
  height: 80px;
}
.canta-avatar--xl .canta-avatar__initials {
  font-size: 1.5rem;
}
.canta-avatar--status::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 9999px;
  border: 2px solid #FFFFFF;
  background-color: #D4D4D4;
}
.canta-avatar--online::after {
  background-color: #22C55E;
}
.canta-avatar--offline::after {
  background-color: #D4D4D4;
}
.canta-avatar--busy::after {
  background-color: #FF3264;
}
.canta-avatar--sm.canta-avatar--status::after {
  width: 8px;
  height: 8px;
}
.canta-avatar--lg.canta-avatar--status::after {
  width: 14px;
  height: 14px;
}
.canta-avatar--xl.canta-avatar--status::after {
  width: 18px;
  height: 18px;
}
.canta-avatar--neo-brutal {
  border: 2px solid #000000;
  background-color: #E5E5E5;
}
.canta-avatar--neo-brutal .canta-avatar__initials {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  color: #000000;
}

.canta-avatar-group {
  display: flex;
  align-items: center;
}
.canta-avatar-group .canta-avatar {
  margin-left: -8px;
  box-shadow: 0 0 0 2px #FFFFFF;
}
.canta-avatar-group .canta-avatar:first-child {
  margin-left: 0;
}

.canta-card {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
}
.canta-card--shadow-none {
  box-shadow: none;
}
.canta-card--shadow-sm {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.canta-card--shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.canta-card--shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.canta-card--shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.canta-card--blue {
  border-color: rgba(0, 80, 242, 0.2);
  border-left: 3px solid #0050F2;
}
.canta-card--blue .canta-card__header {
  border-bottom-color: rgba(0, 80, 242, 0.15);
}
.canta-card--magenta {
  border-color: rgba(255, 50, 100, 0.2);
  border-left: 3px solid #FF3264;
}
.canta-card--magenta .canta-card__header {
  border-bottom-color: rgba(255, 50, 100, 0.15);
}
.canta-card--amber, .canta-card--warning {
  border-color: rgba(245, 158, 11, 0.2);
  border-left: 3px solid #F59E0B;
}
.canta-card--amber .canta-card__header, .canta-card--warning .canta-card__header {
  border-bottom-color: rgba(245, 158, 11, 0.15);
}
.canta-card--success {
  border-color: rgba(34, 197, 94, 0.2);
  border-left: 3px solid #22C55E;
}
.canta-card--success .canta-card__header {
  border-bottom-color: rgba(34, 197, 94, 0.15);
}
.canta-card--error, .canta-card--danger {
  border-color: rgba(255, 50, 100, 0.2);
  border-left: 3px solid #FF3264;
}
.canta-card--error .canta-card__header, .canta-card--danger .canta-card__header {
  border-bottom-color: rgba(255, 50, 100, 0.15);
}
.canta-card--info {
  border-color: rgba(29, 78, 216, 0.2);
  border-left: 3px solid #1D4ED8;
}
.canta-card--info .canta-card__header {
  border-bottom-color: rgba(29, 78, 216, 0.15);
}
.canta-card--gray {
  border-color: #E5E5E5;
  border-left: 3px solid #999999;
}
.canta-card--dark {
  border-color: #262626;
  border-left: 3px solid #000000;
  background-color: #F5F5F5;
}
.canta-card--panel {
  border-left: none;
}
.canta-card--panel .canta-card__header {
  color: #FFFFFF;
  border-bottom: none;
}
.canta-card--panel .canta-card__header .canta-card__title,
.canta-card--panel .canta-card__header .canta-card__subtitle {
  color: #FFFFFF;
}
.canta-card--panel.canta-card--blue .canta-card__header {
  background-color: #0050F2;
  border-color: #0050F2;
}
.canta-card--panel.canta-card--blue {
  border-color: rgba(0, 80, 242, 0.3);
}
.canta-card--panel.canta-card--success .canta-card__header {
  background-color: #15803D;
}
.canta-card--panel.canta-card--success {
  border-color: rgba(34, 197, 94, 0.3);
}
.canta-card--panel.canta-card--danger .canta-card__header, .canta-card--panel.canta-card--error .canta-card__header {
  background-color: #BE123C;
}
.canta-card--panel.canta-card--danger, .canta-card--panel.canta-card--error {
  border-color: rgba(255, 50, 100, 0.3);
}
.canta-card--panel.canta-card--warning .canta-card__header, .canta-card--panel.canta-card--amber .canta-card__header {
  background-color: #F59E0B;
}
.canta-card--panel.canta-card--warning, .canta-card--panel.canta-card--amber {
  border-color: rgba(245, 158, 11, 0.3);
}
.canta-card--panel.canta-card--info .canta-card__header {
  background-color: #1D4ED8;
}
.canta-card--panel.canta-card--info {
  border-color: rgba(29, 78, 216, 0.3);
}
.canta-card--panel.canta-card--magenta .canta-card__header {
  background-color: #FF3264;
}
.canta-card--panel.canta-card--magenta {
  border-color: rgba(255, 50, 100, 0.3);
}
.canta-card--panel.canta-card--gray .canta-card__header {
  background-color: #999999;
}
.canta-card--panel.canta-card--gray {
  border-color: #E5E5E5;
}
.canta-card--panel.canta-card--dark .canta-card__header {
  background-color: #262626;
}
.canta-card--panel.canta-card--dark {
  border-color: #525252;
  background-color: #FFFFFF;
}
.canta-card--inverted {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #525252;
}
.canta-card--inverted .canta-card__header,
.canta-card--inverted .canta-card__footer {
  border-color: #525252;
}
.canta-card--interactive {
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.canta-card--interactive:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.canta-card--interactive:active {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  transform: translateY(0);
}
.canta-card--interactive:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-card--compact .canta-card__header,
.canta-card--compact .canta-card__body,
.canta-card--compact .canta-card__footer {
  padding: 0.75rem;
}
.canta-card--spacious .canta-card__header,
.canta-card--spacious .canta-card__body,
.canta-card--spacious .canta-card__footer {
  padding: 2rem;
}
.canta-card--full {
  width: 100%;
}
.canta-card--horizontal {
  flex-direction: row;
}
.canta-card--horizontal .canta-card__media {
  flex-shrink: 0;
  width: 200px;
}
.canta-card--horizontal .canta-card__media img {
  height: 100%;
  object-fit: cover;
}
.canta-card--horizontal .canta-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .canta-card--horizontal {
    flex-direction: column;
  }
  .canta-card--horizontal .canta-card__media {
    width: 100%;
  }
}
.canta-card--neo-brutal {
  border: 1px solid #E5E5E5;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-card--neo-brutal .canta-card__header {
  border-bottom: 2px solid #000000;
}
.canta-card--neo-brutal .canta-card__footer {
  border-top: 2px solid #000000;
}

.canta-card__header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #E5E5E5;
}
.canta-card__header--no-border {
  border-bottom: none;
}
.canta-card__header--center {
  text-align: center;
}

.canta-card__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-size: 1.25rem;
  margin: 0;
}

.canta-card__subtitle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #737373;
  margin: 0.25rem 0 0;
}

.canta-card__body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  flex: 1;
  padding: 1.5rem;
}
.canta-card__body > *:first-child {
  margin-top: 0;
}
.canta-card__body > *:last-child {
  margin-bottom: 0;
}
.canta-card__body--no-padding {
  padding: 0;
}
.canta-card__body--center {
  text-align: center;
}

.canta-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-top: 1px solid #E5E5E5;
  gap: 1rem;
}
.canta-card__footer--no-border {
  border-top: none;
}
.canta-card__footer--center {
  justify-content: center;
}
.canta-card__footer--end {
  justify-content: flex-end;
}
.canta-card__footer--stack {
  flex-direction: column;
  align-items: stretch;
}

.canta-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.canta-card__actions--end {
  justify-content: flex-end;
}
.canta-card__actions--center {
  justify-content: center;
}
.canta-card__actions--spread {
  justify-content: space-between;
  width: 100%;
}
.canta-card__actions--vertical {
  flex-direction: column;
  align-items: stretch;
}
.canta-card__actions--vertical > * {
  width: 100%;
}

.canta-card__media {
  position: relative;
  overflow: hidden;
}
.canta-card__media img {
  display: block;
  width: 100%;
  height: auto;
}
.canta-card__media--top {
  order: -1;
  border-bottom: 1px solid #E5E5E5;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.canta-card__media--top img {
  border-top-left-radius: calc(12px - 1px);
  border-top-right-radius: calc(12px - 1px);
}
.canta-card__media--bottom {
  order: 1;
  border-top: 1px solid #E5E5E5;
}
.canta-card__media--cover img {
  height: 200px;
  object-fit: cover;
}
.canta-card__media--contain img {
  object-fit: contain;
}

.canta-card__media-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: inherit;
}
.canta-card:hover .canta-card__media-overlay {
  opacity: 1;
}

.canta-card__badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
}

.canta-card-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.canta-card-group--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.canta-card-group--stack {
  flex-direction: column;
}
.canta-card-group--stack .canta-card {
  width: 100%;
}
.canta-card-group--masonry {
  columns: 3;
  column-gap: 1.5rem;
}
.canta-card-group--masonry .canta-card {
  break-inside: avoid;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-card-group--masonry {
    columns: 2;
  }
}
@media (max-width: 768px) {
  .canta-card-group--masonry {
    columns: 1;
  }
}

.canta-card__divider {
  width: 100%;
  height: 1px;
  background-color: #E5E5E5;
  margin: 0;
  border: none;
}
.canta-card__divider--dashed {
  background: repeating-linear-gradient(90deg, #E5E5E5 0, #E5E5E5 8px, transparent 8px, transparent 16px);
}

.canta-card--featured {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-color: transparent;
  position: relative;
}
.canta-card--featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0050F2;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.canta-card--featured.canta-card--magenta::before {
  background-color: #FF3264;
}
.canta-card--featured.canta-card--amber::before, .canta-card--featured.canta-card--warning::before {
  background-color: #F59E0B;
}
.canta-card--featured.canta-card--success::before {
  background-color: #22C55E;
}
.canta-card--featured.canta-card--error::before, .canta-card--featured.canta-card--danger::before {
  background-color: #FF3264;
}
.canta-card--featured.canta-card--gray::before {
  background-color: #999999;
}
.canta-card--featured.canta-card--dark::before {
  background-color: #000000;
}

.canta-card--stacked {
  position: relative;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-card--stacked::before, .canta-card--stacked::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  background-color: #FFFFFF;
  z-index: -1;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-card--stacked::before {
  top: 4px;
  left: 4px;
}
.canta-card--stacked::after {
  top: 8px;
  left: 8px;
}
.canta-card--stacked:hover::before {
  transform: translate(2px, 2px);
}
.canta-card--stacked:hover::after {
  transform: translate(4px, 4px);
}

.canta-card--bauhaus {
  position: relative;
  overflow: visible;
}
.canta-card--bauhaus::before {
  content: "";
  position: absolute;
  top: -12px;
  right: -12px;
  width: 40px;
  height: 40px;
  background-color: #FF3264;
  border: 2px solid #000000;
  z-index: 1;
}
.canta-card--bauhaus--circle::before {
  border-radius: 50%;
}
.canta-card--bauhaus--blue::before {
  background-color: #0050F2;
}

.canta-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {
  .canta-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .canta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.canta-container--sm {
  max-width: 640px;
}
.canta-container--md {
  max-width: 768px;
}
.canta-container--lg {
  max-width: 1024px;
}
.canta-container--xl {
  max-width: 1280px;
}
.canta-container--2xl {
  max-width: 1536px;
}
.canta-container--fluid {
  max-width: 100%;
}
.canta-container--fluid-sm {
  max-width: 100%;
}
@media (min-width: 640px) {
  .canta-container--fluid-sm {
    max-width: 640px;
  }
}
.canta-container--fluid-md {
  max-width: 100%;
}
@media (min-width: 640px) {
  .canta-container--fluid-md {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .canta-container--fluid-md {
    max-width: 768px;
  }
}
.canta-container--fluid-lg {
  max-width: 100%;
}
@media (min-width: 640px) {
  .canta-container--fluid-lg {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .canta-container--fluid-lg {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .canta-container--fluid-lg {
    max-width: 1024px;
  }
}
.canta-container--fluid-xl {
  max-width: 100%;
}
@media (min-width: 640px) {
  .canta-container--fluid-xl {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .canta-container--fluid-xl {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .canta-container--fluid-xl {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .canta-container--fluid-xl {
    max-width: 1280px;
  }
}
.canta-container--no-padding {
  padding-left: 0;
  padding-right: 0;
}
.canta-container--padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1024px) {
  .canta-container--padding-sm {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.canta-container--padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .canta-container--padding-lg {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.canta-container--py-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.canta-container--py-md {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.canta-container--py-lg {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.canta-container--py-xl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.canta-container--left {
  margin-left: 0;
  margin-right: auto;
}
.canta-container--right {
  margin-left: auto;
  margin-right: 0;
}
.canta-container--bordered {
  border: 1px solid #E5E5E5;
  padding: 1.5rem;
  background-color: #FFFFFF;
}
@media (min-width: 1024px) {
  .canta-container--bordered {
    padding: 2rem;
  }
}
.canta-container--shadowed {
  border: 1px solid #E5E5E5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  background-color: #FFFFFF;
}
@media (min-width: 1024px) {
  .canta-container--shadowed {
    padding: 2rem;
  }
}
.canta-container--bg-black {
  background-color: #000000;
  color: #FFFFFF;
}
.canta-container--bg-blue {
  background-color: #0050F2;
  color: #FFFFFF;
}
.canta-container--bg-magenta {
  background-color: #FF3264;
  color: #FFFFFF;
}
.canta-container--bg-gray {
  background-color: #F5F5F5;
  color: #000000;
}

.canta-section {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .canta-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.canta-section--sm {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .canta-section--sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.canta-section--lg {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .canta-section--lg {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.canta-section--xl {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .canta-section--xl {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.canta-section--bg-black {
  background-color: #000000;
  color: #FFFFFF;
}
.canta-section--bg-blue {
  background-color: #0050F2;
  color: #FFFFFF;
}
.canta-section--bg-magenta {
  background-color: #FF3264;
  color: #FFFFFF;
}
.canta-section--bg-gray {
  background-color: #F5F5F5;
  color: #000000;
}
.canta-section--bg-white {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-section--border-top {
  border-top: 1px solid #E5E5E5;
}
.canta-section--border-bottom {
  border-bottom: 1px solid #E5E5E5;
}
.canta-section--border-y {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.canta-section--border-top-brutal {
  border-top: 2px solid #000000;
}
.canta-section--border-bottom-brutal {
  border-bottom: 2px solid #000000;
}
.canta-section--border-y-brutal {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.canta-section--bauhaus-dots {
  background-image: radial-gradient(#000000 2px, transparent 2px);
  background-size: 24px 24px;
}
.canta-section--bauhaus-lines {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.05) 20px);
}
.canta-section--bauhaus-grid {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
}

.canta-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.canta-wrapper--center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.canta-wrapper--between {
  justify-content: space-between;
}

.canta-breakout {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

:root {
  --canta-grid-columns: 12;
  --canta-grid-gap: 1rem;
  --canta-grid-gap-row: var(--canta-grid-gap);
  --canta-grid-gap-col: var(--canta-grid-gap);
}

.canta-row {
  display: grid;
  grid-template-columns: repeat(var(--canta-grid-columns), 1fr);
  gap: var(--canta-grid-gap-row) var(--canta-grid-gap-col);
  width: 100%;
}
.canta-row--gap-none {
  --canta-grid-gap: 0;
}
.canta-row--gap-sm {
  --canta-grid-gap: 0.5rem;
}
.canta-row--gap-md {
  --canta-grid-gap: 1rem;
}
.canta-row--gap-lg {
  --canta-grid-gap: 1.5rem;
}
.canta-row--gap-xl {
  --canta-grid-gap: 2rem;
}
.canta-row--gap-2xl {
  --canta-grid-gap: 3rem;
}
.canta-row--gap-row-none {
  --canta-grid-gap-row: 0;
}
.canta-row--gap-row-sm {
  --canta-grid-gap-row: 0.5rem;
}
.canta-row--gap-row-lg {
  --canta-grid-gap-row: 1.5rem;
}
.canta-row--gap-col-none {
  --canta-grid-gap-col: 0;
}
.canta-row--gap-col-sm {
  --canta-grid-gap-col: 0.5rem;
}
.canta-row--gap-col-lg {
  --canta-grid-gap-col: 1.5rem;
}
.canta-row--align-start {
  align-items: start;
}
.canta-row--align-center {
  align-items: center;
}
.canta-row--align-end {
  align-items: end;
}
.canta-row--align-stretch {
  align-items: stretch;
}
.canta-row--justify-start {
  justify-items: start;
}
.canta-row--justify-center {
  justify-items: center;
}
.canta-row--justify-end {
  justify-items: end;
}
.canta-row--equal {
  grid-auto-columns: 1fr;
  grid-template-columns: none;
  grid-auto-flow: column;
}
.canta-row--masonry {
  display: block;
  columns: 3;
  column-gap: var(--canta-grid-gap-col);
}
.canta-row--masonry > * {
  break-inside: avoid;
  margin-bottom: var(--canta-grid-gap-row);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-row--masonry {
    columns: 2;
  }
}
@media (max-width: 768px) {
  .canta-row--masonry {
    columns: 1;
  }
}

.canta-col {
  min-width: 0;
}
.canta-col--1 {
  grid-column: span 1;
}
.canta-col--2 {
  grid-column: span 2;
}
.canta-col--3 {
  grid-column: span 3;
}
.canta-col--4 {
  grid-column: span 4;
}
.canta-col--5 {
  grid-column: span 5;
}
.canta-col--6 {
  grid-column: span 6;
}
.canta-col--7 {
  grid-column: span 7;
}
.canta-col--8 {
  grid-column: span 8;
}
.canta-col--9 {
  grid-column: span 9;
}
.canta-col--10 {
  grid-column: span 10;
}
.canta-col--11 {
  grid-column: span 11;
}
.canta-col--12 {
  grid-column: span 12;
}
.canta-col--auto {
  grid-column: auto;
}
.canta-col--full {
  grid-column: 1/-1;
}
@media (min-width: 640px) {
  .canta-col--sm-1 {
    grid-column: span 1;
  }
  .canta-col--sm-2 {
    grid-column: span 2;
  }
  .canta-col--sm-3 {
    grid-column: span 3;
  }
  .canta-col--sm-4 {
    grid-column: span 4;
  }
  .canta-col--sm-5 {
    grid-column: span 5;
  }
  .canta-col--sm-6 {
    grid-column: span 6;
  }
  .canta-col--sm-7 {
    grid-column: span 7;
  }
  .canta-col--sm-8 {
    grid-column: span 8;
  }
  .canta-col--sm-9 {
    grid-column: span 9;
  }
  .canta-col--sm-10 {
    grid-column: span 10;
  }
  .canta-col--sm-11 {
    grid-column: span 11;
  }
  .canta-col--sm-12 {
    grid-column: span 12;
  }
  .canta-col--sm-auto {
    grid-column: auto;
  }
  .canta-col--sm-full {
    grid-column: 1/-1;
  }
}
@media (min-width: 768px) {
  .canta-col--md-1 {
    grid-column: span 1;
  }
  .canta-col--md-2 {
    grid-column: span 2;
  }
  .canta-col--md-3 {
    grid-column: span 3;
  }
  .canta-col--md-4 {
    grid-column: span 4;
  }
  .canta-col--md-5 {
    grid-column: span 5;
  }
  .canta-col--md-6 {
    grid-column: span 6;
  }
  .canta-col--md-7 {
    grid-column: span 7;
  }
  .canta-col--md-8 {
    grid-column: span 8;
  }
  .canta-col--md-9 {
    grid-column: span 9;
  }
  .canta-col--md-10 {
    grid-column: span 10;
  }
  .canta-col--md-11 {
    grid-column: span 11;
  }
  .canta-col--md-12 {
    grid-column: span 12;
  }
  .canta-col--md-auto {
    grid-column: auto;
  }
  .canta-col--md-full {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024px) {
  .canta-col--lg-1 {
    grid-column: span 1;
  }
  .canta-col--lg-2 {
    grid-column: span 2;
  }
  .canta-col--lg-3 {
    grid-column: span 3;
  }
  .canta-col--lg-4 {
    grid-column: span 4;
  }
  .canta-col--lg-5 {
    grid-column: span 5;
  }
  .canta-col--lg-6 {
    grid-column: span 6;
  }
  .canta-col--lg-7 {
    grid-column: span 7;
  }
  .canta-col--lg-8 {
    grid-column: span 8;
  }
  .canta-col--lg-9 {
    grid-column: span 9;
  }
  .canta-col--lg-10 {
    grid-column: span 10;
  }
  .canta-col--lg-11 {
    grid-column: span 11;
  }
  .canta-col--lg-12 {
    grid-column: span 12;
  }
  .canta-col--lg-auto {
    grid-column: auto;
  }
  .canta-col--lg-full {
    grid-column: 1/-1;
  }
}
@media (min-width: 1280px) {
  .canta-col--xl-1 {
    grid-column: span 1;
  }
  .canta-col--xl-2 {
    grid-column: span 2;
  }
  .canta-col--xl-3 {
    grid-column: span 3;
  }
  .canta-col--xl-4 {
    grid-column: span 4;
  }
  .canta-col--xl-5 {
    grid-column: span 5;
  }
  .canta-col--xl-6 {
    grid-column: span 6;
  }
  .canta-col--xl-7 {
    grid-column: span 7;
  }
  .canta-col--xl-8 {
    grid-column: span 8;
  }
  .canta-col--xl-9 {
    grid-column: span 9;
  }
  .canta-col--xl-10 {
    grid-column: span 10;
  }
  .canta-col--xl-11 {
    grid-column: span 11;
  }
  .canta-col--xl-12 {
    grid-column: span 12;
  }
  .canta-col--xl-auto {
    grid-column: auto;
  }
  .canta-col--xl-full {
    grid-column: 1/-1;
  }
}
.canta-col--start-1 {
  grid-column-start: 1;
}
.canta-col--start-2 {
  grid-column-start: 2;
}
.canta-col--start-3 {
  grid-column-start: 3;
}
.canta-col--start-4 {
  grid-column-start: 4;
}
.canta-col--start-5 {
  grid-column-start: 5;
}
.canta-col--start-6 {
  grid-column-start: 6;
}
.canta-col--start-7 {
  grid-column-start: 7;
}
.canta-col--start-8 {
  grid-column-start: 8;
}
.canta-col--start-9 {
  grid-column-start: 9;
}
.canta-col--start-10 {
  grid-column-start: 10;
}
.canta-col--start-11 {
  grid-column-start: 11;
}
.canta-col--start-12 {
  grid-column-start: 12;
}
@media (min-width: 768px) {
  .canta-col--md-start-1 {
    grid-column-start: 1;
  }
  .canta-col--md-start-2 {
    grid-column-start: 2;
  }
  .canta-col--md-start-3 {
    grid-column-start: 3;
  }
  .canta-col--md-start-4 {
    grid-column-start: 4;
  }
  .canta-col--md-start-5 {
    grid-column-start: 5;
  }
  .canta-col--md-start-6 {
    grid-column-start: 6;
  }
  .canta-col--md-start-7 {
    grid-column-start: 7;
  }
  .canta-col--md-start-8 {
    grid-column-start: 8;
  }
  .canta-col--md-start-9 {
    grid-column-start: 9;
  }
  .canta-col--md-start-10 {
    grid-column-start: 10;
  }
  .canta-col--md-start-11 {
    grid-column-start: 11;
  }
  .canta-col--md-start-12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1024px) {
  .canta-col--lg-start-1 {
    grid-column-start: 1;
  }
  .canta-col--lg-start-2 {
    grid-column-start: 2;
  }
  .canta-col--lg-start-3 {
    grid-column-start: 3;
  }
  .canta-col--lg-start-4 {
    grid-column-start: 4;
  }
  .canta-col--lg-start-5 {
    grid-column-start: 5;
  }
  .canta-col--lg-start-6 {
    grid-column-start: 6;
  }
  .canta-col--lg-start-7 {
    grid-column-start: 7;
  }
  .canta-col--lg-start-8 {
    grid-column-start: 8;
  }
  .canta-col--lg-start-9 {
    grid-column-start: 9;
  }
  .canta-col--lg-start-10 {
    grid-column-start: 10;
  }
  .canta-col--lg-start-11 {
    grid-column-start: 11;
  }
  .canta-col--lg-start-12 {
    grid-column-start: 12;
  }
}
.canta-col--order-first {
  order: -1;
}
.canta-col--order-last {
  order: 13;
}
.canta-col--order-0 {
  order: 0;
}
.canta-col--order-1 {
  order: 1;
}
.canta-col--order-2 {
  order: 2;
}
.canta-col--order-3 {
  order: 3;
}
.canta-col--order-4 {
  order: 4;
}
.canta-col--order-5 {
  order: 5;
}
.canta-col--order-6 {
  order: 6;
}
.canta-col--order-7 {
  order: 7;
}
.canta-col--order-8 {
  order: 8;
}
.canta-col--order-9 {
  order: 9;
}
.canta-col--order-10 {
  order: 10;
}
.canta-col--order-11 {
  order: 11;
}
.canta-col--order-12 {
  order: 12;
}
@media (min-width: 768px) {
  .canta-col--md-order-first {
    order: -1;
  }
  .canta-col--md-order-last {
    order: 13;
  }
  .canta-col--md-order-0 {
    order: 0;
  }
  .canta-col--md-order-1 {
    order: 1;
  }
  .canta-col--md-order-2 {
    order: 2;
  }
  .canta-col--md-order-3 {
    order: 3;
  }
  .canta-col--md-order-4 {
    order: 4;
  }
  .canta-col--md-order-5 {
    order: 5;
  }
  .canta-col--md-order-6 {
    order: 6;
  }
  .canta-col--md-order-7 {
    order: 7;
  }
  .canta-col--md-order-8 {
    order: 8;
  }
  .canta-col--md-order-9 {
    order: 9;
  }
  .canta-col--md-order-10 {
    order: 10;
  }
  .canta-col--md-order-11 {
    order: 11;
  }
  .canta-col--md-order-12 {
    order: 12;
  }
}
@media (min-width: 1024px) {
  .canta-col--lg-order-first {
    order: -1;
  }
  .canta-col--lg-order-last {
    order: 13;
  }
  .canta-col--lg-order-0 {
    order: 0;
  }
  .canta-col--lg-order-1 {
    order: 1;
  }
  .canta-col--lg-order-2 {
    order: 2;
  }
  .canta-col--lg-order-3 {
    order: 3;
  }
  .canta-col--lg-order-4 {
    order: 4;
  }
  .canta-col--lg-order-5 {
    order: 5;
  }
  .canta-col--lg-order-6 {
    order: 6;
  }
  .canta-col--lg-order-7 {
    order: 7;
  }
  .canta-col--lg-order-8 {
    order: 8;
  }
  .canta-col--lg-order-9 {
    order: 9;
  }
  .canta-col--lg-order-10 {
    order: 10;
  }
  .canta-col--lg-order-11 {
    order: 11;
  }
  .canta-col--lg-order-12 {
    order: 12;
  }
}
.canta-col--align-self-start {
  align-self: start;
}
.canta-col--align-self-center {
  align-self: center;
}
.canta-col--align-self-end {
  align-self: end;
}
.canta-col--align-self-stretch {
  align-self: stretch;
}

.canta-grid {
  display: grid;
  gap: var(--canta-grid-gap);
  width: 100%;
}
.canta-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .canta-grid--2 {
    grid-template-columns: 1fr;
  }
}
.canta-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .canta-grid--3 {
    grid-template-columns: 1fr;
  }
}
.canta-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .canta-grid--4 {
    grid-template-columns: 1fr;
  }
}
.canta-grid--6 {
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 1024px) {
  .canta-grid--6 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-grid--6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .canta-grid--6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.canta-grid--sidebar-left {
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 768px) {
  .canta-grid--sidebar-left {
    grid-template-columns: 1fr;
  }
}
.canta-grid--sidebar-right {
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 768px) {
  .canta-grid--sidebar-right {
    grid-template-columns: 1fr;
  }
}
.canta-grid--golden {
  grid-template-columns: 1fr 1.618fr;
}
@media (max-width: 768px) {
  .canta-grid--golden {
    grid-template-columns: 1fr;
  }
}
.canta-grid--featured {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(2, auto);
}
.canta-grid--featured > *:first-child {
  grid-row: span 2;
}
@media (max-width: 768px) {
  .canta-grid--featured {
    grid-template-columns: 1fr;
  }
  .canta-grid--featured > *:first-child {
    grid-row: span 1;
  }
}
.canta-grid--auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.canta-grid--auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.canta-grid--auto-fit-sm {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.canta-grid--auto-fit-lg {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.canta-grid--gap-none {
  gap: 0;
}
.canta-grid--gap-sm {
  gap: 0.5rem;
}
.canta-grid--gap-md {
  gap: 1rem;
}
.canta-grid--gap-lg {
  gap: 1.5rem;
}
.canta-grid--gap-xl {
  gap: 2rem;
}

.canta-grid--bordered > * {
  border: 1px solid #E5E5E5;
  padding: 1rem;
}

.canta-grid--shadowed > * {
  border: 1px solid #E5E5E5;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  padding: 1rem;
  background-color: #FFFFFF;
}

.canta-grid--checkerboard > *:nth-child(odd) {
  background-color: #FFFFFF;
}
.canta-grid--checkerboard > *:nth-child(even) {
  background-color: #F5F5F5;
}

.canta-grid--bauhaus > *:nth-child(4n+1) {
  border-left: 4px solid #0050F2;
}
.canta-grid--bauhaus > *:nth-child(4n+2) {
  border-left: 4px solid #FF3264;
}
.canta-grid--bauhaus > *:nth-child(4n+3) {
  border-left: 4px solid #000000;
}
.canta-grid--bauhaus > *:nth-child(4n+4) {
  border-left: 4px solid #999999;
}

.canta-divider {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
}
.canta-divider::before, .canta-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #E5E5E5;
}
.canta-divider:empty::before {
  flex: 1;
}
.canta-divider:empty::after {
  display: none;
}
.canta-divider--thin::before, .canta-divider--thin::after {
  height: 1px;
}
.canta-divider--thick::before, .canta-divider--thick::after {
  height: 2px;
}
.canta-divider--bold::before, .canta-divider--bold::after {
  height: 3px;
}
.canta-divider--blue::before, .canta-divider--blue::after {
  background-color: #0050F2;
}
.canta-divider--blue .canta-divider__text {
  color: #0050F2;
}
.canta-divider--magenta::before, .canta-divider--magenta::after {
  background-color: #FF3264;
}
.canta-divider--magenta .canta-divider__text {
  color: #FF3264;
}
.canta-divider--gray::before, .canta-divider--gray::after {
  background-color: #D4D4D4;
}
.canta-divider--gray .canta-divider__text {
  color: #737373;
}
.canta-divider--white::before, .canta-divider--white::after {
  background-color: #FFFFFF;
}
.canta-divider--white .canta-divider__text {
  color: #FFFFFF;
}
.canta-divider--dashed::before, .canta-divider--dashed::after {
  background: repeating-linear-gradient(90deg, #E5E5E5 0, #E5E5E5 6px, transparent 6px, transparent 12px);
  height: 1px;
}
.canta-divider--dotted::before, .canta-divider--dotted::after {
  background: repeating-linear-gradient(90deg, #D4D4D4 0, #D4D4D4 2px, transparent 2px, transparent 8px);
  height: 2px;
}
.canta-divider--double::before, .canta-divider--double::after {
  height: 4px;
  background: linear-gradient(to bottom, #E5E5E5 0, #E5E5E5 1px, transparent 1px, transparent 3px, #E5E5E5 3px, #E5E5E5 4px);
}
.canta-divider--sm {
  margin: 0.75rem 0;
}
.canta-divider--md {
  margin: 1.5rem 0;
}
.canta-divider--lg {
  margin: 2.5rem 0;
}
.canta-divider--xl {
  margin: 4rem 0;
}
.canta-divider--none {
  margin: 0;
}
.canta-divider--gradient::before {
  background: linear-gradient(90deg, #0050F2, #FF3264);
  height: 2px;
}
.canta-divider--gradient::after {
  background: linear-gradient(90deg, #FF3264, #E5E5E5);
  height: 2px;
}
.canta-divider--bauhaus::before {
  background: linear-gradient(90deg, #0050F2 0%, #0050F2 33%, #FF3264 33%, #FF3264 66%, #000000 66%, #000000 100%);
  height: 4px;
}
.canta-divider--bauhaus::after {
  background: linear-gradient(90deg, #000000 0%, #000000 33%, #FF3264 33%, #FF3264 66%, #0050F2 66%, #0050F2 100%);
  height: 4px;
}

.canta-divider__text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #999999;
}
.canta-divider__text--lg {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625;
  font-weight: 600;
}

.canta-divider__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  color: #999999;
}
.canta-divider__icon svg {
  width: 20px;
  height: 20px;
}
.canta-divider__icon--bordered {
  width: 36px;
  height: 36px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.canta-divider__icon--circle {
  width: 36px;
  height: 36px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.canta-divider__icon--shadowed {
  width: 36px;
  height: 36px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.canta-divider--vertical {
  flex-direction: column;
  width: auto;
  height: 100%;
  min-height: 40px;
  margin: 0 1.5rem;
}
.canta-divider--vertical::before, .canta-divider--vertical::after {
  width: 1px;
  height: auto;
  flex: 1;
}
.canta-divider--vertical .canta-divider__text {
  padding: 0.75rem 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.canta-divider--vertical.canta-divider--thin::before, .canta-divider--vertical.canta-divider--thin::after {
  width: 1px;
}
.canta-divider--vertical.canta-divider--thick::before, .canta-divider--vertical.canta-divider--thick::after {
  width: 2px;
}
.canta-divider--vertical.canta-divider--bold::before, .canta-divider--vertical.canta-divider--bold::after {
  width: 3px;
}
.canta-divider--vertical.canta-divider--sm {
  margin: 0 0.75rem;
}
.canta-divider--vertical.canta-divider--lg {
  margin: 0 2.5rem;
}
.canta-divider--vertical.canta-divider--dashed::before, .canta-divider--vertical.canta-divider--dashed::after {
  background: repeating-linear-gradient(180deg, #E5E5E5 0, #E5E5E5 6px, transparent 6px, transparent 12px);
  width: 1px;
}

.canta-divider--inline {
  display: inline-flex;
  width: auto;
  margin: 0;
  vertical-align: middle;
}

.canta-divider--left::before {
  flex: 0 0 48px;
}
.canta-divider--left::after {
  flex: 1;
}

.canta-divider--right::before {
  flex: 1;
}
.canta-divider--right::after {
  flex: 0 0 48px;
}

.canta-divider--arrow {
  position: relative;
}
.canta-divider--arrow::before {
  flex: 1;
}
.canta-divider--arrow::after {
  content: "";
  width: 0;
  height: 0;
  flex: none;
  border-left: 10px solid #E5E5E5;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  background: none;
  margin-left: -1px;
}

.canta-divider--zigzag::before, .canta-divider--zigzag::after {
  height: 8px;
  background: linear-gradient(135deg, #E5E5E5 25%, transparent 25%), linear-gradient(225deg, #E5E5E5 25%, transparent 25%), linear-gradient(315deg, #E5E5E5 25%, transparent 25%), linear-gradient(45deg, #E5E5E5 25%, transparent 25%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 0, 8px -8px, 0px 8px;
}

.canta-divider--blocks {
  gap: 0.5rem;
}
.canta-divider--blocks::before, .canta-divider--blocks::after {
  display: none;
}
.canta-divider--blocks::before {
  display: block;
  flex: 0 0 60px;
  height: 6px;
  background-color: #000000;
}
.canta-divider--blocks .canta-divider__text {
  position: relative;
  padding: 0 1.5rem;
}
.canta-divider--blocks .canta-divider__text::before, .canta-divider--blocks .canta-divider__text::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  background-color: #0050F2;
}
.canta-divider--blocks .canta-divider__text::before {
  right: 100%;
  margin-right: 0.5rem;
}
.canta-divider--blocks .canta-divider__text::after {
  left: 100%;
  margin-left: 0.5rem;
}

.canta-divider--animated::before {
  animation: canta-divider-slide-right 2s ease-in-out infinite;
}
.canta-divider--animated::after {
  animation: canta-divider-slide-left 2s ease-in-out infinite;
}

@keyframes canta-divider-slide-right {
  0%, 100% {
    transform: scaleX(1);
    transform-origin: left;
  }
  50% {
    transform: scaleX(0.8);
    transform-origin: left;
  }
}
@keyframes canta-divider-slide-left {
  0%, 100% {
    transform: scaleX(1);
    transform-origin: right;
  }
  50% {
    transform: scaleX(0.8);
    transform-origin: right;
  }
}
.canta-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
}
.canta-carousel--shadowed {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-carousel--shadow-lg {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-carousel--borderless {
  border: none;
  box-shadow: none;
}

.canta-carousel__track {
  display: flex;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.canta-carousel__track--dragging {
  transition: none;
  cursor: grabbing;
}

.canta-carousel__slide {
  flex: 0 0 100%;
  width: 100%;
  min-height: 300px;
  position: relative;
}
.canta-carousel__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-carousel--show-2 .canta-carousel__slide {
  flex: 0 0 50%;
}
.canta-carousel--show-3 .canta-carousel__slide {
  flex: 0 0 33.333%;
}
.canta-carousel--show-4 .canta-carousel__slide {
  flex: 0 0 25%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-carousel--show-3 .canta-carousel__slide, .canta-carousel--show-4 .canta-carousel__slide {
    flex: 0 0 50%;
  }
}
@media (max-width: 768px) {
  .canta-carousel--show-2 .canta-carousel__slide, .canta-carousel--show-3 .canta-carousel__slide, .canta-carousel--show-4 .canta-carousel__slide {
    flex: 0 0 100%;
  }
}

.canta-carousel__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
  color: #FFFFFF;
}
.canta-carousel__content--center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.canta-carousel__content--top {
  top: 0;
  bottom: auto;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
}

.canta-carousel__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-size: 1.5rem;
  margin: 0 0 0.5rem;
  color: #FFFFFF;
}

.canta-carousel__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  color: #FFFFFF;
}

.canta-carousel__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.canta-carousel__nav--prev {
  left: 1rem;
}
.canta-carousel__nav--next {
  right: 1rem;
}

.canta-carousel__btn {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-carousel__btn:focus {
  outline: none;
}
.canta-carousel__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E5E5;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 48px;
  height: 48px;
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-carousel__btn svg {
  width: 24px;
  height: 24px;
}
.canta-carousel__btn:hover {
  background-color: #F5F5F5;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-carousel__btn:active {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-carousel__btn:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-carousel__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.canta-carousel__btn:disabled:hover {
  background-color: #FFFFFF;
  color: #000000;
  transform: none;
  box-shadow: none;
}
.canta-carousel__btn--circle {
  border-radius: 50%;
}
.canta-carousel__btn--large {
  width: 64px;
  height: 64px;
}
.canta-carousel__btn--large svg {
  width: 32px;
  height: 32px;
}
.canta-carousel__btn--inverted {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.canta-carousel__btn--inverted:hover {
  background-color: #0050F2;
}
.canta-carousel__btn--blue {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: #000000;
}
.canta-carousel__btn--blue:hover {
  background-color: #FF3264;
}

.canta-carousel--nav-outside .canta-carousel__nav--prev {
  left: -64px;
}
.canta-carousel--nav-outside .canta-carousel__nav--next {
  right: -64px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-carousel--nav-outside .canta-carousel__nav--prev {
    left: 0.5rem;
  }
  .canta-carousel--nav-outside .canta-carousel__nav--next {
    right: 0.5rem;
  }
}

.canta-carousel--nav-bottom {
  padding-bottom: 80px;
}
.canta-carousel--nav-bottom .canta-carousel__nav {
  top: auto;
  bottom: 1rem;
  transform: none;
}
.canta-carousel--nav-bottom .canta-carousel__nav--prev {
  left: auto;
  right: calc(50% + 0.5rem);
}
.canta-carousel--nav-bottom .canta-carousel__nav--next {
  right: auto;
  left: calc(50% + 0.5rem);
}

.canta-carousel__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.canta-carousel__dot {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-carousel__dot:focus {
  outline: none;
}
.canta-carousel__dot {
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 12px;
  height: 12px;
  border: 1px solid #D4D4D4;
  border-radius: 9999px;
  background-color: #FFFFFF;
}
.canta-carousel__dot:hover {
  background-color: #E5E5E5;
}
.canta-carousel__dot:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-carousel__dot--active, .canta-carousel__dot.is-active {
  background-color: #0050F2;
  border-color: #0050F2;
}
.canta-carousel__dot--circle {
  border-radius: 50%;
}
.canta-carousel__dot--large {
  width: 16px;
  height: 16px;
}
.canta-carousel__dot--line {
  width: 32px;
  height: 4px;
  border-radius: 0;
}
.canta-carousel__dot--line.canta-carousel__dot--active, .canta-carousel__dot--line.is-active {
  width: 48px;
}

.canta-carousel__dots--outside {
  position: relative;
  background-color: #F5F5F5;
  border-top: 1px solid #E5E5E5;
}

.canta-carousel__dots--left {
  justify-content: flex-start;
  padding-left: 1.5rem;
}

.canta-carousel__dots--right {
  justify-content: flex-end;
  padding-right: 1.5rem;
}

.canta-carousel__dots--inverted .canta-carousel__dot {
  border-color: #FFFFFF;
  background-color: transparent;
}
.canta-carousel__dots--inverted .canta-carousel__dot--active, .canta-carousel__dots--inverted .canta-carousel__dot.is-active {
  background-color: #FFFFFF;
}

.canta-carousel__dots--blue .canta-carousel__dot--active, .canta-carousel__dots--blue .canta-carousel__dot.is-active {
  background-color: #0050F2;
  border-color: #0050F2;
}

.canta-carousel__dots--magenta .canta-carousel__dot--active, .canta-carousel__dots--magenta .canta-carousel__dot.is-active {
  background-color: #FF3264;
  border-color: #FF3264;
}

.canta-carousel__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #E5E5E5;
}

.canta-carousel__progress-bar {
  height: 100%;
  background-color: #000000;
  transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-carousel__progress-bar--blue {
  background-color: #0050F2;
}
.canta-carousel__progress-bar--magenta {
  background-color: #FF3264;
}
.canta-carousel__progress-bar--animated {
  animation: canta-carousel-progress 5s linear infinite;
}

@keyframes canta-carousel-progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.canta-carousel__thumbnails {
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid #E5E5E5;
  background-color: #F5F5F5;
  overflow-x: auto;
}
.canta-carousel__thumbnails::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.canta-carousel__thumbnails::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 4px;
}
.canta-carousel__thumbnails::-webkit-scrollbar-thumb {
  background: #D4D4D4;
  border-radius: 4px;
}
.canta-carousel__thumbnails::-webkit-scrollbar-thumb:hover {
  background: #999999;
}

.canta-carousel__thumbnail {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-carousel__thumbnail:focus {
  outline: none;
}
.canta-carousel__thumbnail {
  border: 1px solid #E5E5E5;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  flex: 0 0 80px;
  height: 60px;
  overflow: hidden;
  opacity: 0.6;
}
.canta-carousel__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-carousel__thumbnail:hover {
  opacity: 1;
}
.canta-carousel__thumbnail:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-carousel__thumbnail--active, .canta-carousel__thumbnail.is-active {
  opacity: 1;
  border-color: #0050F2;
  box-shadow: 0 0 0 2px #0050F2;
}

.canta-carousel__autoplay {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
}

.canta-carousel__autoplay-btn {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-carousel__autoplay-btn:focus {
  outline: none;
}
.canta-carousel__autoplay-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E5E5;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
}
.canta-carousel__autoplay-btn svg {
  width: 20px;
  height: 20px;
}
.canta-carousel__autoplay-btn:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.canta-carousel__autoplay-btn:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}

.canta-carousel--fade .canta-carousel__track {
  display: block;
  position: relative;
}
.canta-carousel--fade .canta-carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-carousel--fade .canta-carousel__slide--active, .canta-carousel--fade .canta-carousel__slide.is-active {
  position: relative;
  opacity: 1;
}

.canta-carousel--bauhaus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #0050F2 0%, #0050F2 33%, #FF3264 33%, #FF3264 66%, #000000 66%, #000000 100%);
  z-index: 5;
}
.canta-carousel--bauhaus .canta-carousel__dots {
  bottom: 6px;
}
.canta-carousel--bauhaus::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #000000 0%, #000000 33%, #FF3264 33%, #FF3264 66%, #0050F2 66%, #0050F2 100%);
  z-index: 5;
}

.canta-carousel--geometric::before {
  content: "";
  position: absolute;
  top: -16px;
  right: -16px;
  width: 48px;
  height: 48px;
  background-color: #FF3264;
  border: 2px solid #000000;
  z-index: 10;
}

:root {
  --canta-countdown-flip-duration: 600ms;
  --canta-countdown-perspective: 400px;
}

.canta-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .canta-countdown {
    gap: 0.5rem;
  }
}

.canta-countdown__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.canta-countdown__value {
  border: 1px solid #E5E5E5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 100px;
  padding: 1rem;
  background-color: #000000;
  color: #FFFFFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 768px) {
  .canta-countdown__value {
    min-width: 60px;
    height: 80px;
    font-size: 2.5rem;
  }
}
.canta-countdown__value--sm {
  min-width: 56px;
  height: 70px;
  font-size: 2rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .canta-countdown__value--sm {
    min-width: 48px;
    height: 60px;
    font-size: 1.5rem;
  }
}
.canta-countdown__value--lg {
  min-width: 120px;
  height: 140px;
  font-size: 5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .canta-countdown__value--lg {
    min-width: 80px;
    height: 100px;
    font-size: 3rem;
  }
}
.canta-countdown__value--white {
  background-color: #FFFFFF;
  color: #000000;
}
.canta-countdown__value--blue {
  background-color: #0050F2;
  color: #FFFFFF;
}
.canta-countdown__value--magenta {
  background-color: #FF3264;
  color: #FFFFFF;
}
.canta-countdown__value--outline {
  background-color: transparent;
  color: #000000;
  border-width: 3px;
  box-shadow: none;
}

.canta-countdown__label {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000000;
}
.canta-countdown__label--lg {
  font-size: 1rem;
}
.canta-countdown__label--white {
  color: #FFFFFF;
}

.canta-countdown__separator {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: #000000;
  align-self: flex-start;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .canta-countdown__separator {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
.canta-countdown__separator--animated {
  animation: canta-countdown-blink 1s ease-in-out infinite;
}
.canta-countdown__separator--white {
  color: #FFFFFF;
}

@keyframes canta-countdown-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.canta-countdown--flip .canta-countdown__value {
  position: relative;
  perspective: var(--canta-countdown-perspective);
  background-color: transparent;
  box-shadow: none;
  border: none;
  overflow: visible;
}

.canta-countdown__flip {
  position: relative;
  width: 80px;
  height: 100px;
}
@media (max-width: 768px) {
  .canta-countdown__flip {
    width: 60px;
    height: 80px;
  }
}
.canta-countdown__value--sm .canta-countdown__flip {
  width: 56px;
  height: 70px;
}
@media (max-width: 768px) {
  .canta-countdown__value--sm .canta-countdown__flip {
    width: 48px;
    height: 60px;
  }
}
.canta-countdown__value--lg .canta-countdown__flip {
  width: 120px;
  height: 140px;
}
@media (max-width: 768px) {
  .canta-countdown__value--lg .canta-countdown__flip {
    width: 80px;
    height: 100px;
  }
}

.canta-countdown__flip-top,
.canta-countdown__flip-bottom {
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  background-color: #000000;
}
.canta-countdown__flip-top span,
.canta-countdown__flip-bottom span {
  display: block;
  width: 100%;
  height: 200%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
  line-height: 2;
}
@media (max-width: 768px) {
  .canta-countdown__flip-top span,
  .canta-countdown__flip-bottom span {
    font-size: 2.5rem;
  }
}
.canta-countdown__value--sm .canta-countdown__flip-top span,
.canta-countdown__value--sm .canta-countdown__flip-bottom span {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .canta-countdown__value--sm .canta-countdown__flip-top span,
  .canta-countdown__value--sm .canta-countdown__flip-bottom span {
    font-size: 1.5rem;
  }
}
.canta-countdown__value--lg .canta-countdown__flip-top span,
.canta-countdown__value--lg .canta-countdown__flip-bottom span {
  font-size: 5rem;
}
@media (max-width: 768px) {
  .canta-countdown__value--lg .canta-countdown__flip-top span,
  .canta-countdown__value--lg .canta-countdown__flip-bottom span {
    font-size: 3rem;
  }
}

.canta-countdown__flip-top {
  top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
}
.canta-countdown__flip-top span {
  transform: translateY(0);
}

.canta-countdown__flip-bottom {
  bottom: 0;
  border-top: none;
  border-radius: 0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-countdown__flip-bottom span {
  transform: translateY(-50%);
}

.canta-countdown__flip-card {
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;
  overflow: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  border: 1px solid #E5E5E5;
  background-color: #000000;
}
.canta-countdown__flip-card span {
  display: block;
  width: 100%;
  height: 200%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
  line-height: 2;
}
@media (max-width: 768px) {
  .canta-countdown__flip-card span {
    font-size: 2.5rem;
  }
}

.canta-countdown__flip-card--top {
  top: 0;
  transform-origin: bottom center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.canta-countdown__flip-card--top span {
  transform: translateY(0);
}
.canta-countdown__flip-card--top.is-flipping {
  animation: canta-flip-top var(--canta-countdown-flip-duration) ease-in forwards;
}

.canta-countdown__flip-card--bottom {
  bottom: 0;
  transform-origin: top center;
  transform: rotateX(90deg);
  border-top: none;
}
.canta-countdown__flip-card--bottom span {
  transform: translateY(-50%);
}
.canta-countdown__flip-card--bottom.is-flipping {
  animation: canta-flip-bottom var(--canta-countdown-flip-duration) ease-out forwards;
  animation-delay: calc(var(--canta-countdown-flip-duration) / 2);
}

@keyframes canta-flip-top {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(-90deg);
  }
}
@keyframes canta-flip-bottom {
  0% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.canta-countdown--flip-white .canta-countdown__flip-top,
.canta-countdown--flip-white .canta-countdown__flip-bottom,
.canta-countdown--flip-white .canta-countdown__flip-card {
  background-color: #FFFFFF;
  border-color: #000000;
}
.canta-countdown--flip-white .canta-countdown__flip-top span,
.canta-countdown--flip-white .canta-countdown__flip-bottom span,
.canta-countdown--flip-white .canta-countdown__flip-card span {
  color: #000000;
}
.canta-countdown--flip-white .canta-countdown__flip-top {
  border-bottom-color: #E5E5E5;
}

.canta-countdown--flip-blue .canta-countdown__flip-top,
.canta-countdown--flip-blue .canta-countdown__flip-bottom,
.canta-countdown--flip-blue .canta-countdown__flip-card {
  background-color: #0050F2;
  border-color: #000000;
}

.canta-countdown--flip-magenta .canta-countdown__flip-top,
.canta-countdown--flip-magenta .canta-countdown__flip-bottom,
.canta-countdown--flip-magenta .canta-countdown__flip-card {
  background-color: #FF3264;
  border-color: #000000;
}

.canta-countdown--inline {
  display: inline-flex;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
}
.canta-countdown--inline .canta-countdown__item {
  flex-direction: row;
  gap: 0.25rem;
}
.canta-countdown--inline .canta-countdown__value {
  min-width: auto;
  height: auto;
  padding: 0.25rem 0.5rem;
  font-size: 1.125rem;
  box-shadow: none;
}
.canta-countdown--inline .canta-countdown__label {
  font-size: 0.75rem;
  align-self: center;
}
.canta-countdown--inline .canta-countdown__separator {
  font-size: 1.125rem;
  margin-top: 0;
  align-self: center;
}

.canta-countdown--circular .canta-countdown__value {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border-width: 3px;
}
@media (max-width: 768px) {
  .canta-countdown--circular .canta-countdown__value {
    width: 80px;
    height: 80px;
  }
}

.canta-countdown--bauhaus .canta-countdown__item:nth-child(1) .canta-countdown__value {
  background-color: #0050F2;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-countdown--bauhaus .canta-countdown__item:nth-child(2) .canta-countdown__value {
  background-color: #FF3264;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-countdown--bauhaus .canta-countdown__item:nth-child(3) .canta-countdown__value {
  background-color: #000000;
  box-shadow: 6px 6px 0 0 #0050F2;
}
.canta-countdown--bauhaus .canta-countdown__item:nth-child(4) .canta-countdown__value {
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 6px 6px 0 0 #FF3264;
}

.canta-countdown__message {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}
.canta-countdown__message-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
}
.canta-countdown__message-text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  color: #737373;
}

.canta-countdown--complete .canta-countdown__value {
  background-color: #22C55E;
  animation: canta-countdown-pulse 1s ease-in-out infinite;
}

@keyframes canta-countdown-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.canta-countdown--urgent .canta-countdown__value {
  background-color: #FF3264;
  animation: canta-countdown-urgent 0.5s ease-in-out infinite;
}
.canta-countdown--urgent .canta-countdown__separator--animated {
  animation-duration: 0.5s;
}

@keyframes canta-countdown-urgent {
  0%, 100% {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 0 0 4px #FF3264, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  }
}
.canta-banner {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
  overflow: hidden;
}
.canta-banner--sm {
  min-height: 200px;
  padding: 1.5rem;
}
@media (max-width: 768px) {
  .canta-banner--sm {
    min-height: 160px;
    padding: 1rem;
  }
}
.canta-banner--md {
  min-height: 320px;
  padding: 2rem;
}
@media (max-width: 768px) {
  .canta-banner--md {
    min-height: 240px;
    padding: 1.5rem;
  }
}
.canta-banner--lg {
  min-height: 480px;
  padding: 3rem;
}
@media (max-width: 768px) {
  .canta-banner--lg {
    min-height: 320px;
    padding: 1.5rem;
  }
}
.canta-banner--hero {
  min-height: 100vh;
  padding: 4rem;
  border: none;
}
@media (max-width: 768px) {
  .canta-banner--hero {
    min-height: 100svh;
    padding: 2rem 1rem;
  }
}
.canta-banner--hero-sm {
  min-height: 70vh;
  padding: 3rem;
}
@media (max-width: 768px) {
  .canta-banner--hero-sm {
    min-height: 60vh;
    padding: 1.5rem;
  }
}
.canta-banner--full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  border-left: none;
  border-right: none;
}
.canta-banner--black {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.canta-banner--blue {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: #000000;
}
.canta-banner--magenta {
  background-color: #FF3264;
  color: #FFFFFF;
  border-color: #000000;
}
.canta-banner--gray {
  background-color: #F5F5F5;
  color: #000000;
}
.canta-banner--shadowed {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-banner--center {
  justify-content: center;
  text-align: center;
}
.canta-banner--center .canta-banner__content {
  align-items: center;
}
.canta-banner--right {
  justify-content: flex-end;
  text-align: right;
}
.canta-banner--right .canta-banner__content {
  align-items: flex-end;
}
.canta-banner--bottom {
  align-items: flex-end;
}
.canta-banner--top {
  align-items: flex-start;
}

.canta-banner__background {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.canta-banner__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-banner__background--overlay-light::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.canta-banner__background--overlay-dark::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.canta-banner__background--overlay-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 80, 242, 0.9) 0%, rgba(255, 50, 100, 0.9) 100%);
}
.canta-banner__background--overlay-brutal::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.8) 2px, transparent 2px, transparent 8px);
}

.canta-banner__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
}
.canta-banner__content--full {
  max-width: 100%;
}
.canta-banner__content--narrow {
  max-width: 600px;
}
.canta-banner__content--wide {
  max-width: 1000px;
}

.canta-banner__eyebrow {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #0050F2;
}
.canta-banner--black .canta-banner__eyebrow, .canta-banner--blue .canta-banner__eyebrow, .canta-banner--magenta .canta-banner__eyebrow {
  color: #FFFFFF;
  opacity: 0.8;
}

.canta-banner__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 1.1;
  margin: 0;
  color: inherit;
}
@media (max-width: 768px) {
  .canta-banner__title {
    font-size: 2.5rem;
  }
}
.canta-banner__title--xl {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  font-size: 5rem;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .canta-banner__title--xl {
    font-size: 3rem;
  }
}
.canta-banner__title--md {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1.25;
}
@media (max-width: 768px) {
  .canta-banner__title--md {
    font-size: 2rem;
  }
}

.canta-banner__subtitle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625;
  margin: 0;
  color: inherit;
  opacity: 0.9;
  max-width: 600px;
}
@media (max-width: 768px) {
  .canta-banner__subtitle {
    font-size: 1rem;
  }
}

.canta-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .canta-banner__actions {
    flex-direction: column;
  }
  .canta-banner__actions > * {
    width: 100%;
  }
}
.canta-banner__actions--center {
  justify-content: center;
}
@media (max-width: 768px) {
  .canta-banner__actions--inline {
    flex-direction: row;
  }
  .canta-banner__actions--inline > * {
    width: auto;
  }
}

.canta-banner--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-banner--split {
    grid-template-columns: 1fr;
  }
}
.canta-banner--split .canta-banner__content {
  padding: 2rem;
  justify-content: center;
}
@media (max-width: 768px) {
  .canta-banner--split .canta-banner__content {
    padding: 1.5rem;
  }
}

.canta-banner__media {
  position: relative;
  overflow: hidden;
}
.canta-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-banner__media--right {
  order: 1;
  border-left: 2px solid #000000;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-banner__media--right {
    order: -1;
    border-left: none;
    border-bottom: 2px solid #000000;
  }
}
.canta-banner__media--left {
  border-right: 2px solid #000000;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-banner__media--left {
    border-right: none;
    border-bottom: 2px solid #000000;
  }
}

.canta-banner__badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  padding: 0.5rem 1rem;
  border: 1px solid #E5E5E5;
  background-color: #FF3264;
  color: #FFFFFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
.canta-banner__badge--blue {
  background-color: #0050F2;
}
.canta-banner__badge--black {
  background-color: #000000;
}
.canta-banner__badge--animated {
  animation: canta-banner-badge-pulse 2s ease-in-out infinite;
}

@keyframes canta-banner-badge-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.canta-banner__scroll {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.canta-banner__scroll:hover {
  opacity: 1;
}
.canta-banner__scroll span {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.canta-banner__scroll::after {
  content: "";
  width: 24px;
  height: 40px;
  border: 2px solid currentColor;
  border-radius: 12px;
  position: relative;
}
.canta-banner__scroll::after::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 8px;
  background-color: currentColor;
  border-radius: 2px;
  animation: canta-banner-scroll 1.5s ease-in-out infinite;
}

.canta-banner__scroll-dot {
  width: 4px;
  height: 8px;
  background-color: currentColor;
  border-radius: 2px;
  animation: canta-banner-scroll 1.5s ease-in-out infinite;
}

@keyframes canta-banner-scroll {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(12px);
    opacity: 0.3;
  }
}
.canta-banner--bauhaus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #0050F2 0%, #0050F2 33%, #FF3264 33%, #FF3264 66%, #000000 66%, #000000 100%);
  z-index: 2;
}
.canta-banner--bauhaus::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #000000 0%, #000000 33%, #FF3264 33%, #FF3264 66%, #0050F2 66%, #0050F2 100%);
  z-index: 2;
}

.canta-banner--geometric::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background-color: #FF3264;
  border: 3px solid #000000;
  transform: rotate(45deg);
  z-index: 0;
}
.canta-banner--geometric::after {
  content: "";
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  width: 60px;
  height: 60px;
  border: 3px solid #0050F2;
  border-radius: 50%;
  z-index: 0;
}

.canta-banner--strip {
  min-height: auto;
  padding: 0.75rem 1rem;
  justify-content: center;
  text-align: center;
}
.canta-banner--strip .canta-banner__content {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 100%;
}
@media (max-width: 768px) {
  .canta-banner--strip .canta-banner__content {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.canta-banner--strip .canta-banner__title {
  font-size: 1rem;
  font-weight: 700;
}

.canta-banner--marquee {
  overflow: hidden;
}
.canta-banner--marquee .canta-banner__content {
  animation: canta-banner-marquee 20s linear infinite;
  white-space: nowrap;
  flex-direction: row;
}

@keyframes canta-banner-marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.canta-banner__close {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.canta-banner__close:focus {
  outline: none;
}
.canta-banner__close {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 32px;
  height: 32px;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
  color: #000000;
  z-index: 3;
}
.canta-banner__close svg {
  width: 16px;
  height: 16px;
}
.canta-banner__close:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.canta-banner__close:focus-visible {
  outline: 2px solid #0050F2;
  outline-offset: 2px;
}
.canta-banner--black .canta-banner__close {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.canta-banner--black .canta-banner__close:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.canta-banner__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.canta-banner__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-banner__video::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.canta-cta {
  border: 1px solid #E5E5E5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 3rem 2rem;
  background-color: #FFFFFF;
  border-radius: 12px;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .canta-cta {
    padding: 2rem 1rem;
    gap: 1rem;
  }
}
.canta-cta--sm {
  padding: 1.5rem 1rem;
  gap: 1rem;
}
.canta-cta--sm .canta-cta__title {
  font-size: 1.5rem;
}
.canta-cta--lg {
  padding: 4rem 3rem;
  gap: 2rem;
}
@media (max-width: 768px) {
  .canta-cta--lg {
    padding: 3rem 1.5rem;
  }
}
.canta-cta--black {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #525252;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-cta--black .canta-cta__description {
  color: #E5E5E5;
}
.canta-cta--blue {
  background-color: #0050F2;
  color: #FFFFFF;
  border-color: rgba(0, 80, 242, 0.3);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-cta--magenta {
  background-color: #FF3264;
  color: #FFFFFF;
  border-color: rgba(255, 50, 100, 0.3);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.canta-cta--gray {
  background-color: #F5F5F5;
  color: #000000;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.canta-cta--left {
  align-items: flex-start;
  text-align: left;
}
.canta-cta--right {
  align-items: flex-end;
  text-align: right;
}
.canta-cta--horizontal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
@media (max-width: 768px) {
  .canta-cta--horizontal {
    flex-direction: column;
    text-align: center;
  }
}
.canta-cta--horizontal .canta-cta__content {
  flex: 1;
}
.canta-cta--horizontal .canta-cta__actions {
  flex-shrink: 0;
  margin-top: 0;
}
.canta-cta--full {
  width: 100%;
}
.canta-cta--full-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  border-left: none;
  border-right: none;
  box-shadow: none;
}
.canta-cta--flat {
  box-shadow: none;
}

.canta-cta__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 700px;
}

.canta-cta__eyebrow {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #0050F2;
}
.canta-cta--black .canta-cta__eyebrow, .canta-cta--blue .canta-cta__eyebrow, .canta-cta--magenta .canta-cta__eyebrow {
  color: inherit;
  opacity: 0.8;
}

.canta-cta__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1.25;
  margin: 0;
  color: inherit;
}
@media (max-width: 768px) {
  .canta-cta__title {
    font-size: 2rem;
  }
}
.canta-cta__title--lg {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .canta-cta__title--lg {
    font-size: 2.5rem;
  }
}
.canta-cta__title--sm {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
  font-size: 1.5rem;
}

.canta-cta__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625;
  margin: 0;
  color: #737373;
  max-width: 600px;
}
@media (max-width: 768px) {
  .canta-cta__description {
    font-size: 1rem;
  }
}
.canta-cta--black .canta-cta__description, .canta-cta--blue .canta-cta__description, .canta-cta--magenta .canta-cta__description {
  color: inherit;
  opacity: 0.9;
}

.canta-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .canta-cta__actions {
    flex-direction: column;
    width: 100%;
  }
  .canta-cta__actions > * {
    width: 100%;
  }
}
.canta-cta__actions--stacked {
  flex-direction: column;
}
.canta-cta__actions--stacked > * {
  width: 100%;
  max-width: 300px;
}
.canta-cta__actions--compact {
  gap: 0.5rem;
}

.canta-cta__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border: 1px solid #E5E5E5;
  background-color: #000000;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.canta-cta__icon svg {
  width: 40px;
  height: 40px;
}
.canta-cta__icon--circle {
  border-radius: 50%;
}
.canta-cta__icon--blue {
  background-color: #0050F2;
}
.canta-cta__icon--magenta {
  background-color: #FF3264;
}
.canta-cta__icon--outline {
  background-color: transparent;
  color: #000000;
}
.canta-cta--black .canta-cta__icon--outline {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.canta-cta__image {
  max-width: 200px;
  margin-bottom: 1rem;
}
.canta-cta__image img {
  display: block;
  width: 100%;
  height: auto;
}

.canta-cta--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  text-align: left;
  gap: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-cta--split {
    grid-template-columns: 1fr;
  }
}
.canta-cta--split .canta-cta__content {
  padding: 3rem 2rem;
  max-width: 100%;
  justify-content: center;
}
@media (max-width: 768px) {
  .canta-cta--split .canta-cta__content {
    padding: 2rem 1rem;
  }
}
@media (max-width: 768px) {
  .canta-cta--split .canta-cta__actions {
    flex-direction: column;
  }
}

.canta-cta__media {
  position: relative;
  min-height: 300px;
  border-left: 2px solid #000000;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-cta__media {
    border-left: none;
    border-top: 2px solid #000000;
    order: -1;
  }
}
.canta-cta__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canta-cta__media--left {
  order: -1;
  border-left: none;
  border-right: 2px solid #000000;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-cta__media--left {
    border-right: none;
    border-bottom: 2px solid #000000;
    border-top: none;
  }
}

.canta-cta__form {
  display: flex;
  gap: 0.75rem;
  width: 100%;
  max-width: 500px;
}
@media (max-width: 768px) {
  .canta-cta__form {
    flex-direction: column;
  }
}

.canta-cta__input {
  border: 1px solid #E5E5E5;
  flex: 1;
  padding: 0.75rem 1rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  background-color: #FFFFFF;
  color: #000000;
}
.canta-cta__input:focus {
  outline: none;
  border-color: #0050F2;
}
.canta-cta__input::placeholder {
  color: #999999;
}

.canta-cta__submit {
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .canta-cta__submit {
    width: 100%;
  }
}

.canta-cta__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 0.5rem;
}
.canta-cta--left .canta-cta__list, .canta-cta--horizontal .canta-cta__list {
  justify-content: flex-start;
}

.canta-cta__list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}
.canta-cta__list-item::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #0050F2;
  flex-shrink: 0;
}
.canta-cta--blue .canta-cta__list-item::before {
  background-color: #FFFFFF;
}
.canta-cta--magenta .canta-cta__list-item::before {
  background-color: #FFFFFF;
}
.canta-cta--black .canta-cta__list-item::before {
  background-color: #FF3264;
}
.canta-cta__list-item--check::before {
  content: none;
}
.canta-cta__list-item svg {
  width: 16px;
  height: 16px;
  color: #0050F2;
  flex-shrink: 0;
}
.canta-cta--blue .canta-cta__list-item svg, .canta-cta--magenta .canta-cta__list-item svg, .canta-cta--black .canta-cta__list-item svg {
  color: inherit;
}

.canta-cta__price {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.canta-cta__price-value {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 768px) {
  .canta-cta__price-value {
    font-size: 2.5rem;
  }
}

.canta-cta__price-currency {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.canta-cta__price-period {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #737373;
}
.canta-cta--black .canta-cta__price-period, .canta-cta--blue .canta-cta__price-period, .canta-cta--magenta .canta-cta__price-period {
  color: inherit;
  opacity: 0.7;
}

.canta-cta__price-original {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.125rem;
  text-decoration: line-through;
  color: #999999;
}

.canta-cta--bauhaus {
  position: relative;
  overflow: visible;
}
.canta-cta--bauhaus::before {
  content: "";
  position: absolute;
  top: -16px;
  right: -16px;
  width: 64px;
  height: 64px;
  background-color: #0050F2;
  border: 2px solid #000000;
  z-index: -1;
}
.canta-cta--bauhaus::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: -12px;
  width: 48px;
  height: 48px;
  background-color: #FF3264;
  border: 2px solid #000000;
  border-radius: 50%;
  z-index: -1;
}

.canta-cta--striped {
  background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 10px, #FFFFFF 10px, #FFFFFF 20px);
}

.canta-cta--dotted {
  background-image: radial-gradient(#E5E5E5 2px, transparent 2px);
  background-size: 16px 16px;
  background-color: #FFFFFF;
}

.canta-cta__countdown {
  padding: 1rem;
  border: 1px solid #E5E5E5;
  background-color: #000000;
  color: #FFFFFF;
}
.canta-cta--black .canta-cta__countdown {
  background-color: #FFFFFF;
  color: #000000;
}

.canta-cta__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #E5E5E5;
}
.canta-cta--black .canta-cta__trust {
  border-top-color: #525252;
}

.canta-cta__trust-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #737373;
}
.canta-cta--black .canta-cta__trust-item, .canta-cta--blue .canta-cta__trust-item, .canta-cta--magenta .canta-cta__trust-item {
  color: inherit;
  opacity: 0.8;
}
.canta-cta__trust-item svg {
  width: 20px;
  height: 20px;
}

.canta-cta-group {
  display: grid;
  gap: 1.5rem;
}
.canta-cta-group--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .canta-cta-group--2 {
    grid-template-columns: 1fr;
  }
}
.canta-cta-group--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canta-cta-group--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .canta-cta-group--3 {
    grid-template-columns: 1fr;
  }
}

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

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

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

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

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

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

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

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

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

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

.canta-m-16 {
  margin: 4rem !important;
}

.canta-m-20 {
  margin: 5rem !important;
}

.canta-m-24 {
  margin: 6rem !important;
}

.canta-m-32 {
  margin: 8rem !important;
}

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

.canta-mt-0 {
  margin-top: 0 !important;
}

.canta-mt-1 {
  margin-top: 0.25rem !important;
}

.canta-mt-2 {
  margin-top: 0.5rem !important;
}

.canta-mt-3 {
  margin-top: 0.75rem !important;
}

.canta-mt-4 {
  margin-top: 1rem !important;
}

.canta-mt-5 {
  margin-top: 1.25rem !important;
}

.canta-mt-6 {
  margin-top: 1.5rem !important;
}

.canta-mt-8 {
  margin-top: 2rem !important;
}

.canta-mt-10 {
  margin-top: 2.5rem !important;
}

.canta-mt-12 {
  margin-top: 3rem !important;
}

.canta-mt-16 {
  margin-top: 4rem !important;
}

.canta-mt-20 {
  margin-top: 5rem !important;
}

.canta-mt-24 {
  margin-top: 6rem !important;
}

.canta-mt-32 {
  margin-top: 8rem !important;
}

.canta-mt-auto {
  margin-top: auto !important;
}

.canta-mb-0 {
  margin-bottom: 0 !important;
}

.canta-mb-1 {
  margin-bottom: 0.25rem !important;
}

.canta-mb-2 {
  margin-bottom: 0.5rem !important;
}

.canta-mb-3 {
  margin-bottom: 0.75rem !important;
}

.canta-mb-4 {
  margin-bottom: 1rem !important;
}

.canta-mb-5 {
  margin-bottom: 1.25rem !important;
}

.canta-mb-6 {
  margin-bottom: 1.5rem !important;
}

.canta-mb-8 {
  margin-bottom: 2rem !important;
}

.canta-mb-10 {
  margin-bottom: 2.5rem !important;
}

.canta-mb-12 {
  margin-bottom: 3rem !important;
}

.canta-mb-16 {
  margin-bottom: 4rem !important;
}

.canta-mb-20 {
  margin-bottom: 5rem !important;
}

.canta-mb-24 {
  margin-bottom: 6rem !important;
}

.canta-mb-32 {
  margin-bottom: 8rem !important;
}

.canta-mb-auto {
  margin-bottom: auto !important;
}

.canta-ml-0 {
  margin-left: 0 !important;
}

.canta-ml-1 {
  margin-left: 0.25rem !important;
}

.canta-ml-2 {
  margin-left: 0.5rem !important;
}

.canta-ml-3 {
  margin-left: 0.75rem !important;
}

.canta-ml-4 {
  margin-left: 1rem !important;
}

.canta-ml-5 {
  margin-left: 1.25rem !important;
}

.canta-ml-6 {
  margin-left: 1.5rem !important;
}

.canta-ml-8 {
  margin-left: 2rem !important;
}

.canta-ml-10 {
  margin-left: 2.5rem !important;
}

.canta-ml-12 {
  margin-left: 3rem !important;
}

.canta-ml-16 {
  margin-left: 4rem !important;
}

.canta-ml-20 {
  margin-left: 5rem !important;
}

.canta-ml-24 {
  margin-left: 6rem !important;
}

.canta-ml-32 {
  margin-left: 8rem !important;
}

.canta-ml-auto {
  margin-left: auto !important;
}

.canta-mr-0 {
  margin-right: 0 !important;
}

.canta-mr-1 {
  margin-right: 0.25rem !important;
}

.canta-mr-2 {
  margin-right: 0.5rem !important;
}

.canta-mr-3 {
  margin-right: 0.75rem !important;
}

.canta-mr-4 {
  margin-right: 1rem !important;
}

.canta-mr-5 {
  margin-right: 1.25rem !important;
}

.canta-mr-6 {
  margin-right: 1.5rem !important;
}

.canta-mr-8 {
  margin-right: 2rem !important;
}

.canta-mr-10 {
  margin-right: 2.5rem !important;
}

.canta-mr-12 {
  margin-right: 3rem !important;
}

.canta-mr-16 {
  margin-right: 4rem !important;
}

.canta-mr-20 {
  margin-right: 5rem !important;
}

.canta-mr-24 {
  margin-right: 6rem !important;
}

.canta-mr-32 {
  margin-right: 8rem !important;
}

.canta-mr-auto {
  margin-right: auto !important;
}

.canta-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.canta-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.canta-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.canta-mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.canta-mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.canta-mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.canta-mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.canta-mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.canta-mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.canta-mx-12 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.canta-mx-16 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.canta-mx-20 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.canta-mx-24 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.canta-mx-32 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.canta-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.canta-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.canta-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.canta-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.canta-my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.canta-my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.canta-my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.canta-my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.canta-my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.canta-my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.canta-my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.canta-my-16 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.canta-my-20 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.canta-my-24 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.canta-my-32 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.canta-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

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

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

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

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

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

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

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

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

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

.canta-p-16 {
  padding: 4rem !important;
}

.canta-p-20 {
  padding: 5rem !important;
}

.canta-p-24 {
  padding: 6rem !important;
}

.canta-p-32 {
  padding: 8rem !important;
}

.canta-pt-0 {
  padding-top: 0 !important;
}

.canta-pt-1 {
  padding-top: 0.25rem !important;
}

.canta-pt-2 {
  padding-top: 0.5rem !important;
}

.canta-pt-3 {
  padding-top: 0.75rem !important;
}

.canta-pt-4 {
  padding-top: 1rem !important;
}

.canta-pt-5 {
  padding-top: 1.25rem !important;
}

.canta-pt-6 {
  padding-top: 1.5rem !important;
}

.canta-pt-8 {
  padding-top: 2rem !important;
}

.canta-pt-10 {
  padding-top: 2.5rem !important;
}

.canta-pt-12 {
  padding-top: 3rem !important;
}

.canta-pt-16 {
  padding-top: 4rem !important;
}

.canta-pt-20 {
  padding-top: 5rem !important;
}

.canta-pt-24 {
  padding-top: 6rem !important;
}

.canta-pt-32 {
  padding-top: 8rem !important;
}

.canta-pb-0 {
  padding-bottom: 0 !important;
}

.canta-pb-1 {
  padding-bottom: 0.25rem !important;
}

.canta-pb-2 {
  padding-bottom: 0.5rem !important;
}

.canta-pb-3 {
  padding-bottom: 0.75rem !important;
}

.canta-pb-4 {
  padding-bottom: 1rem !important;
}

.canta-pb-5 {
  padding-bottom: 1.25rem !important;
}

.canta-pb-6 {
  padding-bottom: 1.5rem !important;
}

.canta-pb-8 {
  padding-bottom: 2rem !important;
}

.canta-pb-10 {
  padding-bottom: 2.5rem !important;
}

.canta-pb-12 {
  padding-bottom: 3rem !important;
}

.canta-pb-16 {
  padding-bottom: 4rem !important;
}

.canta-pb-20 {
  padding-bottom: 5rem !important;
}

.canta-pb-24 {
  padding-bottom: 6rem !important;
}

.canta-pb-32 {
  padding-bottom: 8rem !important;
}

.canta-pl-0 {
  padding-left: 0 !important;
}

.canta-pl-1 {
  padding-left: 0.25rem !important;
}

.canta-pl-2 {
  padding-left: 0.5rem !important;
}

.canta-pl-3 {
  padding-left: 0.75rem !important;
}

.canta-pl-4 {
  padding-left: 1rem !important;
}

.canta-pl-5 {
  padding-left: 1.25rem !important;
}

.canta-pl-6 {
  padding-left: 1.5rem !important;
}

.canta-pl-8 {
  padding-left: 2rem !important;
}

.canta-pl-10 {
  padding-left: 2.5rem !important;
}

.canta-pl-12 {
  padding-left: 3rem !important;
}

.canta-pl-16 {
  padding-left: 4rem !important;
}

.canta-pl-20 {
  padding-left: 5rem !important;
}

.canta-pl-24 {
  padding-left: 6rem !important;
}

.canta-pl-32 {
  padding-left: 8rem !important;
}

.canta-pr-0 {
  padding-right: 0 !important;
}

.canta-pr-1 {
  padding-right: 0.25rem !important;
}

.canta-pr-2 {
  padding-right: 0.5rem !important;
}

.canta-pr-3 {
  padding-right: 0.75rem !important;
}

.canta-pr-4 {
  padding-right: 1rem !important;
}

.canta-pr-5 {
  padding-right: 1.25rem !important;
}

.canta-pr-6 {
  padding-right: 1.5rem !important;
}

.canta-pr-8 {
  padding-right: 2rem !important;
}

.canta-pr-10 {
  padding-right: 2.5rem !important;
}

.canta-pr-12 {
  padding-right: 3rem !important;
}

.canta-pr-16 {
  padding-right: 4rem !important;
}

.canta-pr-20 {
  padding-right: 5rem !important;
}

.canta-pr-24 {
  padding-right: 6rem !important;
}

.canta-pr-32 {
  padding-right: 8rem !important;
}

.canta-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.canta-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.canta-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.canta-px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.canta-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.canta-px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.canta-px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.canta-px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.canta-px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.canta-px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.canta-px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.canta-px-20 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.canta-px-24 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.canta-px-32 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.canta-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.canta-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.canta-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.canta-py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.canta-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.canta-py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.canta-py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.canta-py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.canta-py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.canta-py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.canta-py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.canta-py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.canta-py-24 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.canta-py-32 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.canta-gap-0 {
  gap: 0 !important;
}

.canta-gap-x-0 {
  column-gap: 0 !important;
}

.canta-gap-y-0 {
  row-gap: 0 !important;
}

.canta-gap-1 {
  gap: 0.25rem !important;
}

.canta-gap-x-1 {
  column-gap: 0.25rem !important;
}

.canta-gap-y-1 {
  row-gap: 0.25rem !important;
}

.canta-gap-2 {
  gap: 0.5rem !important;
}

.canta-gap-x-2 {
  column-gap: 0.5rem !important;
}

.canta-gap-y-2 {
  row-gap: 0.5rem !important;
}

.canta-gap-3 {
  gap: 0.75rem !important;
}

.canta-gap-x-3 {
  column-gap: 0.75rem !important;
}

.canta-gap-y-3 {
  row-gap: 0.75rem !important;
}

.canta-gap-4 {
  gap: 1rem !important;
}

.canta-gap-x-4 {
  column-gap: 1rem !important;
}

.canta-gap-y-4 {
  row-gap: 1rem !important;
}

.canta-gap-5 {
  gap: 1.25rem !important;
}

.canta-gap-x-5 {
  column-gap: 1.25rem !important;
}

.canta-gap-y-5 {
  row-gap: 1.25rem !important;
}

.canta-gap-6 {
  gap: 1.5rem !important;
}

.canta-gap-x-6 {
  column-gap: 1.5rem !important;
}

.canta-gap-y-6 {
  row-gap: 1.5rem !important;
}

.canta-gap-8 {
  gap: 2rem !important;
}

.canta-gap-x-8 {
  column-gap: 2rem !important;
}

.canta-gap-y-8 {
  row-gap: 2rem !important;
}

.canta-gap-10 {
  gap: 2.5rem !important;
}

.canta-gap-x-10 {
  column-gap: 2.5rem !important;
}

.canta-gap-y-10 {
  row-gap: 2.5rem !important;
}

.canta-gap-12 {
  gap: 3rem !important;
}

.canta-gap-x-12 {
  column-gap: 3rem !important;
}

.canta-gap-y-12 {
  row-gap: 3rem !important;
}

.canta-gap-16 {
  gap: 4rem !important;
}

.canta-gap-x-16 {
  column-gap: 4rem !important;
}

.canta-gap-y-16 {
  row-gap: 4rem !important;
}

.canta-gap-20 {
  gap: 5rem !important;
}

.canta-gap-x-20 {
  column-gap: 5rem !important;
}

.canta-gap-y-20 {
  row-gap: 5rem !important;
}

.canta-gap-24 {
  gap: 6rem !important;
}

.canta-gap-x-24 {
  column-gap: 6rem !important;
}

.canta-gap-y-24 {
  row-gap: 6rem !important;
}

.canta-gap-32 {
  gap: 8rem !important;
}

.canta-gap-x-32 {
  column-gap: 8rem !important;
}

.canta-gap-y-32 {
  row-gap: 8rem !important;
}

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

.canta--mt-1 {
  margin-top: -0.25rem !important;
}

.canta--mb-1 {
  margin-bottom: -0.25rem !important;
}

.canta--ml-1 {
  margin-left: -0.25rem !important;
}

.canta--mr-1 {
  margin-right: -0.25rem !important;
}

.canta--mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.canta--my-1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

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

.canta--mt-2 {
  margin-top: -0.5rem !important;
}

.canta--mb-2 {
  margin-bottom: -0.5rem !important;
}

.canta--ml-2 {
  margin-left: -0.5rem !important;
}

.canta--mr-2 {
  margin-right: -0.5rem !important;
}

.canta--mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.canta--my-2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

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

.canta--mt-3 {
  margin-top: -0.75rem !important;
}

.canta--mb-3 {
  margin-bottom: -0.75rem !important;
}

.canta--ml-3 {
  margin-left: -0.75rem !important;
}

.canta--mr-3 {
  margin-right: -0.75rem !important;
}

.canta--mx-3 {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.canta--my-3 {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

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

.canta--mt-4 {
  margin-top: -1rem !important;
}

.canta--mb-4 {
  margin-bottom: -1rem !important;
}

.canta--ml-4 {
  margin-left: -1rem !important;
}

.canta--mr-4 {
  margin-right: -1rem !important;
}

.canta--mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.canta--my-4 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

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

.canta--mt-5 {
  margin-top: -1.25rem !important;
}

.canta--mb-5 {
  margin-bottom: -1.25rem !important;
}

.canta--ml-5 {
  margin-left: -1.25rem !important;
}

.canta--mr-5 {
  margin-right: -1.25rem !important;
}

.canta--mx-5 {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
}

.canta--my-5 {
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}

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

.canta--mt-6 {
  margin-top: -1.5rem !important;
}

.canta--mb-6 {
  margin-bottom: -1.5rem !important;
}

.canta--ml-6 {
  margin-left: -1.5rem !important;
}

.canta--mr-6 {
  margin-right: -1.5rem !important;
}

.canta--mx-6 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.canta--my-6 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

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

.canta--mt-8 {
  margin-top: -2rem !important;
}

.canta--mb-8 {
  margin-bottom: -2rem !important;
}

.canta--ml-8 {
  margin-left: -2rem !important;
}

.canta--mr-8 {
  margin-right: -2rem !important;
}

.canta--mx-8 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}

.canta--my-8 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

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

.canta--mt-10 {
  margin-top: -2.5rem !important;
}

.canta--mb-10 {
  margin-bottom: -2.5rem !important;
}

.canta--ml-10 {
  margin-left: -2.5rem !important;
}

.canta--mr-10 {
  margin-right: -2.5rem !important;
}

.canta--mx-10 {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}

.canta--my-10 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}

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

.canta--mt-12 {
  margin-top: -3rem !important;
}

.canta--mb-12 {
  margin-bottom: -3rem !important;
}

.canta--ml-12 {
  margin-left: -3rem !important;
}

.canta--mr-12 {
  margin-right: -3rem !important;
}

.canta--mx-12 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.canta--my-12 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.canta--m-16 {
  margin: -4rem !important;
}

.canta--mt-16 {
  margin-top: -4rem !important;
}

.canta--mb-16 {
  margin-bottom: -4rem !important;
}

.canta--ml-16 {
  margin-left: -4rem !important;
}

.canta--mr-16 {
  margin-right: -4rem !important;
}

.canta--mx-16 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}

.canta--my-16 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}

.canta--m-20 {
  margin: -5rem !important;
}

.canta--mt-20 {
  margin-top: -5rem !important;
}

.canta--mb-20 {
  margin-bottom: -5rem !important;
}

.canta--ml-20 {
  margin-left: -5rem !important;
}

.canta--mr-20 {
  margin-right: -5rem !important;
}

.canta--mx-20 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}

.canta--my-20 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}

.canta--m-24 {
  margin: -6rem !important;
}

.canta--mt-24 {
  margin-top: -6rem !important;
}

.canta--mb-24 {
  margin-bottom: -6rem !important;
}

.canta--ml-24 {
  margin-left: -6rem !important;
}

.canta--mr-24 {
  margin-right: -6rem !important;
}

.canta--mx-24 {
  margin-left: -6rem !important;
  margin-right: -6rem !important;
}

.canta--my-24 {
  margin-top: -6rem !important;
  margin-bottom: -6rem !important;
}

.canta--m-32 {
  margin: -8rem !important;
}

.canta--mt-32 {
  margin-top: -8rem !important;
}

.canta--mb-32 {
  margin-bottom: -8rem !important;
}

.canta--ml-32 {
  margin-left: -8rem !important;
}

.canta--mr-32 {
  margin-right: -8rem !important;
}

.canta--mx-32 {
  margin-left: -8rem !important;
  margin-right: -8rem !important;
}

.canta--my-32 {
  margin-top: -8rem !important;
  margin-bottom: -8rem !important;
}

.canta-text-xs {
  font-size: 0.75rem !important;
}

.canta-text-sm {
  font-size: 0.875rem !important;
}

.canta-text-base {
  font-size: 1rem !important;
}

.canta-text-lg {
  font-size: 1.125rem !important;
}

.canta-text-xl {
  font-size: 1.25rem !important;
}

.canta-text-2xl {
  font-size: 1.5rem !important;
}

.canta-text-3xl {
  font-size: 2rem !important;
}

.canta-text-4xl {
  font-size: 2.5rem !important;
}

.canta-text-5xl {
  font-size: 3rem !important;
}

.canta-text-6xl {
  font-size: 4rem !important;
}

.canta-text-7xl {
  font-size: 5rem !important;
}

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

.canta-font-regular {
  font-weight: 500 !important;
}

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

.canta-font-semibold {
  font-weight: 600 !important;
}

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

.canta-font-extrabold {
  font-weight: 800 !important;
}

.canta-font-black {
  font-weight: 800 !important;
}

.canta-font-display {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.canta-font-text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.canta-font-mono {
  font-family: "Fira Code", "Courier New", monospace !important;
}

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

.canta-text-center {
  text-align: center !important;
}

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

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

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

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

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

.canta-normal-case {
  text-transform: none !important;
}

.canta-leading-none {
  line-height: 1 !important;
}

.canta-leading-tight {
  line-height: 1.1 !important;
}

.canta-leading-snug {
  line-height: 1.25 !important;
}

.canta-leading-normal {
  line-height: 1.5 !important;
}

.canta-leading-relaxed {
  line-height: 1.625 !important;
}

.canta-leading-loose {
  line-height: 2 !important;
}

.canta-tracking-tighter {
  letter-spacing: -0.05em !important;
}

.canta-tracking-tight {
  letter-spacing: -0.025em !important;
}

.canta-tracking-normal {
  letter-spacing: 0 !important;
}

.canta-tracking-wide {
  letter-spacing: 0.025em !important;
}

.canta-tracking-wider {
  letter-spacing: 0.05em !important;
}

.canta-tracking-widest {
  letter-spacing: 0.1em !important;
}

.canta-underline {
  text-decoration: underline !important;
}

.canta-overline {
  text-decoration: overline !important;
}

.canta-line-through {
  text-decoration: line-through !important;
}

.canta-no-underline {
  text-decoration: none !important;
}

.canta-underline-brutal {
  text-decoration: underline !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 4px !important;
}

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

.canta-text-ellipsis {
  text-overflow: ellipsis !important;
}

.canta-text-clip {
  text-overflow: clip !important;
}

.canta-whitespace-normal {
  white-space: normal !important;
}

.canta-whitespace-nowrap {
  white-space: nowrap !important;
}

.canta-whitespace-pre {
  white-space: pre !important;
}

.canta-whitespace-pre-line {
  white-space: pre-line !important;
}

.canta-whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.canta-whitespace-break-spaces {
  white-space: break-spaces !important;
}

.canta-break-normal {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.canta-break-words {
  overflow-wrap: break-word !important;
}

.canta-break-all {
  word-break: break-all !important;
}

.canta-break-keep {
  word-break: keep-all !important;
}

.canta-align-baseline {
  vertical-align: baseline !important;
}

.canta-align-top {
  vertical-align: top !important;
}

.canta-align-middle {
  vertical-align: middle !important;
}

.canta-align-bottom {
  vertical-align: bottom !important;
}

.canta-align-text-top {
  vertical-align: text-top !important;
}

.canta-align-text-bottom {
  vertical-align: text-bottom !important;
}

.canta-line-clamp-1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.canta-line-clamp-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.canta-line-clamp-3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.canta-line-clamp-4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.canta-line-clamp-5 {
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.canta-line-clamp-none {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: horizontal !important;
  overflow: visible !important;
}

.canta-display-brutal {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
}

.canta-headline-bauhaus {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
}

.canta-caption-mono {
  font-family: "Fira Code", "Courier New", monospace !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

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

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

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

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

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

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

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

.canta-table {
  display: table !important;
}

.canta-table-row {
  display: table-row !important;
}

.canta-table-cell {
  display: table-cell !important;
}

.canta-contents {
  display: contents !important;
}

.canta-flow-root {
  display: flow-root !important;
}

.canta-hidden,
.canta-none {
  display: none !important;
}

.canta-flex-row {
  flex-direction: row !important;
}

.canta-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.canta-flex-col {
  flex-direction: column !important;
}

.canta-flex-col-reverse {
  flex-direction: column-reverse !important;
}

.canta-flex-wrap {
  flex-wrap: wrap !important;
}

.canta-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.canta-flex-nowrap {
  flex-wrap: nowrap !important;
}

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

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

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

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

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

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

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

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

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

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

.canta-items-baseline {
  align-items: baseline !important;
}

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

.canta-self-auto {
  align-self: auto !important;
}

.canta-self-start {
  align-self: flex-start !important;
}

.canta-self-end {
  align-self: flex-end !important;
}

.canta-self-center {
  align-self: center !important;
}

.canta-self-stretch {
  align-self: stretch !important;
}

.canta-self-baseline {
  align-self: baseline !important;
}

.canta-content-start {
  align-content: flex-start !important;
}

.canta-content-end {
  align-content: flex-end !important;
}

.canta-content-center {
  align-content: center !important;
}

.canta-content-between {
  align-content: space-between !important;
}

.canta-content-around {
  align-content: space-around !important;
}

.canta-content-evenly {
  align-content: space-evenly !important;
}

.canta-content-stretch {
  align-content: stretch !important;
}

.canta-flex-1 {
  flex: 1 1 0% !important;
}

.canta-flex-auto {
  flex: 1 1 auto !important;
}

.canta-flex-initial {
  flex: 0 1 auto !important;
}

.canta-flex-none {
  flex: none !important;
}

.canta-grow {
  flex-grow: 1 !important;
}

.canta-grow-0 {
  flex-grow: 0 !important;
}

.canta-shrink {
  flex-shrink: 1 !important;
}

.canta-shrink-0 {
  flex-shrink: 0 !important;
}

.canta-order-first {
  order: -9999 !important;
}

.canta-order-last {
  order: 9999 !important;
}

.canta-order-none {
  order: 0 !important;
}

.canta-order-1 {
  order: 1 !important;
}

.canta-order-2 {
  order: 2 !important;
}

.canta-order-3 {
  order: 3 !important;
}

.canta-order-4 {
  order: 4 !important;
}

.canta-order-5 {
  order: 5 !important;
}

.canta-order-6 {
  order: 6 !important;
}

.canta-order-7 {
  order: 7 !important;
}

.canta-order-8 {
  order: 8 !important;
}

.canta-order-9 {
  order: 9 !important;
}

.canta-order-10 {
  order: 10 !important;
}

.canta-order-11 {
  order: 11 !important;
}

.canta-order-12 {
  order: 12 !important;
}

.canta-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.canta-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.canta-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.canta-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.canta-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.canta-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.canta-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.canta-grid-cols-none {
  grid-template-columns: none !important;
}

.canta-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.canta-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.canta-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.canta-grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.canta-grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}

.canta-grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.canta-grid-rows-none {
  grid-template-rows: none !important;
}

.canta-col-auto {
  grid-column: auto !important;
}

.canta-col-span-full {
  grid-column: 1/-1 !important;
}

.canta-col-span-1 {
  grid-column: span 1/span 1 !important;
}

.canta-col-span-2 {
  grid-column: span 2/span 2 !important;
}

.canta-col-span-3 {
  grid-column: span 3/span 3 !important;
}

.canta-col-span-4 {
  grid-column: span 4/span 4 !important;
}

.canta-col-span-5 {
  grid-column: span 5/span 5 !important;
}

.canta-col-span-6 {
  grid-column: span 6/span 6 !important;
}

.canta-col-span-7 {
  grid-column: span 7/span 7 !important;
}

.canta-col-span-8 {
  grid-column: span 8/span 8 !important;
}

.canta-col-span-9 {
  grid-column: span 9/span 9 !important;
}

.canta-col-span-10 {
  grid-column: span 10/span 10 !important;
}

.canta-col-span-11 {
  grid-column: span 11/span 11 !important;
}

.canta-col-span-12 {
  grid-column: span 12/span 12 !important;
}

.canta-row-auto {
  grid-row: auto !important;
}

.canta-row-span-full {
  grid-row: 1/-1 !important;
}

.canta-row-span-1 {
  grid-row: span 1/span 1 !important;
}

.canta-row-span-2 {
  grid-row: span 2/span 2 !important;
}

.canta-row-span-3 {
  grid-row: span 3/span 3 !important;
}

.canta-row-span-4 {
  grid-row: span 4/span 4 !important;
}

.canta-row-span-5 {
  grid-row: span 5/span 5 !important;
}

.canta-row-span-6 {
  grid-row: span 6/span 6 !important;
}

.canta-place-items-start {
  place-items: start !important;
}

.canta-place-items-end {
  place-items: end !important;
}

.canta-place-items-center {
  place-items: center !important;
}

.canta-place-items-stretch {
  place-items: stretch !important;
}

.canta-place-content-start {
  place-content: start !important;
}

.canta-place-content-end {
  place-content: end !important;
}

.canta-place-content-center {
  place-content: center !important;
}

.canta-place-content-between {
  place-content: space-between !important;
}

.canta-place-content-around {
  place-content: space-around !important;
}

.canta-place-content-evenly {
  place-content: space-evenly !important;
}

.canta-place-content-stretch {
  place-content: stretch !important;
}

.canta-visible {
  visibility: visible !important;
}

.canta-invisible {
  visibility: hidden !important;
}

.canta-collapse {
  visibility: collapse !important;
}

.canta-overflow-auto {
  overflow: auto !important;
}

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

.canta-overflow-clip {
  overflow: clip !important;
}

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

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

.canta-overflow-x-auto {
  overflow-x: auto !important;
}

.canta-overflow-x-hidden {
  overflow-x: hidden !important;
}

.canta-overflow-x-clip {
  overflow-x: clip !important;
}

.canta-overflow-x-visible {
  overflow-x: visible !important;
}

.canta-overflow-x-scroll {
  overflow-x: scroll !important;
}

.canta-overflow-y-auto {
  overflow-y: auto !important;
}

.canta-overflow-y-hidden {
  overflow-y: hidden !important;
}

.canta-overflow-y-clip {
  overflow-y: clip !important;
}

.canta-overflow-y-visible {
  overflow-y: visible !important;
}

.canta-overflow-y-scroll {
  overflow-y: scroll !important;
}

.canta-static {
  position: static !important;
}

.canta-fixed {
  position: fixed !important;
}

.canta-absolute {
  position: absolute !important;
}

.canta-relative {
  position: relative !important;
}

.canta-sticky {
  position: sticky !important;
}

.canta-inset-0 {
  inset: 0 !important;
}

.canta-inset-auto {
  inset: auto !important;
}

.canta-inset-x-0 {
  left: 0 !important;
  right: 0 !important;
}

.canta-inset-y-0 {
  top: 0 !important;
  bottom: 0 !important;
}

.canta-top-0 {
  top: 0 !important;
}

.canta-right-0 {
  right: 0 !important;
}

.canta-bottom-0 {
  bottom: 0 !important;
}

.canta-left-0 {
  left: 0 !important;
}

.canta-top-auto {
  top: auto !important;
}

.canta-right-auto {
  right: auto !important;
}

.canta-bottom-auto {
  bottom: auto !important;
}

.canta-left-auto {
  left: auto !important;
}

.canta-z-0 {
  z-index: 0 !important;
}

.canta-z-10 {
  z-index: 10 !important;
}

.canta-z-20 {
  z-index: 20 !important;
}

.canta-z-30 {
  z-index: 30 !important;
}

.canta-z-40 {
  z-index: 40 !important;
}

.canta-z-50 {
  z-index: 50 !important;
}

.canta-z-auto {
  z-index: auto !important;
}

.canta-z-dropdown {
  z-index: 1000 !important;
}

.canta-z-sticky {
  z-index: 1020 !important;
}

.canta-z-fixed {
  z-index: 1030 !important;
}

.canta-z-modal-backdrop {
  z-index: 1040 !important;
}

.canta-z-modal {
  z-index: 1050 !important;
}

.canta-z-popover {
  z-index: 1060 !important;
}

.canta-z-tooltip {
  z-index: 1070 !important;
}

.canta-z-toast {
  z-index: 1080 !important;
}

.canta-float-start {
  float: inline-start !important;
}

.canta-float-end {
  float: inline-end !important;
}

.canta-float-right {
  float: right !important;
}

.canta-float-left {
  float: left !important;
}

.canta-float-none {
  float: none !important;
}

.canta-clear-left {
  clear: left !important;
}

.canta-clear-right {
  clear: right !important;
}

.canta-clear-both {
  clear: both !important;
}

.canta-clear-none {
  clear: none !important;
}

.canta-object-contain {
  object-fit: contain !important;
}

.canta-object-cover {
  object-fit: cover !important;
}

.canta-object-fill {
  object-fit: fill !important;
}

.canta-object-none {
  object-fit: none !important;
}

.canta-object-scale-down {
  object-fit: scale-down !important;
}

.canta-object-bottom {
  object-position: bottom !important;
}

.canta-object-center {
  object-position: center !important;
}

.canta-object-left {
  object-position: left !important;
}

.canta-object-left-bottom {
  object-position: left bottom !important;
}

.canta-object-left-top {
  object-position: left top !important;
}

.canta-object-right {
  object-position: right !important;
}

.canta-object-right-bottom {
  object-position: right bottom !important;
}

.canta-object-right-top {
  object-position: right top !important;
}

.canta-object-top {
  object-position: top !important;
}

.canta-pointer-events-none {
  pointer-events: none !important;
}

.canta-pointer-events-auto {
  pointer-events: auto !important;
}

.canta-select-none {
  user-select: none !important;
}

.canta-select-text {
  user-select: text !important;
}

.canta-select-all {
  user-select: all !important;
}

.canta-select-auto {
  user-select: auto !important;
}

.canta-cursor-auto {
  cursor: auto !important;
}

.canta-cursor-default {
  cursor: default !important;
}

.canta-cursor-pointer {
  cursor: pointer !important;
}

.canta-cursor-wait {
  cursor: wait !important;
}

.canta-cursor-text {
  cursor: text !important;
}

.canta-cursor-move {
  cursor: move !important;
}

.canta-cursor-help {
  cursor: help !important;
}

.canta-cursor-not-allowed {
  cursor: not-allowed !important;
}

.canta-cursor-grab {
  cursor: grab !important;
}

.canta-cursor-grabbing {
  cursor: grabbing !important;
}

.canta-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.canta-not-sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.canta-flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.canta-flex-between {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.canta-flex-start {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.canta-flex-end {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.canta-flex-column-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.canta-grid-center {
  display: grid !important;
  place-items: center !important;
}

.canta-absolute-center {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.canta-fixed-center {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.canta-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1040 !important;
}

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

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

.canta-w-screen {
  width: 100vw !important;
}

.canta-h-screen {
  height: 100vh !important;
}

.canta-min-h-screen {
  min-height: 100vh !important;
}

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

.canta-max-h-full {
  max-height: 100% !important;
}