/**
 * Global theme tokens (solid-ui / shadcn style).
 *
 * Semantic CSS variables with `:root` holding the light values and `.dark`
 * holding the dark overrides. This file is the single place where literal
 * colors live; every component references `var(--...)` only, so switching
 * themes never requires touching component styles.
 *
 * Values mirror the previous slate/zinc/blue palette, so introducing the
 * tokens changes no visuals by itself.
 */

:root {
  color-scheme: light;
  /* ---- Text ---- */
  --fg-strong: #0f172a; /* slate-900 */
  --fg-default: #1e293b; /* slate-800 */
  --fg-label: #334155; /* slate-700 */
  --fg-muted: #475569; /* slate-600 */
  --fg-faint: #64748b; /* slate-500 */
  --fg-placeholder: #94a3b8; /* slate-400 */
  --fg-icon-muted: #94a3b8; /* slate-400 */
  --fg-static-muted: #a1a1aa; /* zinc-400, both modes */
  --fg-error: #ef4444; /* red-500 */
  --border-error: #ef4444; /* red-500 */

  /* ---- Brand (same both modes unless noted) ---- */
  --primary: #2563eb; /* blue-600 */
  --primary-hover: #3b82f6; /* blue-500 */
  --primary-active: #1d4ed8; /* blue-700 */
  --primary-fg: #2563eb; /* blue-600 */
  --primary-fg-vivid: #3b82f6; /* blue-500 */
  --primary-wash: rgba(59, 130, 246, 0.1); /* blue-500/10 */
  --primary-drop-wash: rgba(59, 130, 246, 0.1); /* blue-500/10 */
  --primary-shadow: rgba(59, 130, 246, 0.2); /* blue-500/20 */
  --primary-border: rgba(59, 130, 246, 0.3); /* blue-500/30 */
  --ring: #3b82f6; /* blue-500 */
  --ring-soft: rgba(59, 130, 246, 0.5); /* blue-500/50 */
  --ring-error: #ef4444; /* red-500 */
  --danger: #dc2626; /* red-600 */
  --danger-hover: #ef4444; /* red-500 */
  --danger-active: #b91c1c; /* red-700 */
  --danger-shadow: rgba(239, 68, 68, 0.2); /* red-500/20 */
  --danger-border: rgba(239, 68, 68, 0.3); /* red-500/30 */
  --on-brand: #ffffff;

  /* ---- Surfaces ---- */
  --surface: #ffffff;
  --field: #ffffff;
  --surface-overlay: rgba(255, 255, 255, 0.6);
  --surface-header: rgba(255, 255, 255, 0.4);
  --surface-hover: #f8fafc; /* slate-50 */
  --thumb: #ffffff;
  --track: #e2e8f0; /* slate-200 */
  --switch-off: #cbd5e1; /* slate-300 */
  --ghost-hover: rgba(241, 245, 249, 0.8); /* slate-100/80 */
  --ghost-active: rgba(226, 232, 240, 0.6); /* slate-200/60 */
  --btn-secondary-bg: rgba(241, 245, 249, 0.9); /* slate-100/90 */
  --btn-secondary-hover: rgba(226, 232, 240, 0.9); /* slate-200/90 */
  --btn-secondary-active: #e2e8f0; /* slate-200 */
  --btn-outline-bg: rgba(255, 255, 255, 0.8);
  --btn-outline-hover: rgba(241, 245, 249, 0.9); /* slate-100/90 */
  --btn-outline-active: #f1f5f9; /* slate-100 */
  --btn-icon-hover: #f1f5f9; /* slate-100 */
  --upload-bg: rgba(255, 255, 255, 0.7);
  --upload-bg-hover: rgba(241, 245, 249, 0.7); /* slate-100/70 */

  /* ---- Borders ---- */
  --border-field: #cbd5e1; /* slate-300 */
  --border-swatch: #cbd5e1; /* slate-300 */
  --border-menu: #e2e8f0; /* slate-200 */
  --border-btn-outline: rgba(226, 232, 240, 0.9); /* slate-200/90 */
  --border-btn-outline-hover: #cbd5e1; /* slate-300 */
  --border-btn-secondary: rgba(226, 232, 240, 0.5); /* slate-200/50 */
  --border-upload: #cbd5e1; /* slate-300 */
  --border-upload-hover: #94a3b8; /* slate-400 */
  --divider: rgba(0, 0, 0, 0.05);
  --glass-border: rgba(255, 255, 255, 0.3);

  /* ---- Sidebar tabs (selected state) */
  --tab-selected-bg: #ffffff;
  --tab-selected-fg: #0f172a; /* slate-900 */
  --tab-selected-border: rgba(0, 0, 0, 0.05);
  --tab-selected-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tab-icon-selected: #3b82f6; /* blue-500 */
  --tab-icon-indigo: #818cf8; /* indigo-400 */
  --tab-icon-amber: #f59e0b; /* amber-500 */
  --tab-list-bg: rgba(226, 232, 240, 0.6); /* slate-200/60 */
  --tab-list-border: rgba(203, 213, 225, 0.4); /* slate-300/40 */
  --tab-fg-idle: #475569; /* slate-600 */
  --tab-hover-wash: rgba(0, 0, 0, 0.05);
  --tab-indicator-border: rgba(226, 232, 240, 0.7); /* slate-200/70 */

  /* ---- Toasts (always dark-styled, as before) ---- */
  --toast-bg: #18181b; /* zinc-900 */
  --toast-border: #3f3f46; /* zinc-700 */
  --toast-fg: #f4f4f5; /* zinc-100 */
  --toast-fg-muted: #a1a1aa; /* zinc-400 */
  --toast-action-bg: #2563eb; /* blue-600 */
  --toast-action-hover: #1d4ed8; /* blue-700 */
  --toast-action-fg: #ffffff;
  --toast-cancel-bg: #27272a; /* zinc-800 */
  --toast-cancel-fg: #d4d4d8; /* zinc-300 */
  --toast-cancel-hover: #3f3f46; /* zinc-700 */
  --toast-error-border: rgba(239, 68, 68, 0.5); /* red-500/50 */
  --toast-error-fg: #fecaca; /* red-200 */
  --toast-success-border: rgba(16, 185, 129, 0.5); /* emerald-500/50 */
  --toast-success-fg: #a7f3d0; /* emerald-200 */
  --toast-warning-border: rgba(245, 158, 11, 0.5); /* amber-500/50 */
  --toast-warning-fg: #fde68a; /* amber-200 */
  --toast-info-border: rgba(59, 130, 246, 0.5); /* blue-500/50 */
  --toast-info-fg: #bfdbfe; /* blue-200 */

  /* ---- Page backdrop fallback while no image / color is configured */
  --backdrop-surface: #18181b; /* zinc-900 */

  /* ---- Unsplash author credit legibility over bright photos */
  --author-credit-shadow: rgba(0, 0, 0, 0.65);

  /* ---- Canvas editing helpers */
  --snap-guide-glow: rgba(59, 130, 246, 0.7); /* blue-500 */
  --canvas-grid-dot: #3b82f6; /* blue-500 */
}

.dark {
  color-scheme: dark;
  --fg-strong: #f4f4f5; /* zinc-100 */
  --fg-default: #f4f4f5; /* zinc-100 */
  --fg-label: #e4e4e7; /* zinc-200 */
  --fg-muted: #d4d4d8; /* zinc-300 */
  --fg-faint: #a1a1aa; /* zinc-400 */
  --fg-placeholder: #71717a; /* zinc-500 */
  --fg-icon-muted: #a1a1aa; /* zinc-400 */
  --fg-error: #f87171; /* red-400 */
  --border-error: #ef4444; /* red-500 */
  --primary-fg: #60a5fa; /* blue-400 */
  --primary-fg-vivid: #60a5fa; /* blue-400 */
  --primary-wash: rgba(37, 99, 235, 0.2); /* blue-600/20 */
  --surface: #18181b; /* zinc-900 */
  --field: rgba(24, 24, 27, 0.8); /* zinc-900/80 */
  --surface-overlay: rgba(24, 24, 27, 0.6); /* zinc-900/60 */
  --surface-header: rgba(24, 24, 27, 0.4); /* zinc-900/40 */
  --surface-hover: #27272a; /* zinc-800 */
  --track: #3f3f46; /* zinc-700 */
  --switch-off: #3f3f46; /* zinc-700 */
  --ghost-hover: #27272a; /* zinc-800 */
  --ghost-active: rgba(63, 63, 70, 0.6); /* zinc-700/60 */
  --btn-secondary-bg: rgba(39, 39, 42, 0.9); /* zinc-800/90 */
  --btn-secondary-hover: rgba(63, 63, 70, 0.9); /* zinc-700/90 */
  --btn-secondary-active: #3f3f46; /* zinc-700 */
  --btn-outline-bg: rgba(39, 39, 42, 0.6); /* zinc-800/60 */
  --btn-outline-hover: rgba(63, 63, 70, 0.7); /* zinc-700/70 */
  --btn-outline-active: #27272a; /* zinc-800 */
  --btn-icon-hover: #27272a; /* zinc-800 */
  --upload-bg: rgba(24, 24, 27, 0.6); /* zinc-900/60 */
  --upload-bg-hover: rgba(39, 39, 42, 0.6); /* zinc-800/60 */
  --border-field: #3f3f46; /* zinc-700 */
  --border-swatch: #52525b; /* zinc-600 */
  --border-menu: #3f3f46; /* zinc-700 */
  --border-btn-outline: rgba(63, 63, 70, 0.8); /* zinc-700/80 */
  --border-btn-outline-hover: #52525b; /* zinc-600 */
  --border-btn-secondary: rgba(63, 63, 70, 0.5); /* zinc-700/50 */
  --border-upload: #3f3f46; /* zinc-700 */
  --border-upload-hover: #52525b; /* zinc-600 */
  --divider: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.1);
  --tab-selected-bg: #27272a; /* zinc-800 */
  --tab-selected-fg: #ffffff;
  --tab-selected-border: rgba(255, 255, 255, 0.1);
  --tab-icon-selected: #60a5fa; /* blue-400 */
  --tab-list-bg: rgba(24, 24, 27, 0.8); /* zinc-900/80 */
  --tab-list-border: rgba(255, 255, 255, 0.1);
  --tab-fg-idle: #e4e4e7; /* zinc-200 */
  --tab-hover-wash: rgba(255, 255, 255, 0.05);
  --tab-indicator-border: rgba(63, 63, 70, 0.6); /* zinc-700/60 */
}
html[dir='ltr'],
[data-sonner-toaster][dir='ltr'] {
  --toast-icon-margin-start: -3px;
  --toast-icon-margin-end: 4px;
  --toast-svg-margin-start: -1px;
  --toast-svg-margin-end: 0px;
  --toast-button-margin-start: auto;
  --toast-button-margin-end: 0;
  --toast-close-button-start: 0;
  --toast-close-button-end: unset;
  --toast-close-button-transform: translate(-35%, -35%);
}

html[dir='rtl'],
[data-sonner-toaster][dir='rtl'] {
  --toast-icon-margin-start: 4px;
  --toast-icon-margin-end: -3px;
  --toast-svg-margin-start: 0px;
  --toast-svg-margin-end: -1px;
  --toast-button-margin-start: 0;
  --toast-button-margin-end: auto;
  --toast-close-button-start: unset;
  --toast-close-button-end: 0;
  --toast-close-button-transform: translate(35%, -35%);
}

[data-sonner-toaster] {
  position: fixed;
  width: var(--width);
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  --gray1: hsl(0, 0%, 99%);
  --gray2: hsl(0, 0%, 97.3%);
  --gray3: hsl(0, 0%, 95.1%);
  --gray4: hsl(0, 0%, 93%);
  --gray5: hsl(0, 0%, 90.9%);
  --gray6: hsl(0, 0%, 88.7%);
  --gray7: hsl(0, 0%, 85.8%);
  --gray8: hsl(0, 0%, 78%);
  --gray9: hsl(0, 0%, 56.1%);
  --gray10: hsl(0, 0%, 52.3%);
  --gray11: hsl(0, 0%, 43.5%);
  --gray12: hsl(0, 0%, 9%);
  --border-radius: 8px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  z-index: 999999999;
  transition: transform 400ms ease;
}

@media (hover: none) and (pointer: coarse) {
  [data-sonner-toaster][data-lifted='true'] {
    transform: none;
  }
}

[data-sonner-toaster][data-x-position='right'] {
  right: var(--offset-right);
}

[data-sonner-toaster][data-x-position='left'] {
  left: var(--offset-left);
}

[data-sonner-toaster][data-x-position='center'] {
  left: 50%;
  transform: translateX(-50%);
}

[data-sonner-toaster][data-y-position='top'] {
  top: var(--offset-top);
}

[data-sonner-toaster][data-y-position='bottom'] {
  bottom: var(--offset-bottom);
}

[data-sonner-toast] {
  --y: translateY(100%);
  --lift-amount: calc(var(--lift) * var(--gap));
  z-index: var(--z-index);
  position: absolute;
  opacity: 0;
  transform: var(--y);
  touch-action: none;
  transition:
    transform 400ms,
    opacity 400ms,
    height 400ms,
    box-shadow 200ms;
  box-sizing: border-box;
  outline: none;
  overflow-wrap: anywhere;
}

[data-sonner-toast][data-styled='true'] {
  padding: 16px;
  background: var(--normal-bg);
  border: 1px solid var(--normal-border);
  color: var(--normal-text);
  border-radius: var(--border-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  width: var(--width);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
}

[data-sonner-toast]:focus-visible {
  box-shadow:
    0px 4px 12px rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(0, 0, 0, 0.2);
}

[data-sonner-toast][data-y-position='top'] {
  top: 0;
  --y: translateY(-100%);
  --lift: 1;
  --lift-amount: calc(1 * var(--gap));
}

[data-sonner-toast][data-y-position='bottom'] {
  bottom: 0;
  --y: translateY(100%);
  --lift: -1;
  --lift-amount: calc(var(--lift) * var(--gap));
}

[data-sonner-toast][data-styled='true'] [data-description] {
  font-weight: 400;
  line-height: 1.4;
  color: #3f3f3f;
}

[data-rich-colors='true'][data-sonner-toast][data-styled='true'] [data-description] {
  color: inherit;
}

[data-sonner-toaster][data-sonner-theme='dark'] [data-description] {
  color: hsl(0, 0%, 91%);
}

[data-sonner-toast][data-styled='true'] [data-title] {
  font-weight: 500;
  line-height: 1.5;
  color: inherit;
}

[data-sonner-toast][data-styled='true'] [data-icon] {
  display: flex;
  height: 16px;
  width: 16px;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  margin-left: var(--toast-icon-margin-start);
  margin-right: var(--toast-icon-margin-end);
}

[data-sonner-toast][data-promise='true'] [data-icon] > svg {
  opacity: 0;
  transform: scale(0.8);
  transform-origin: center;
  animation: sonner-fade-in 300ms ease forwards;
}

[data-sonner-toast][data-styled='true'] [data-icon] > * {
  flex-shrink: 0;
}

[data-sonner-toast][data-styled='true'] [data-icon] svg {
  margin-left: var(--toast-svg-margin-start);
  margin-right: var(--toast-svg-margin-end);
}

[data-sonner-toast][data-styled='true'] [data-content] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  /* Take the space the icon and the buttons leave, so a custom title or description
     isn't limited to the width of its text */
  flex: 1;
  min-width: 0;
}

[data-sonner-toast][data-styled='true'] [data-button] {
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  height: 24px;
  font-size: 12px;
  color: var(--normal-bg);
  background: var(--normal-text);
  margin-left: var(--toast-button-margin-start);
  margin-right: var(--toast-button-margin-end);
  border: none;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition:
    opacity 400ms,
    box-shadow 200ms;
}

[data-sonner-toast][data-styled='true'] [data-button]:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}

[data-sonner-toast][data-styled='true'] [data-button]:first-of-type {
  margin-left: var(--toast-button-margin-start);
  margin-right: var(--toast-button-margin-end);
}

[data-sonner-toast][data-styled='true'] [data-cancel] {
  color: var(--normal-text);
  background: rgba(0, 0, 0, 0.08);
}

[data-sonner-toaster][data-sonner-theme='dark']
  [data-sonner-toast][data-styled='true']
  [data-cancel] {
  background: rgba(255, 255, 255, 0.3);
}

[data-sonner-toast][data-styled='true'] [data-close-button] {
  position: absolute;
  left: var(--toast-close-button-start);
  right: var(--toast-close-button-end);
  top: 0;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--normal-text);
  background: var(--normal-bg);
  border: 1px solid var(--normal-border);
  transform: var(--toast-close-button-transform);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  transition:
    opacity 100ms,
    background 200ms,
    border-color 200ms;
}

[data-sonner-toast][data-styled='true'] [data-close-button]:focus-visible {
  box-shadow:
    0px 4px 12px rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(0, 0, 0, 0.2);
}

[data-sonner-toast][data-styled='true'] [data-disabled='true'] {
  cursor: not-allowed;
}

[data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {
  background: var(--gray2);
  border-color: var(--gray5);
}

[data-sonner-toast][data-swiping='true']::before {
  content: '';
  position: absolute;
  left: -100%;
  right: -100%;
  height: 100%;
  z-index: -1;
}

[data-sonner-toast][data-y-position='top'][data-swiping='true']::before {
  bottom: 50%;
  transform: scaleY(3) translateY(50%);
}

[data-sonner-toast][data-y-position='bottom'][data-swiping='true']::before {
  top: 50%;
  transform: scaleY(3) translateY(-50%);
}

[data-sonner-toast][data-swiping='false'][data-removed='true']::before {
  content: '';
  position: absolute;
  inset: 0;
  transform: scaleY(2);
}

[data-sonner-toast][data-expanded='true']::after {
  content: '';
  position: absolute;
  left: 0;
  height: calc(var(--gap) + 1px);
  bottom: 100%;
  width: 100%;
}

[data-sonner-toast][data-mounted='true'] {
  --y: translateY(0);
  opacity: 1;
}

[data-sonner-toast][data-expanded='false'][data-front='false'] {
  --scale: var(--toasts-before) * 0.05 + 1;
  --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
  height: var(--front-toast-height);
}

[data-sonner-toast] > * {
  transition: opacity 400ms;
}

[data-sonner-toast][data-x-position='right'] {
  right: 0;
}

[data-sonner-toast][data-x-position='left'] {
  left: 0;
}

[data-sonner-toast][data-expanded='false'][data-front='false'][data-styled='true'] > * {
  opacity: 0;
}

[data-sonner-toast][data-visible='false'] {
  opacity: 0;
  pointer-events: none;
}

[data-sonner-toast][data-mounted='true'][data-expanded='true'] {
  --y: translateY(calc(var(--lift) * var(--offset)));
  height: var(--initial-height);
}

[data-sonner-toast][data-removed='true'][data-front='true'][data-swipe-out='false'] {
  --y: translateY(calc(var(--lift) * -100%));
  opacity: 0;
}

[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] {
  --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
  opacity: 0;
}

[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] {
  --y: translateY(40%);
  opacity: 0;
  transition:
    transform 500ms,
    opacity 200ms;
}

[data-sonner-toast][data-removed='true'][data-front='false']::before {
  height: calc(var(--initial-height) + 20%);
}

[data-sonner-toast][data-swiping='true'] {
  transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
  transition: none;
}

[data-sonner-toast][data-swiped='true'] {
  -webkit-user-select: none;
  user-select: none;
}

[data-sonner-toast][data-swipe-out='true'][data-y-position='bottom'],
[data-sonner-toast][data-swipe-out='true'][data-y-position='top'] {
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='left'] {
  animation-name: swipe-out-left;
}

[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='right'] {
  animation-name: swipe-out-right;
}

[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='up'] {
  animation-name: swipe-out-up;
}

[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='down'] {
  animation-name: swipe-out-down;
}

@keyframes swipe-out-left {
  from {
    transform: var(--y) translateX(var(--swipe-amount-x));
    opacity: 1;
  }

  to {
    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
    opacity: 0;
  }
}

@keyframes swipe-out-right {
  from {
    transform: var(--y) translateX(var(--swipe-amount-x));
    opacity: 1;
  }

  to {
    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
    opacity: 0;
  }
}

@keyframes swipe-out-up {
  from {
    transform: var(--y) translateY(var(--swipe-amount-y));
    opacity: 1;
  }

  to {
    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
    opacity: 0;
  }
}

@keyframes swipe-out-down {
  from {
    transform: var(--y) translateY(var(--swipe-amount-y));
    opacity: 1;
  }

  to {
    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
    opacity: 0;
  }
}

@media (max-width: 600px) {
  [data-sonner-toaster] {
    position: fixed;
    right: var(--mobile-offset-right);
    left: var(--mobile-offset-left);
    width: 100%;
  }

  [data-sonner-toaster][dir='rtl'] {
    left: calc(var(--mobile-offset-left) * -1);
  }

  [data-sonner-toaster] [data-sonner-toast] {
    left: 0;
    right: 0;
    width: calc(100% - var(--mobile-offset-left) * 2);
  }

  [data-sonner-toaster][data-x-position='left'] {
    left: var(--mobile-offset-left);
  }

  [data-sonner-toaster][data-y-position='bottom'] {
    bottom: var(--mobile-offset-bottom);
  }

  [data-sonner-toaster][data-y-position='top'] {
    top: var(--mobile-offset-top);
  }

  [data-sonner-toaster][data-x-position='center'] {
    left: var(--mobile-offset-left);
    right: var(--mobile-offset-right);
    transform: none;
  }
}

[data-sonner-toaster][data-sonner-theme='light'] {
  --normal-bg: #fff;
  --normal-border: var(--gray4);
  --normal-text: var(--gray12);

  --success-bg: hsl(143, 85%, 96%);
  --success-border: hsl(145, 92%, 87%);
  --success-text: hsl(140, 100%, 27%);

  --info-bg: hsl(208, 100%, 97%);
  --info-border: hsl(221, 91%, 93%);
  --info-text: hsl(210, 92%, 45%);

  --warning-bg: hsl(49, 100%, 97%);
  --warning-border: hsl(49, 91%, 84%);
  --warning-text: hsl(31, 92%, 45%);

  --error-bg: hsl(359, 100%, 97%);
  --error-border: hsl(359, 100%, 94%);
  --error-text: hsl(360, 100%, 45%);
}

[data-sonner-toaster][data-sonner-theme='light'] [data-sonner-toast][data-invert='true'] {
  --normal-bg: #000;
  --normal-border: hsl(0, 0%, 20%);
  --normal-text: var(--gray1);
}

[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-invert='true'] {
  --normal-bg: #fff;
  --normal-border: var(--gray3);
  --normal-text: var(--gray12);
}

[data-sonner-toaster][data-sonner-theme='dark'] {
  --normal-bg: #000;
  --normal-bg-hover: hsl(0, 0%, 12%);
  --normal-border: hsl(0, 0%, 20%);
  --normal-border-hover: hsl(0, 0%, 25%);
  --normal-text: var(--gray1);

  --success-bg: hsl(150, 100%, 6%);
  --success-border: hsl(147, 100%, 12%);
  --success-text: hsl(150, 86%, 65%);

  --info-bg: hsl(215, 100%, 6%);
  --info-border: hsl(223, 43%, 17%);
  --info-text: hsl(216, 87%, 65%);

  --warning-bg: hsl(64, 100%, 6%);
  --warning-border: hsl(60, 100%, 9%);
  --warning-text: hsl(46, 87%, 65%);

  --error-bg: hsl(358, 76%, 10%);
  --error-border: hsl(357, 89%, 16%);
  --error-text: hsl(358, 100%, 81%);
}

[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button] {
  background: var(--normal-bg);
  border-color: var(--normal-border);
  color: var(--normal-text);
}

[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button]:hover {
  background: var(--normal-bg-hover);
  border-color: var(--normal-border-hover);
}

[data-rich-colors='true'][data-sonner-toast][data-type='success'] {
  background: var(--success-bg);
  border-color: var(--success-border);
  color: var(--success-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='success'] [data-close-button] {
  background: var(--success-bg);
  border-color: var(--success-border);
  color: var(--success-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='info'] {
  background: var(--info-bg);
  border-color: var(--info-border);
  color: var(--info-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='info'] [data-close-button] {
  background: var(--info-bg);
  border-color: var(--info-border);
  color: var(--info-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='warning'] {
  background: var(--warning-bg);
  border-color: var(--warning-border);
  color: var(--warning-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='warning'] [data-close-button] {
  background: var(--warning-bg);
  border-color: var(--warning-border);
  color: var(--warning-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='error'] {
  background: var(--error-bg);
  border-color: var(--error-border);
  color: var(--error-text);
}

[data-rich-colors='true'][data-sonner-toast][data-type='error'] [data-close-button] {
  background: var(--error-bg);
  border-color: var(--error-border);
  color: var(--error-text);
}

.sonner-loading-wrapper {
  --size: 16px;
  height: var(--size);
  width: var(--size);
  position: absolute;
  inset: 0;
  z-index: 10;
}

.sonner-loading-wrapper[data-visible='false'] {
  transform-origin: center;
  animation: sonner-fade-out 0.2s ease forwards;
}

.sonner-spinner {
  position: relative;
  top: 50%;
  left: 50%;
  height: var(--size);
  width: var(--size);
}

.sonner-loading-bar {
  animation: sonner-spin 1.2s linear infinite;
  background: var(--gray11);
  border-radius: 6px;
  height: 8%;
  left: -10%;
  position: absolute;
  top: -3.9%;
  width: 24%;
}

.sonner-loading-bar:nth-child(1) {
  animation-delay: -1.2s;
  transform: rotate(0.0001deg) translate(146%);
}

.sonner-loading-bar:nth-child(2) {
  animation-delay: -1.1s;
  transform: rotate(30deg) translate(146%);
}

.sonner-loading-bar:nth-child(3) {
  animation-delay: -1s;
  transform: rotate(60deg) translate(146%);
}

.sonner-loading-bar:nth-child(4) {
  animation-delay: -0.9s;
  transform: rotate(90deg) translate(146%);
}

.sonner-loading-bar:nth-child(5) {
  animation-delay: -0.8s;
  transform: rotate(120deg) translate(146%);
}

.sonner-loading-bar:nth-child(6) {
  animation-delay: -0.7s;
  transform: rotate(150deg) translate(146%);
}

.sonner-loading-bar:nth-child(7) {
  animation-delay: -0.6s;
  transform: rotate(180deg) translate(146%);
}

.sonner-loading-bar:nth-child(8) {
  animation-delay: -0.5s;
  transform: rotate(210deg) translate(146%);
}

.sonner-loading-bar:nth-child(9) {
  animation-delay: -0.4s;
  transform: rotate(240deg) translate(146%);
}

.sonner-loading-bar:nth-child(10) {
  animation-delay: -0.3s;
  transform: rotate(270deg) translate(146%);
}

.sonner-loading-bar:nth-child(11) {
  animation-delay: -0.2s;
  transform: rotate(300deg) translate(146%);
}

.sonner-loading-bar:nth-child(12) {
  animation-delay: -0.1s;
  transform: rotate(330deg) translate(146%);
}

@keyframes sonner-fade-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sonner-fade-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

@keyframes sonner-spin {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}

@media (prefers-reduced-motion) {
  [data-sonner-toast],
  [data-sonner-toast] > *,
  .sonner-loading-bar {
    transition: none !important;
    animation: none !important;
  }
}

.sonner-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition:
    opacity 200ms,
    transform 200ms;
}

.sonner-loader[data-visible='false'] {
  opacity: 0;
  transform: scale(0.8) translate(-50%, -50%);
}

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

body {
  margin: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

:root {
  --textColor: white;
  --textSize: 16px;
  --background: rgba(64, 64, 64, 0.4);
  --borderRadius: 12px;
  --shadow: rgba(0, 0, 0, 0) 1px 2px 6px;
  --font: 'Calibri';
  --weight: 400;
  --backdrop_blur: 6px;
  --backdrop_saturate: 120%;
  --backdrop_brightness: 160%;
}

.widget {
  color: var(--textColor);
  font-size: var(--textSize);
  background-color: var(--background);
  border-radius: var(--borderRadius);
  text-shadow: var(--shadow);
  font-family: var(--font), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: var(--weight);
  backdrop-filter: blur(var(--backdrop_blur)) saturate(var(--backdrop_saturate))
    brightness(var(--backdrop_brightness));
  z-index: 20;
}

.widget input,
.widget button,
.widget textarea,
.widget select,
.widget span,
.widget p,
.widget div {
  font-family: inherit;
}

.widget input,
.widget button {
  color: inherit;
}

/* Weather condition icon: inherits --textColor via .widget and uses a dual
   halo so it stays legible on light and dark photographic backgrounds,
   including translucent widget backgrounds. text-shadow has no effect on
   icon glyphs, so filter-based drop-shadows are required here. */
.weather-icon {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.65)) drop-shadow(0 1px 4px rgba(0, 0, 0, 0.7));
}

*::placeholder {
  color: var(--textColor);
}

/* Kobalte Dialog / Sidebar Primitives & Keyframe Animations */
@keyframes sidebarOverlayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes sidebarOverlayHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes sidebarSlideInBottom {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes sidebarSlideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes sidebarSlideInRight {
  from {
    transform: translateX(100%);
    opacity: 0.3;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes sidebarSlideOutRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

.sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: 45;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: brightness(0.9);
  pointer-events: auto;
}

.sidebar-overlay[data-expanded] {
  animation: sidebarOverlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sidebar-overlay[data-closed] {
  animation: sidebarOverlayHide 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.sidebar-content {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  z-index: 50;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: -4px 0 32px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
}

/* Mobile bottom sheet animations */
.sidebar-content[data-expanded] {
  animation: sidebarSlideInBottom 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sidebar-content[data-closed] {
  animation: sidebarSlideOutBottom 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Desktop slide-out sheet animations: compact width preventing oversized bloated look */
@media (min-width: 640px) {
  .sidebar-content {
    top: 0;
    width: 25rem;
    max-width: 90vw;
  }

  .sidebar-content[data-expanded] {
    animation: sidebarSlideInRight 320ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .sidebar-content[data-closed] {
    animation: sidebarSlideOutRight 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}

@media (min-width: 1024px) {
  .sidebar-content {
    width: 27rem;
    max-width: 85vw;
  }
}

/* Slim modern scrollbar preventing layout shifts and clipping */
.sidebar-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.4) transparent;
}

.sidebar-scroll::-webkit-scrollbar {
  width: 6px;
}

.sidebar-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.4);
  border-radius: 9999px;
}

.sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.6);
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-overlay[data-expanded],
  .sidebar-overlay[data-closed],
  .sidebar-content[data-expanded],
  .sidebar-content[data-closed],
  .tab-content-animate {
    animation-duration: 1ms !important;
  }
}

@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tab-content-animate {
  animation: tabFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Sidebar tabs selected state. Kobalte sets data-selected on the active
   trigger. Plain CSS (not Uno utilities) because UnoCSS does not generate
   data-[selected]: / group-data-[selected]: variants, so those classes
   silently produce no rules. Colors come from the global theme tokens
   (theme-tokens.css) — no hardcoded colors here. The :hover pairing keeps
   the selected look winning over the hover utilities regardless of
   stylesheet order. */
.tabs-trigger {
  /* Transparent by default so the tab-list pill shows through. Without
     this, the UA button face (ButtonFace, light gray in light color-scheme)
     leaks through on unselected tabs — invisible in light mode, white tabs
     in dark mode. */
  background-color: transparent;
}
.tabs-trigger[data-selected],
.tabs-trigger[data-selected]:hover {
  background-color: var(--tab-selected-bg);
  color: var(--tab-selected-fg);
  font-weight: 600;
  border-color: var(--tab-selected-border);
  box-shadow: var(--tab-selected-shadow);
}

.tabs-trigger[data-selected] .tabs-trigger-icon {
  color: var(--tab-icon-selected);
}

.tabs-trigger[data-selected] .tabs-trigger-icon-indigo {
  color: var(--tab-icon-indigo);
}

.tabs-trigger[data-selected] .tabs-trigger-icon-amber {
  color: var(--tab-icon-amber);
}

/* Select dropdown items. Kobalte sets data-highlighted on the
   keyboard/pointer-highlighted item. Plain CSS (not Uno utilities)
   because UnoCSS does not generate data-[highlighted]: variants. */
.select-item[data-highlighted] {
  background-color: var(--primary-wash);
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-mdi-alert-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-arrow-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 4h2v12l5.5-5.5l1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5L11 16z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-arrow-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 11v2h12l-5.5 5.5l1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5L16 11z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-arrow-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-clipboard-arrow-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 18l-5-5h3V9h4v4h3M12 3a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-clipboard-arrow-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4.18C9.6 1.84 10.7 1 12 1s2.4.84 2.82 2zm-7 5l-5 5h3v4h4v-4h3zm0-5a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-cloud-download{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6.5 20q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.58-2.02 2.14-3.4Q8.95 4.38 11 4.08v8.07L9.4 10.6L8 12l4 4l4-4l-1.4-1.4l-1.6 1.55V4.08q2.58.35 4.29 2.31T19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-cloud-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 20H6.5q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20H13v-7.15l1.6 1.55L16 13l-4-4l-4 4l1.4 1.4l1.6-1.55Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-cog{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-cursor-move{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 6v5h5V7.75L22.25 12L18 16.25V13h-5v5h3.25L12 22.25L7.75 18H11v-5H6v3.25L1.75 12L6 7.75V11h5V6H7.75L12 1.75L16.25 6z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-database-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 3C7.58 3 4 4.79 4 7v10c0 2.21 3.59 4 8 4s8-1.79 8-4V7c0-2.21-3.58-4-8-4m6 14c0 .5-2.13 2-6 2s-6-1.5-6-2v-2.23c1.61.78 3.72 1.23 6 1.23s4.39-.45 6-1.23zm0-4.55c-1.3.95-3.58 1.55-6 1.55s-4.7-.6-6-1.55V9.64c1.47.83 3.61 1.36 6 1.36s4.53-.53 6-1.36zM12 9C8.13 9 6 7.5 6 7s2.13-2 6-2s6 1.5 6 2s-2.13 2-6 2'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-download{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M5 20h14v-2H5m14-9h-4V3H9v6H5l7 7z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-help{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 19h3v3h-3zm2-17c5.35.22 7.68 5.62 4.5 9.67c-.83 1-2.17 1.66-2.83 2.5C13 15 13 16 13 17h-3c0-1.67 0-3.08.67-4.08c.66-1 2-1.59 2.83-2.25C15.92 8.43 15.32 5.26 12 5a3 3 0 0 0-3 3H6a6 6 0 0 1 6-6'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-magnet{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 7v6a9 9 0 0 0 9 9a9 9 0 0 0 9-9V7h-4v6a5 5 0 0 1-5 5a5 5 0 0 1-5-5V7m10-2h4V2h-4M3 5h4V2H3'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-magnify{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-magnify-remove-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5l1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5S14 7 14 9.5S12 14 9.5 14m1.41-2.38L9.5 10.21l-1.41 1.41l-.71-.71L8.79 9.5L7.38 8.09l.71-.71L9.5 8.79l1.41-1.41l.71.71l-1.41 1.41l1.41 1.41z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-map-marker{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-palette-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22A10 10 0 0 1 2 12A10 10 0 0 1 12 2c5.5 0 10 4 10 9a6 6 0 0 1-6 6h-1.8c-.3 0-.5.2-.5.5c0 .1.1.2.1.3c.4.5.6 1.1.6 1.7c.1 1.4-1 2.5-2.4 2.5m0-18a8 8 0 0 0-8 8a8 8 0 0 0 8 8c.3 0 .5-.2.5-.5c0-.2-.1-.3-.1-.4c-.4-.5-.6-1-.6-1.6c0-1.4 1.1-2.5 2.5-2.5H16a4 4 0 0 0 4-4c0-3.9-3.6-7-8-7m-5.5 6c.8 0 1.5.7 1.5 1.5S7.3 13 6.5 13S5 12.3 5 11.5S5.7 10 6.5 10m3-4c.8 0 1.5.7 1.5 1.5S10.3 9 9.5 9S8 8.3 8 7.5S8.7 6 9.5 6m5 0c.8 0 1.5.7 1.5 1.5S15.3 9 14.5 9S13 8.3 13 7.5S13.7 6 14.5 6m3 4c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-pencil{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-refresh{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-restore{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 3a9 9 0 0 0-9 9H1l3.89 3.89l.07.14L9 12H6a7 7 0 0 1 7-7a7 7 0 0 1 7 7a7 7 0 0 1-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 13 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-tune{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 17v2h6v-2zM3 5v2h10V5zm10 16v-2h8v-2h-8v-2h-2v6zM7 9v2H3v2h4v2h2V9zm14 4v-2H11v2zm-6-4h2V7h4V5h-4V3h-2z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 16v-6H5l7-7l7 7h-4v6zm-4 4v-2h14v2z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-view-agenda{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 3H3c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h18c.6 0 1-.4 1-1V4c0-.6-.4-1-1-1m0 10H3c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h18c.6 0 1-.4 1-1v-6c0-.6-.4-1-1-1'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-view-dashboard-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 5v2h-4V5zM9 5v6H5V5zm10 8v6h-4v-6zM9 17v2H5v-2zM21 3h-8v6h8zM11 3H3v10h8zm10 8h-8v10h8zm-10 4H3v6h8z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-water-percent{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 3.25S6 10 6 14c0 3.32 2.69 6 6 6a6 6 0 0 0 6-6c0-4-6-10.75-6-10.75m2.47 6.72l1.06 1.06l-6 6l-1.06-1.06M9.75 10A1.25 1.25 0 0 1 11 11.25a1.25 1.25 0 0 1-1.25 1.25a1.25 1.25 0 0 1-1.25-1.25A1.25 1.25 0 0 1 9.75 10m4.5 4.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 14.25 17A1.25 1.25 0 0 1 13 15.75a1.25 1.25 0 0 1 1.25-1.25'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-cloudy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6 19a5 5 0 0 1-5-5a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 11a4 4 0 0 1 4 4a4 4 0 0 1-4 4zm13-6h-2v-1a5 5 0 0 0-5-5c-2.5 0-4.55 1.82-4.94 4.19C6.73 11.07 6.37 11 6 11a3 3 0 0 0-3 3a3 3 0 0 0 3 3h13a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-fog{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 15h10a1 1 0 0 1 1 1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1a1 1 0 0 1 1-1m13 0h5a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1M1 12a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 9c2.19 0 3.97 1.76 4 4h-2a2 2 0 0 0-2-2h-2v-1a5 5 0 0 0-5-5C9.5 5 7.45 6.82 7.06 9.19C6.73 9.07 6.37 9 6 9a3 3 0 0 0-3 3a3 3 0 0 0 .17 1H1.1zm2 7h2a1 1 0 0 1 1 1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0h13a1 1 0 0 1 1 1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1a1 1 0 0 1 1-1'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-lightning-rainy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4.5 13.59c.5.28.64.91.37 1.37c-.28.48-.87.64-1.37.37A4.98 4.98 0 0 1 1 11a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a1 1 0 0 1-1-1a1 1 0 0 1 1-1a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2V9a5 5 0 0 0-5-5C9.5 4 7.45 5.82 7.06 8.19C6.73 8.07 6.37 8 6 8a3 3 0 0 0-3 3c0 1.11.6 2.08 1.5 2.6zm5-2.59h3l-2 4h2l-3.75 7l.75-5H7zm8 7.67c0 1.29-1 2.33-2.25 2.33S13 19.96 13 18.67c0-1.55 2.25-4.17 2.25-4.17s2.25 2.62 2.25 4.17'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-night{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3zm3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-night-partly-cloudy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22 10.28c-.26.02-.5.03-.74.03c-1.94 0-3.87-.74-5.35-2.22A7.52 7.52 0 0 1 13.72 2c.05-.47-.5-1-1.01-1a.7.7 0 0 0-.39.12c-.32.24-.66.52-.96.82c-2.31 2.3-2.81 5.72-1.52 8.52a5.48 5.48 0 0 0-3.15 3.6L6 14a4 4 0 0 0-4 4a4 4 0 0 0 4 4h13a3 3 0 0 0 3-3a3 3 0 0 0-3-3c-.58 0-1.12.16-1.58.45l.08-.95c0-.22 0-.45-.04-.67a7.45 7.45 0 0 0 4.6-2.19c.32-.3.58-.64.82-.96c.39-.55-.23-1.4-.84-1.4M19 18a1 1 0 0 1 1 1a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2a2 2 0 0 1 2-2h2.5v-.5c0-1.56 1.03-2.86 2.44-3.32c.16-.05.32-.09.49-.12c.18-.03.37-.06.57-.06c.23 0 .45.03.66.07q.105.015.21.06c.13.03.28.07.41.12c.08.03.16.07.22.11c.13.05.24.11.34.18c.08.05.16.1.23.16c.1.07.18.14.27.22c.07.08.16.13.21.2c.08.08.14.17.21.25c.06.08.13.16.18.25c.06.09.1.18.15.28s.11.18.15.28c.17.41.26.85.26 1.32V18m1.33-5.14A5.51 5.51 0 0 0 12 10h-.13c-.46-.81-.73-1.74-.73-2.71c0-.98.25-1.92.72-2.74A9.4 9.4 0 0 0 14.5 9.5a9.35 9.35 0 0 0 4.95 2.64c-.79.46-1.69.7-2.62.72'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-partly-cloudy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12.74 5.47c2.36 1.03 3.61 3.56 3.18 5.99A6 6 0 0 1 18 16v.17a3 3 0 0 1 1-.17a3 3 0 0 1 3 3a3 3 0 0 1-3 3H6a4 4 0 0 1-4-4a4 4 0 0 1 4-4h.27C5 12.45 4.6 10.24 5.5 8.26a5.49 5.49 0 0 1 7.24-2.79m-.81 1.83c-1.77-.8-3.84.01-4.62 1.77c-.46 1.02-.38 2.15.1 3.06A5.99 5.99 0 0 1 12 10c.7 0 1.38.12 2 .34a3.51 3.51 0 0 0-2.07-3.04m1.62-3.66c-.55-.24-1.1-.41-1.67-.52l2.49-1.3l.9 2.89a7.7 7.7 0 0 0-1.72-1.07m-7.46.8c-.49.35-.92.75-1.29 1.19l.11-2.81l2.96.68c-.62.21-1.22.53-1.78.94M18 9.71c-.09-.59-.22-1.16-.41-1.71l2.38 1.5l-2.05 2.23c.11-.65.13-1.33.08-2.02M3.04 11.3c.07.6.2 1.17.39 1.7l-2.37-1.5L3.1 9.28c-.1.65-.13 1.33-.06 2.02M19 18h-3v-2a4 4 0 0 0-4-4a4 4 0 0 0-4 4H6a2 2 0 0 0-2 2a2 2 0 0 0 2 2h13a1 1 0 0 0 1-1a1 1 0 0 0-1-1'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-pouring{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 12c.53.14.85.69.71 1.22l-1.3 4.83c-.14.54-.69.85-1.22.71a.967.967 0 0 1-.69-1.22l1.28-4.83c.14-.54.69-.85 1.22-.71m4 0c.53.14.85.69.71 1.22l-2.07 7.73c-.14.55-.69.85-1.23.71c-.53-.16-.85-.69-.71-1.23l2.08-7.72c.14-.54.69-.85 1.22-.71m4 0c.53.14.85.69.71 1.22l-1.3 4.83c-.14.54-.69.85-1.22.71a.967.967 0 0 1-.69-1.22l1.28-4.83c.14-.54.69-.85 1.22-.71m0-2V9a5 5 0 0 0-5-5C9.5 4 7.45 5.82 7.06 8.19C6.73 8.07 6.37 8 6 8a3 3 0 0 0-3 3c0 1.11.6 2.08 1.5 2.6v-.01c.5.28.64.91.37 1.37c-.28.47-.87.64-1.37.36v.01A4.98 4.98 0 0 1 1 11a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 8a4 4 0 0 1 4 4c0 1.5-.8 2.77-2 3.46c-.5.27-1.09.11-1.37-.37c-.27-.48-.13-1.09.37-1.37v.01c.6-.34 1-.99 1-1.73a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-rainy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6 14.03a1 1 0 0 1 1 1c0 .55-.45 1-1 1c-2.76 0-5-2.24-5-5s2.24-5 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03l.5-.03a4 4 0 0 1 4 4c0 2.2-1.79 4-4 4h-1c-.55 0-1-.45-1-1c0-.56.45-1 1-1h1a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2v-1c0-2.76-2.24-5-5-5c-2.5 0-4.55 1.81-4.94 4.18c-.33-.12-.69-.18-1.06-.18a3 3 0 0 0-3 3a3 3 0 0 0 3 3m6 .12c.18.24.37.51.56.79C13 15.56 14 17.03 14 18a2 2 0 0 1-2 2a2 2 0 0 1-2-2c0-.97 1-2.44 1.44-3.06c.19-.28.38-.54.56-.79m0-3.12l-.5.56s-.85.96-1.71 2.22C8.93 15.06 8 16.56 8 18a4 4 0 0 0 4 4a4 4 0 0 0 4-4c0-1.44-.93-2.94-1.79-4.19c-.86-1.26-1.71-2.22-1.71-2.22'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-snowy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6 14a1 1 0 0 1 1 1a1 1 0 0 1-1 1a5 5 0 0 1-5-5a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-1a1 1 0 0 1-1-1a1 1 0 0 1 1-1h1a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2V9a5 5 0 0 0-5-5C9.5 4 7.45 5.82 7.06 8.19C6.73 8.07 6.37 8 6 8a3 3 0 0 0-3 3a3 3 0 0 0 3 3m1.88 4.07l2.19-.57l-1.61-1.62c-.39-.38-.39-1.02 0-1.42c.39-.39 1.04-.39 1.42 0l1.62 1.61l.57-2.19a1 1 0 1 1 1.93.52l-.59 2.19L15.6 16a1 1 0 1 1 .52 1.93l-2.19.57l1.61 1.62c.39.38.39 1.03 0 1.42s-1.04.39-1.42 0l-1.62-1.61l-.57 2.19A1 1 0 1 1 10 21.6l.59-2.19L8.4 20a1 1 0 1 1-.52-1.93'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-sunny{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0-7l2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10l1.76-3.77a7.13 7.13 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10l-4.14.36c.59-.51 1.12-1.14 1.54-1.86c.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44c.82 0 1.63-.17 2.37-.44z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-weather-windy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 10a1 1 0 0 1-1-1a1 1 0 0 1 1-1h8a2 2 0 0 0 2-2a2 2 0 0 0-2-2c-.55 0-1.05.22-1.41.59a.973.973 0 0 1-1.42 0c-.39-.39-.39-1.03 0-1.42C9.9 2.45 10.9 2 12 2a4 4 0 0 1 4 4a4 4 0 0 1-4 4zm15 2a1 1 0 0 0 1-1a1 1 0 0 0-1-1c-.28 0-.53.11-.71.29a.996.996 0 0 1-1.41 0c-.38-.39-.38-1.02 0-1.41C17.42 8.34 18.17 8 19 8a3 3 0 0 1 3 3a3 3 0 0 1-3 3H5a1 1 0 0 1-1-1a1 1 0 0 1 1-1zm-1 6H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1h14a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-.83 0-1.58-.34-2.12-.88c-.38-.39-.38-1.02 0-1.41a.996.996 0 0 1 1.41 0c.18.18.43.29.71.29a1 1 0 0 0 1-1a1 1 0 0 0-1-1'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-white-balance-sunny{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m3.55 19.09l1.41 1.41l1.8-1.79l-1.42-1.42M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6c0-3.32-2.69-6-6-6m8 7h3v-2h-3m-2.76 7.71l1.8 1.79l1.41-1.41l-1.79-1.8M20.45 5l-1.41-1.4l-1.8 1.79l1.42 1.42M13 1h-2v3h2M6.76 5.39L4.96 3.6L3.55 5l1.79 1.81zM1 13h3v-2H1m12 9h-2v3h2'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-mdi-widgets-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m16.7 4.5l2.8 2.8l-2.8 2.8l-2.8-2.8zM9 5v4H5V5zm10 10v4h-4v-4zM16.7 1.7L11 7.3l5.7 5.7H13v8h8v-8h-4.3l5.6-5.7zM11 3H3v8h8zM9 15v4H5v-4zm2-2H3v8h8z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.container{max-width:100%;}.label{font-size:0.875rem;line-height:1.25rem;font-weight:500;--un-text-opacity:1;color:rgba(45,45,45,var(--un-text-opacity));}.dark .label{--un-text-opacity:1;color:rgba(233,236,239,var(--un-text-opacity));}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\[background-size\:24px_24px\]{background-size:24px 24px;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.disabled\:pointer-events-none:disabled,.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.inset-0{inset:0rem;}.-top-7{top:-1.75rem;}.bottom-0{bottom:0rem;}.bottom-1{bottom:0.25rem;}.bottom-3{bottom:0.75rem;}.bottom-6{bottom:1.5rem;}.left-0{left:0rem;}.left-1\/2{left:50%;}.left-3\.5{left:0.875rem;}.right-0{right:0rem;}.right-1\.5{right:0.375rem;}.right-2\.5{right:0.625rem;}.right-3{right:0.75rem;}.top-0{top:0rem;}.top-1{top:0.25rem;}.top-1\.5{top:0.375rem;}.-z-10{z-index:-10;}.z-\[70\]{z-index:70;}.z-0{z-index:0;}.z-10{z-index:10;}.z-20{z-index:20;}.z-30{z-index:30;}.z-35{z-index:35;}.z-40{z-index:40;}.z-50{z-index:50;}.grid{display:grid;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.m-0{margin:0rem;}.m\[0\]{margin:0;}.m\[1\]{margin:1;}.m\[2\]{margin:2;}.m\[3\]{margin:3;}.m\[4\]{margin:4;}.m\[5\]{margin:5;}.m\[6\]{margin:6;}.m\[7\]{margin:7;}.m\[8\]{margin:8;}.mx-auto{margin-left:auto;margin-right:auto;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}.my-auto{margin-top:auto;margin-bottom:auto;}.-mt-\[3px\]{margin-top:-3px;}.mb-0\.5{margin-bottom:0.125rem;}.mb-2{margin-bottom:0.5rem;}.ml-1{margin-left:0.25rem;}.ml-1\.5{margin-left:0.375rem;}.ml-2{margin-left:0.5rem;}.ml-auto{margin-left:auto;}.mr-2{margin-right:0.5rem;}.mt-1{margin-top:0.25rem;}.mt-2{margin-top:0.5rem;}.block{display:block;}.contents{display:contents;}.hidden{display:none;}.h-1\.5{height:0.375rem;}.h-10{height:2.5rem;}.h-2\.5{height:0.625rem;}.h-24{height:6rem;}.h-3{height:0.75rem;}.h-3\.5{height:0.875rem;}.h-36{height:9rem;}.h-4{height:1rem;}.h-5{height:1.25rem;}.h-5\.5{height:1.375rem;}.h-7{height:1.75rem;}.h-8{height:2rem;}.h-9{height:2.25rem;}.h-full{height:100%;}.h-screen{height:100vh;}.h2{height:0.5rem;}.max-h-\[70vh\]{max-height:70vh;}.max-h-60{max-height:15rem;}.max-w-\[45\%\]{max-width:45%;}.max-w-\[50\%\]{max-width:50%;}.max-w-28{max-width:7rem;}.max-w-4xl{max-width:56rem;}.max-w-full{max-width:100%;}.max-w-xl{max-width:36rem;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0rem;}.min-w-44{min-width:11rem;}.w-10{width:2.5rem;}.w-28{width:7rem;}.w-3{width:0.75rem;}.w-3\.5{width:0.875rem;}.w-32{width:8rem;}.w-4{width:1rem;}.w-5{width:1.25rem;}.w-60{width:15rem;}.w-7{width:1.75rem;}.w-72{width:18rem;}.w-9{width:2.25rem;}.w-full{width:100%;}.w-screen{width:100vw;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.shrink-0{flex-shrink:0;}.grow{flex-grow:1;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:translate-x-0\.5{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-x-0{--un-translate-x:0rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-x-4{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:rotate-12{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:12deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:scale-110,.hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hover\:scale-105:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-\[1\.02\]{--un-scale-x:1.02;--un-scale-y:1.02;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.active\:scale-\[0\.98\]:active{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.active\:scale-95:active{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.cursor-pointer{cursor:pointer;}.cursor-crosshair{cursor:crosshair;}.cursor-not-allowed,.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}.cursor-grab{cursor:grab;}.active\:cursor-grabbing:active{cursor:grabbing;}.select-none{user-select:none;}.place-items-center{place-items:center;}.content-center{align-content:center;}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-0\.5{grid-gap:0.125rem;gap:0.125rem;}.gap-1{grid-gap:0.25rem;gap:0.25rem;}.gap-1\.5{grid-gap:0.375rem;gap:0.375rem;}.gap-2{grid-gap:0.5rem;gap:0.5rem;}.gap-2\.5{grid-gap:0.625rem;gap:0.625rem;}.gap-3{grid-gap:0.75rem;gap:0.75rem;}.gap-4{grid-gap:1rem;gap:1rem;}.gap-6{grid-gap:1.5rem;gap:1.5rem;}.gap-x-3{grid-column-gap:0.75rem;column-gap:0.75rem;}.gap-y-1{grid-row-gap:0.25rem;row-gap:0.25rem;}.space-y-0\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-space-y-reverse));}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.b,.border{border-width:1px;border-style:solid;}.border-2{border-width:2px;border-style:solid;}.file\:border-0::file-selector-button{border-width:0px;border-style:solid;}.border-b{border-bottom-width:1px;border-bottom-style:solid;}.border-l{border-left-width:1px;border-left-style:solid;}.border-l-2{border-left-width:2px;border-left-style:solid;}.border-r{border-right-width:1px;border-right-style:solid;}.border-t{border-top-width:1px;border-top-style:solid;}.border-t-2{border-top-width:2px;border-top-style:solid;}.border-\[var\(--border-btn-outline\)\]{border-color:var(--border-btn-outline);}.border-\[var\(--border-btn-secondary\)\]{border-color:var(--border-btn-secondary);}.border-\[var\(--border-error\)\]{border-color:var(--border-error);}.border-\[var\(--border-field\)\]{border-color:var(--border-field);}.border-\[var\(--border-menu\)\]{border-color:var(--border-menu);}.border-\[var\(--border-swatch\)\]{border-color:var(--border-swatch);}.border-\[var\(--border-upload\)\]{border-color:var(--border-upload);}.border-\[var\(--danger-border\)\]{border-color:var(--danger-border);}.border-\[var\(--divider\)\]{border-color:var(--divider);}.border-\[var\(--glass-border\)\]{border-color:var(--glass-border);}.border-\[var\(--primary-border\)\]{border-color:var(--primary-border);}.border-\[var\(--primary\)\]{border-color:var(--primary);}.border-\[var\(--tab-indicator-border\)\]{border-color:var(--tab-indicator-border);}.border-\[var\(--tab-list-border\)\]{border-color:var(--tab-list-border);}.border-\[var\(--toast-border\)\]{border-color:var(--toast-border);}.border-\[var\(--toast-error-border\)\]{border-color:var(--toast-error-border);}.border-\[var\(--toast-info-border\)\]{border-color:var(--toast-info-border);}.border-\[var\(--toast-success-border\)\]{border-color:var(--toast-success-border);}.border-\[var\(--toast-warning-border\)\]{border-color:var(--toast-warning-border);}.border-black\/5{border-color:rgba(0,0,0,0.05);}.border-blue-400\/40{border-color:rgba(96,165,250,0.4);}.border-blue-400\/90{border-color:rgba(96,165,250,0.9);}.border-blue-500\/30{border-color:rgba(59,130,246,0.3);}.border-blue-500\/50,.hover\:border-blue-500\/50:hover{border-color:rgba(59,130,246,0.5);}.border-blue-500\/60{border-color:rgba(59,130,246,0.6);}.border-red-500\/30{border-color:rgba(239,68,68,0.3);}.border-slate-200{--un-border-opacity:1;border-color:rgba(226,232,240,var(--un-border-opacity));}.border-slate-200\/80{border-color:rgba(226,232,240,0.8);}.border-transparent{border-color:transparent;}.border-white{--un-border-opacity:1;border-color:rgba(255,255,255,var(--un-border-opacity));}.border-zinc-700\/50,.dark .dark\:border-zinc-700\/50{border-color:rgba(63,63,70,0.5);}.border-zinc-700\/60{border-color:rgba(63,63,70,0.6);}.border-zinc-700\/70{border-color:rgba(63,63,70,0.7);}.border-zinc-700\/80,.dark .dark\:border-zinc-700\/80{border-color:rgba(63,63,70,0.8);}.dark .dark\:border-white\/10{border-color:rgba(255,255,255,0.1);}.dark .dark\:border-zinc-700\/40{border-color:rgba(63,63,70,0.4);}.dark .dark\:border-zinc-800{--un-border-opacity:1;border-color:rgba(39,39,42,var(--un-border-opacity));}.focus\:border-blue-500:focus{--un-border-opacity:1;border-color:rgba(59,130,246,var(--un-border-opacity));}.hover\:border-\[var\(--border-btn-outline-hover\)\]:hover{border-color:var(--border-btn-outline-hover);}.hover\:border-\[var\(--border-upload-hover\)\]:hover{border-color:var(--border-upload-hover);}.hover\:border-blue-400:hover{--un-border-opacity:1;border-color:rgba(96,165,250,var(--un-border-opacity));}.hover\:border-blue-500\/40:hover{border-color:rgba(59,130,246,0.4);}.hover\:border-emerald-500\/40:hover{border-color:rgba(16,185,129,0.4);}.hover\:border-indigo-500\/40:hover{border-color:rgba(99,102,241,0.4);}.hover\:border-purple-500\/40:hover{border-color:rgba(168,85,247,0.4);}.hover\:border-red-500\/50:hover{border-color:rgba(239,68,68,0.5);}.hover\:border-violet-500\/40:hover{border-color:rgba(139,92,246,0.4);}.hover\:border-zinc-600:hover{--un-border-opacity:1;border-color:rgba(82,82,91,var(--un-border-opacity));}.hover\:border-zinc-600\/50:hover{border-color:rgba(82,82,91,0.5);}.hover\:border-zinc-700:hover{--un-border-opacity:1;border-color:rgba(63,63,70,var(--un-border-opacity));}.rounded{border-radius:0.25rem;}.rounded-2xl{border-radius:1rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md{border-radius:0.375rem;}.rounded-none{border-radius:0rem;}.rounded-xl{border-radius:0.75rem;}.rounded-tr-md{border-top-right-radius:0.375rem;}.border-dashed{border-style:dashed;}.border-none{border-style:none;}.bg-\[radial-gradient\(var\(--canvas-grid-dot\)_1px\,transparent_1px\)\]{background-color:radial-gradient(var(--canvas-grid-dot) 1px,transparent 1px);}.bg-\[var\(--btn-outline-bg\)\]{background-color:var(--btn-outline-bg);}.bg-\[var\(--btn-secondary-bg\)\]{background-color:var(--btn-secondary-bg);}.bg-\[var\(--danger\)\]{background-color:var(--danger);}.bg-\[var\(--field\)\]{background-color:var(--field);}.bg-\[var\(--primary-drop-wash\)\]{background-color:var(--primary-drop-wash);}.bg-\[var\(--primary\)\]{background-color:var(--primary);}.bg-\[var\(--surface-header\)\]{background-color:var(--surface-header);}.bg-\[var\(--surface-overlay\)\]{background-color:var(--surface-overlay);}.bg-\[var\(--surface\)\]{background-color:var(--surface);}.bg-\[var\(--switch-off\)\]{background-color:var(--switch-off);}.bg-\[var\(--tab-list-bg\)\]{background-color:var(--tab-list-bg);}.bg-\[var\(--tab-selected-bg\)\]{background-color:var(--tab-selected-bg);}.bg-\[var\(--thumb\)\]{background-color:var(--thumb);}.bg-\[var\(--toast-action-bg\)\]{background-color:var(--toast-action-bg);}.bg-\[var\(--toast-bg\)\]{background-color:var(--toast-bg);}.bg-\[var\(--toast-cancel-bg\)\]{background-color:var(--toast-cancel-bg);}.bg-\[var\(--track\)\]{background-color:var(--track);}.bg-\[var\(--upload-bg\)\]{background-color:var(--upload-bg);}.bg-blue-500\/20{background-color:rgba(59,130,246,0.2);}.bg-blue-500\/5{background-color:rgba(59,130,246,0.05);}.bg-blue-600{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}.bg-red-500\/10{background-color:rgba(239,68,68,0.1);}.bg-slate-100\/70{background-color:rgba(241,245,249,0.7);}.bg-slate-200\/80{background-color:rgba(226,232,240,0.8);}.bg-transparent,.file\:bg-transparent::file-selector-button{background-color:transparent;}.bg-white\/40{background-color:rgba(255,255,255,0.4);}.bg-white\/5{background-color:rgba(255,255,255,0.05);}.bg-white\/50{background-color:rgba(255,255,255,0.5);}.bg-white\/70,.focus\:bg-white\/70:focus{background-color:rgba(255,255,255,0.7);}.bg-zinc-700\/40{background-color:rgba(63,63,70,0.4);}.bg-zinc-800\/40,.dark .dark\:bg-zinc-800\/40{background-color:rgba(39,39,42,0.4);}.bg-zinc-800\/90{background-color:rgba(39,39,42,0.9);}.bg-zinc-900\/80{background-color:rgba(24,24,27,0.8);}.bg-zinc-900\/90{background-color:rgba(24,24,27,0.9);}.bg-zinc-900\/95{background-color:rgba(24,24,27,0.95);}.dark .dark\:bg-zinc-800,.hover\:bg-zinc-800:hover,.active\:bg-zinc-800:active{--un-bg-opacity:1;background-color:rgba(39,39,42,var(--un-bg-opacity));}.dark .dark\:bg-zinc-800\/50{background-color:rgba(39,39,42,0.5);}.dark .dark\:bg-zinc-800\/60{background-color:rgba(39,39,42,0.6);}.dark .dark\:focus\:bg-zinc-800\/70:focus{background-color:rgba(39,39,42,0.7);}.dark .dark\:hover\:bg-zinc-700:hover,.active\:bg-zinc-700:active{--un-bg-opacity:1;background-color:rgba(63,63,70,var(--un-bg-opacity));}.focus\:bg-\[var\(--primary-wash\)\]:focus,.hover\:bg-\[var\(--primary-wash\)\]:hover{background-color:var(--primary-wash);}.hover\:bg-\[var\(--btn-icon-hover\)\]:hover{background-color:var(--btn-icon-hover);}.hover\:bg-\[var\(--btn-outline-hover\)\]:hover{background-color:var(--btn-outline-hover);}.hover\:bg-\[var\(--btn-secondary-hover\)\]:hover{background-color:var(--btn-secondary-hover);}.hover\:bg-\[var\(--danger-hover\)\]:hover{background-color:var(--danger-hover);}.hover\:bg-\[var\(--ghost-hover\)\]:hover{background-color:var(--ghost-hover);}.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover);}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover);}.hover\:bg-\[var\(--tab-hover-wash\)\]:hover{background-color:var(--tab-hover-wash);}.hover\:bg-\[var\(--toast-action-hover\)\]:hover{background-color:var(--toast-action-hover);}.hover\:bg-\[var\(--toast-cancel-hover\)\]:hover{background-color:var(--toast-cancel-hover);}.hover\:bg-\[var\(--upload-bg-hover\)\]:hover{background-color:var(--upload-bg-hover);}.hover\:bg-blue-500:hover{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}.hover\:bg-blue-500\/10:hover{background-color:rgba(59,130,246,0.1);}.hover\:bg-emerald-500\/10:hover{background-color:rgba(16,185,129,0.1);}.hover\:bg-indigo-500\/10:hover{background-color:rgba(99,102,241,0.1);}.hover\:bg-purple-500\/10:hover{background-color:rgba(168,85,247,0.1);}.hover\:bg-red-500\/20:hover{background-color:rgba(239,68,68,0.2);}.hover\:bg-slate-300:hover{--un-bg-opacity:1;background-color:rgba(203,213,225,var(--un-bg-opacity));}.hover\:bg-violet-500\/10:hover{background-color:rgba(139,92,246,0.1);}.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,0.1);}.hover\:bg-zinc-600\/60:hover{background-color:rgba(82,82,91,0.6);}.hover\:bg-zinc-700\/80:hover{background-color:rgba(63,63,70,0.8);}.hover\:bg-zinc-700\/90:hover{background-color:rgba(63,63,70,0.9);}.active\:bg-\[var\(--btn-outline-active\)\]:active{background-color:var(--btn-outline-active);}.active\:bg-\[var\(--btn-secondary-active\)\]:active{background-color:var(--btn-secondary-active);}.active\:bg-\[var\(--danger-active\)\]:active{background-color:var(--danger-active);}.active\:bg-\[var\(--ghost-active\)\]:active{background-color:var(--ghost-active);}.active\:bg-\[var\(--primary-active\)\]:active{background-color:var(--primary-active);}.active\:bg-blue-700:active{--un-bg-opacity:1;background-color:rgba(29,78,216,var(--un-bg-opacity));}.active\:bg-red-500\/25:active{background-color:rgba(239,68,68,0.25);}.active\:bg-zinc-500\/80:active{background-color:rgba(113,113,122,0.8);}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-0{padding:0rem;}.p-0\.5{padding:0.125rem;}.p-1{padding:0.25rem;}.p-1\.5{padding:0.375rem;}.p-2{padding:0.5rem;}.p-2\.5{padding:0.625rem;}.p-3{padding:0.75rem;}.p-3\.5{padding:0.875rem;}.p-4{padding:1rem;}.p-6{padding:1.5rem;}.p\[index\]{padding:index;}.px,.px-4{padding-left:1rem;padding-right:1rem;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-8{padding-left:2rem;padding-right:2rem;}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem;}.pb-1{padding-bottom:0.25rem;}.pl-10{padding-left:2.5rem;}.pl-2{padding-left:0.5rem;}.pr-3{padding-right:0.75rem;}.pr-9{padding-right:2.25rem;}.ps{padding-inline-start:1rem;}.pt-1{padding-top:0.25rem;}.pt-2{padding-top:0.5rem;}.pt-3{padding-top:0.75rem;}.text-center{text-align:center;}.text-left{text-align:left;}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}.file\:text-xs::file-selector-button,.text-xs{font-size:0.75rem;line-height:1rem;}.text-\[10px\]{font-size:10px;}.text-\[11px\]{font-size:11px;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-5xl{font-size:3rem;line-height:1;}.text-6xl{font-size:3.75rem;line-height:1;}.text-7xl{font-size:4.5rem;line-height:1;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.file\:font-medium::file-selector-button,.font-medium{font-weight:500;}.font-bold{font-weight:700;}.font-semibold{font-weight:600;}.leading-tight{line-height:1.25;}.tracking-tight{letter-spacing:-0.025em;}.tracking-wide{letter-spacing:0.025em;}.tracking-wider{letter-spacing:0.05em;}.uppercase{text-transform:uppercase;}.capitalize{text-transform:capitalize;}.dark .dark\:hover\:text-blue-300:hover{--un-text-opacity:1;color:rgba(147,197,253,var(--un-text-opacity));}.dark .dark\:hover\:text-blue-400:hover,.dark .dark\:text-blue-400,.text-blue-400{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}.dark .dark\:hover\:text-emerald-400:hover,.dark .dark\:text-emerald-400{--un-text-opacity:1;color:rgba(52,211,153,var(--un-text-opacity));}.dark .dark\:hover\:text-indigo-400:hover,.dark .dark\:text-indigo-400{--un-text-opacity:1;color:rgba(129,140,248,var(--un-text-opacity));}.dark .dark\:hover\:text-purple-400:hover,.dark .dark\:text-purple-400{--un-text-opacity:1;color:rgba(192,132,252,var(--un-text-opacity));}.dark .dark\:hover\:text-violet-400:hover,.dark .dark\:text-violet-400{--un-text-opacity:1;color:rgba(167,139,250,var(--un-text-opacity));}.dark .dark\:hover\:text-white:hover,.hover\:text-white:hover,.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}.dark .dark\:hover\:text-zinc-200:hover,.dark .dark\:text-zinc-200,.hover\:text-zinc-200:hover,.text-zinc-200{--un-text-opacity:1;color:rgba(228,228,231,var(--un-text-opacity));}.dark .dark\:placeholder\:text-zinc-500::placeholder,.dark .dark\:text-zinc-500{--un-text-opacity:1;color:rgba(113,113,122,var(--un-text-opacity));}.dark .dark\:text-red-400,.text-red-400{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}.dark .dark\:text-zinc-100,.text-zinc-100{--un-text-opacity:1;color:rgba(244,244,245,var(--un-text-opacity));}.dark .dark\:text-zinc-300,.text-zinc-300{--un-text-opacity:1;color:rgba(212,212,216,var(--un-text-opacity));}.dark .dark\:text-zinc-400,.text-zinc-400{--un-text-opacity:1;color:rgba(161,161,170,var(--un-text-opacity));}.hover\:text-\[var\(--fg-default\)\]:hover,.text-\[var\(--fg-default\)\]{color:var(--fg-default);}.hover\:text-\[var\(--fg-label\)\]:hover,.text-\[var\(--fg-label\)\]{color:var(--fg-label);}.hover\:text-\[var\(--fg-strong\)\]:hover,.text-\[var\(--fg-strong\)\]{color:var(--fg-strong);}.hover\:text-blue-600:hover,.text-blue-600{--un-text-opacity:1;color:rgba(37,99,235,var(--un-text-opacity));}.hover\:text-blue-700:hover{--un-text-opacity:1;color:rgba(29,78,216,var(--un-text-opacity));}.hover\:text-emerald-600:hover{--un-text-opacity:1;color:rgba(5,150,105,var(--un-text-opacity));}.hover\:text-indigo-600:hover{--un-text-opacity:1;color:rgba(79,70,229,var(--un-text-opacity));}.hover\:text-purple-600:hover{--un-text-opacity:1;color:rgba(147,51,234,var(--un-text-opacity));}.hover\:text-red-300:hover{--un-text-opacity:1;color:rgba(252,165,165,var(--un-text-opacity));}.hover\:text-slate-600:hover,.text-slate-600{--un-text-opacity:1;color:rgba(71,85,105,var(--un-text-opacity));}.hover\:text-slate-900:hover,.text-slate-900{--un-text-opacity:1;color:rgba(15,23,42,var(--un-text-opacity));}.hover\:text-violet-600:hover{--un-text-opacity:1;color:rgba(124,58,237,var(--un-text-opacity));}.placeholder\:text-\[var\(--fg-placeholder\)\]::placeholder{color:var(--fg-placeholder);}.placeholder\:text-slate-400::placeholder,.text-slate-400{--un-text-opacity:1;color:rgba(148,163,184,var(--un-text-opacity));}.text-\[var\(--fg-error\)\]{color:var(--fg-error);}.text-\[var\(--fg-faint\)\]{color:var(--fg-faint);}.text-\[var\(--fg-icon-muted\)\]{color:var(--fg-icon-muted);}.text-\[var\(--fg-muted\)\]{color:var(--fg-muted);}.text-\[var\(--fg-static-muted\)\]{color:var(--fg-static-muted);}.text-\[var\(--on-brand\)\]{color:var(--on-brand);}.text-\[var\(--primary-fg-vivid\)\]{color:var(--primary-fg-vivid);}.text-\[var\(--primary-fg\)\]{color:var(--primary-fg);}.text-\[var\(--tab-fg-idle\)\]{color:var(--tab-fg-idle);}.text-\[var\(--toast-action-fg\)\]{color:var(--toast-action-fg);}.text-\[var\(--toast-cancel-fg\)\]{color:var(--toast-cancel-fg);}.text-\[var\(--toast-error-fg\)\]{color:var(--toast-error-fg);}.text-\[var\(--toast-fg-muted\)\]{color:var(--toast-fg-muted);}.text-\[var\(--toast-fg\)\]{color:var(--toast-fg);}.text-\[var\(--toast-info-fg\)\]{color:var(--toast-info-fg);}.text-\[var\(--toast-success-fg\)\]{color:var(--toast-success-fg);}.text-\[var\(--toast-warning-fg\)\]{color:var(--toast-warning-fg);}.text-blue-500{--un-text-opacity:1;color:rgba(59,130,246,var(--un-text-opacity));}.text-blue-500\/70{color:rgba(59,130,246,0.7);}.text-emerald-500{--un-text-opacity:1;color:rgba(16,185,129,var(--un-text-opacity));}.text-indigo-500{--un-text-opacity:1;color:rgba(99,102,241,var(--un-text-opacity));}.text-purple-500{--un-text-opacity:1;color:rgba(168,85,247,var(--un-text-opacity));}.text-red-500{--un-text-opacity:1;color:rgba(239,68,68,var(--un-text-opacity));}.text-red-600{--un-text-opacity:1;color:rgba(220,38,38,var(--un-text-opacity));}.text-slate-500{--un-text-opacity:1;color:rgba(100,116,139,var(--un-text-opacity));}.text-slate-800{--un-text-opacity:1;color:rgba(30,41,59,var(--un-text-opacity));}.text-violet-500{--un-text-opacity:1;color:rgba(139,92,246,var(--un-text-opacity));}.text-zinc-400\/80{color:rgba(161,161,170,0.8);}.active\:text-\[var\(--primary-fg-active\)\]:active{color:var(--primary-fg-active);}.hover\:underline:hover{text-decoration-line:underline;}.underline-offset-2{text-underline-offset:2px;}.underline-offset-4{text-underline-offset:4px;}.decoration-none{text-decoration:none;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgba(0,0,0,0.2)),0 0 1px var(--un-text-shadow-color, rgba(1,0,5,0.1));text-shadow:var(--un-text-shadow);}.disabled\:opacity-30:disabled{opacity:0.3;}.disabled\:opacity-50:disabled,.opacity-50{opacity:0.5;}.opacity-100,.opacity-100\>\<\/span\>\<a{opacity:1;}.opacity-25{opacity:0.25;}.opacity-60,.placeholder\:opacity-60::placeholder{opacity:0.6;}.opacity-75,.opacity-75\>\<\/span\>\<span\>°{opacity:0.75;}.opacity-80{opacity:0.8;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_0_8px_var\(--snap-guide-glow\)\]{--un-shadow:0 0 8px var(--snap-guide-glow);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_1px_2px_0_var\(--danger-shadow\)\]{--un-shadow:0 1px 2px 0 var(--danger-shadow);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_1px_2px_0_var\(--primary-shadow\)\]{--un-shadow:0 1px 2px 0 var(--primary-shadow);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgba(0,0,0,0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-blue-500\/10{--un-shadow-color:rgba(59,130,246,0.1);}.shadow-blue-600\/30{--un-shadow-color:rgba(37,99,235,0.3);}.shadow-inner{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgba(0,0,0,0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0,0,0,0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:outline-2:focus-visible{outline-width:2px;}.focus-visible\:outline-\[var\(--ring\)\]:focus-visible{outline-color:var(--ring);}.outline{outline-style:solid;}.focus-visible\:outline-none:focus-visible,.focus\:outline-none:focus,.outline-none{outline:2px solid transparent;outline-offset:2px;}.focus-visible\:ring-2:focus-visible,.focus\:ring-2:focus,.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-1{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;}.focus-visible\:ring-\[var\(--ring-error\)\]:focus-visible{--un-ring-color:var(--ring-error);}.focus-visible\:ring-\[var\(--ring-soft\)\]:focus-visible{--un-ring-color:var(--ring-soft);}.focus-visible\:ring-\[var\(--ring\)\]:focus-visible{--un-ring-color:var(--ring);}.focus-visible\:ring-blue-500:focus-visible,.ring-blue-500{--un-ring-opacity:1;--un-ring-color:rgba(59,130,246,var(--un-ring-opacity));}.focus\:ring-blue-500\/20:focus{--un-ring-color:rgba(59,130,246,0.2);}.ring-white\/10{--un-ring-color:rgba(255,255,255,0.1);}.backdrop-blur-2xl{--un-backdrop-blur:blur(40px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-saturate-150{--un-backdrop-saturate:saturate(1.5);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-150{transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.duration-500{transition-duration:500ms;}.duration-700{transition-duration:700ms;}.duration-75{transition-duration:75ms;}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{transition-timing-function:cubic-bezier(0.16,1,0.3,1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}@media (min-width: 640px){.sm\:min-w-56{min-width:14rem;}.sm\:w-36{width:9rem;}.sm\:w-40{width:10rem;}.sm\:text-sm{font-size:0.875rem;line-height:1.25rem;}}@media (min-width: 768px){.md\:text-\[11px\]{font-size:11px;}.md\:text-2xl{font-size:1.5rem;line-height:2rem;}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.md\:text-6xl{font-size:3.75rem;line-height:1;}.md\:text-8xl{font-size:6rem;line-height:1;}}