@mastorscdn/core 1.0.0

package/dist/mastors-core.css

@@ -0,0 +1,4566 @@
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+abbr[title] {
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: none;
+}
+
+address {
+  font-style: normal;
+}
+
+blockquote,
+figure {
+  margin: 0;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  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";
+  scroll-behavior: smooth;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+}
+body {
+  margin: 0;
+  min-height: 100vh;
+  background-color: var(--mastors-bg-body, #ffffff);
+  color: var(--mastors-text-primary, #111827);
+  line-height: inherit;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+}
+
+p {
+  margin: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+ol, ul, menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+img, svg, video, canvas, audio, iframe, embed, object {
+  display: block;
+  vertical-align: middle;
+}
+
+img, video {
+  max-width: 100%;
+  height: auto;
+}
+
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+button, select {
+  text-transform: none;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+  cursor: pointer;
+  border: 0;
+}
+
+[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+  opacity: 1;
+  color: var(--mastors-text-muted, #6b7280);
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: var(--mastors-text-muted, #6b7280);
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+
+th {
+  font-weight: inherit;
+  text-align: left;
+}
+
+td, th {
+  padding: 0;
+}
+
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+  border-color: var(--mastors-border-default, #e5e7eb);
+  margin: 0;
+}
+
+pre, code, kbd, samp {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+summary {
+  display: list-item;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+svg {
+  fill: currentColor;
+}
+
+::selection {
+  background-color: var(--mastors-color-primary, #2563eb);
+  color: #ffffff;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+:root {
+  --mastors-text-primary: #111827;
+  --mastors-text-secondary: #374151;
+  --mastors-text-muted: #6b7280;
+  --mastors-text-disabled: #9ca3af;
+  --mastors-text-inverse: #ffffff;
+  --mastors-bg-body: #ffffff;
+  --mastors-bg-subtle: #f9fafb;
+  --mastors-bg-muted: #f3f4f6;
+  --mastors-bg-inverse: #111827;
+  --mastors-border-default: #e5e7eb;
+  --mastors-border-strong: #d1d5db;
+  --mastors-border-focus: #2563eb;
+  --mastors-surface: #ffffff;
+  --mastors-surface-raised: #f9fafb;
+  --mastors-surface-overlay: rgba(255, 255, 255, 0.95);
+  --mastors-shadow-ambient: 0 1px 3px rgba(0, 0, 0, 0.10);
+  --mastors-color-primary: #2563eb;
+  --mastors-color-secondary: #7c3aed;
+  --mastors-color-accent: #0ea5e9;
+  --mastors-color-success: #16a34a;
+  --mastors-color-warning: #d97706;
+  --mastors-color-danger: #dc2626;
+  --mastors-color-info: #0891b2;
+  --mastors-scrollbar-thumb: rgba(0, 0, 0, 0.2);
+  --mastors-scrollbar-track: transparent;
+}
+
+[data-theme=light] {
+  --mastors-text-primary: #111827;
+  --mastors-text-secondary: #374151;
+  --mastors-text-muted: #6b7280;
+  --mastors-text-disabled: #9ca3af;
+  --mastors-text-inverse: #ffffff;
+  --mastors-bg-body: #ffffff;
+  --mastors-bg-subtle: #f9fafb;
+  --mastors-bg-muted: #f3f4f6;
+  --mastors-bg-inverse: #111827;
+  --mastors-border-default: #e5e7eb;
+  --mastors-border-strong: #d1d5db;
+  --mastors-border-focus: #2563eb;
+  --mastors-surface: #ffffff;
+  --mastors-surface-raised: #f9fafb;
+  --mastors-surface-overlay: rgba(255, 255, 255, 0.95);
+  --mastors-shadow-ambient: 0 1px 3px rgba(0, 0, 0, 0.10);
+  --mastors-color-primary: #2563eb;
+  --mastors-color-secondary: #7c3aed;
+  --mastors-color-accent: #0ea5e9;
+  --mastors-color-success: #16a34a;
+  --mastors-color-warning: #d97706;
+  --mastors-color-danger: #dc2626;
+  --mastors-color-info: #0891b2;
+  --mastors-scrollbar-thumb: rgba(0, 0, 0, 0.2);
+  --mastors-scrollbar-track: transparent;
+}
+
+[data-theme=dark] {
+  --mastors-text-primary: #f9fafb;
+  --mastors-text-secondary: #e5e7eb;
+  --mastors-text-muted: #9ca3af;
+  --mastors-text-disabled: #6b7280;
+  --mastors-text-inverse: #111827;
+  --mastors-bg-body: #0f172a;
+  --mastors-bg-subtle: #1e293b;
+  --mastors-bg-muted: #334155;
+  --mastors-bg-inverse: #f9fafb;
+  --mastors-border-default: #334155;
+  --mastors-border-strong: #475569;
+  --mastors-border-focus: #60a5fa;
+  --mastors-surface: #1e293b;
+  --mastors-surface-raised: #334155;
+  --mastors-surface-overlay: rgba(15, 23, 42, 0.95);
+  --mastors-shadow-ambient: 0 1px 3px rgba(0, 0, 0, 0.50);
+  --mastors-color-primary: #60a5fa;
+  --mastors-color-secondary: #a78bfa;
+  --mastors-color-accent: #38bdf8;
+  --mastors-color-success: #4ade80;
+  --mastors-color-warning: #fbbf24;
+  --mastors-color-danger: #f87171;
+  --mastors-color-info: #22d3ee;
+  --mastors-scrollbar-thumb: rgba(255, 255, 255, 0.2);
+  --mastors-scrollbar-track: transparent;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme=light]) {
+    --mastors-text-primary: #f9fafb;
+    --mastors-text-secondary: #e5e7eb;
+    --mastors-text-muted: #9ca3af;
+    --mastors-text-disabled: #6b7280;
+    --mastors-text-inverse: #111827;
+    --mastors-bg-body: #0f172a;
+    --mastors-bg-subtle: #1e293b;
+    --mastors-bg-muted: #334155;
+    --mastors-bg-inverse: #f9fafb;
+    --mastors-border-default: #334155;
+    --mastors-border-strong: #475569;
+    --mastors-border-focus: #60a5fa;
+    --mastors-surface: #1e293b;
+    --mastors-surface-raised: #334155;
+    --mastors-surface-overlay: rgba(15, 23, 42, 0.95);
+    --mastors-shadow-ambient: 0 1px 3px rgba(0, 0, 0, 0.50);
+    --mastors-color-primary: #60a5fa;
+    --mastors-color-secondary: #a78bfa;
+    --mastors-color-accent: #38bdf8;
+    --mastors-color-success: #4ade80;
+    --mastors-color-warning: #fbbf24;
+    --mastors-color-danger: #f87171;
+    --mastors-color-info: #22d3ee;
+    --mastors-scrollbar-thumb: rgba(255, 255, 255, 0.2);
+    --mastors-scrollbar-track: transparent;
+  }
+}
+.mastors-sr-only, .mastors-sr-only-focusable {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.mastors-sr-only-focusable:focus, .mastors-sr-only-focusable:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.mastors-skip-link {
+  position: absolute;
+  top: -9999px;
+  left: 1rem;
+  z-index: 9999;
+  padding: 0.5rem 1rem;
+  background: var(--mastors-color-primary, #2563eb);
+  color: #ffffff;
+  border-radius: 0 0 8px 8px;
+  font-weight: 600;
+  text-decoration: none;
+  transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.mastors-skip-link:focus {
+  top: 0;
+  outline: 3px solid #ffffff;
+  outline-offset: 2px;
+}
+
+:focus-visible {
+  outline: 3px solid var(--mastors-border-focus, #2563eb);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+:focus:not(:focus-visible) {
+  outline: none;
+}
+
+@media (forced-colors: active) {
+  *:focus-visible {
+    outline: 3px solid ButtonText;
+  }
+}
+[aria-hidden=true] {
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mastors-animate {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+.mastors-keyboard-nav *:focus {
+  outline: 3px solid var(--mastors-border-focus, #2563eb);
+  outline-offset: 2px;
+}
+
+.mastors-container {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+@media (min-width: 576px) {
+  .mastors-container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .mastors-container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .mastors-container {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .mastors-container {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .mastors-container {
+    max-width: 1320px;
+  }
+}
+@media (min-width: 1600px) {
+  .mastors-container {
+    max-width: 1520px;
+  }
+}
+
+.mastors-container-fluid {
+  width: 100%;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.mastors-interactive {
+  cursor: pointer;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  user-select: none;
+}
+@media (hover: hover) and (pointer: fine) {
+  .mastors-interactive:hover {
+    opacity: 0.85;
+  }
+}
+.mastors-interactive:active {
+  transform: scale(0.98);
+}
+.mastors-interactive:disabled, .mastors-interactive[aria-disabled=true] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .mastors-hover-opacity:hover {
+    opacity: 0.8;
+  }
+}
+
+.mastors-hover-lift {
+  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+@media (hover: hover) and (pointer: fine) {
+  .mastors-hover-lift:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
+  }
+}
+
+.mastors-hover-scale {
+  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+@media (hover: hover) and (pointer: fine) {
+  .mastors-hover-scale:hover {
+    transform: scale(1.02);
+  }
+}
+.mastors-hover-scale:active {
+  transform: scale(0.98);
+}
+
+.mastors-skeleton {
+  background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
+  background-size: 200% 100%;
+  animation: mastors-skeleton-pulse 1.5s ease-in-out infinite;
+  border-radius: 4px;
+}
+@keyframes mastors-skeleton-pulse {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+[data-theme=dark] .mastors-skeleton {
+  background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
+  background-size: 200% 100%;
+}
+
+.mastors-pulse {
+  animation: mastors-pulse-anim 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes mastors-pulse-anim {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+.mastors-spin {
+  animation: mastors-spin-anim 1s linear infinite;
+}
+@keyframes mastors-spin-anim {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.mastors-ping {
+  animation: mastors-ping-anim 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+@keyframes mastors-ping-anim {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+.mastors-bounce {
+  animation: mastors-bounce-anim 1s infinite;
+}
+@keyframes mastors-bounce-anim {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+
+.text-primary {
+  color: #2563eb !important;
+}
+
+.text-primary-light {
+  color: #60a5fa !important;
+}
+
+.text-primary-dark {
+  color: #1d4ed8 !important;
+}
+
+.text-secondary {
+  color: #7c3aed !important;
+}
+
+.text-secondary-light {
+  color: #a78bfa !important;
+}
+
+.text-secondary-dark {
+  color: #5b21b6 !important;
+}
+
+.text-accent {
+  color: #0ea5e9 !important;
+}
+
+.text-accent-light {
+  color: #38bdf8 !important;
+}
+
+.text-accent-dark {
+  color: #0284c7 !important;
+}
+
+.text-success {
+  color: #16a34a !important;
+}
+
+.text-success-light {
+  color: #4ade80 !important;
+}
+
+.text-success-dark {
+  color: #15803d !important;
+}
+
+.text-warning {
+  color: #d97706 !important;
+}
+
+.text-warning-light {
+  color: #fbbf24 !important;
+}
+
+.text-warning-dark {
+  color: #b45309 !important;
+}
+
+.text-danger {
+  color: #dc2626 !important;
+}
+
+.text-danger-light {
+  color: #f87171 !important;
+}
+
+.text-danger-dark {
+  color: #b91c1c !important;
+}
+
+.text-info {
+  color: #0891b2 !important;
+}
+
+.text-info-light {
+  color: #22d3ee !important;
+}
+
+.text-info-dark {
+  color: #0e7490 !important;
+}
+
+.text-white {
+  color: #ffffff !important;
+}
+
+.text-black {
+  color: #000000 !important;
+}
+
+.text-neutral-50 {
+  color: #f9fafb !important;
+}
+
+.text-neutral-100 {
+  color: #f3f4f6 !important;
+}
+
+.text-neutral-200 {
+  color: #e5e7eb !important;
+}
+
+.text-neutral-300 {
+  color: #d1d5db !important;
+}
+
+.text-neutral-400 {
+  color: #9ca3af !important;
+}
+
+.text-neutral-500 {
+  color: #6b7280 !important;
+}
+
+.text-neutral-600 {
+  color: #4b5563 !important;
+}
+
+.text-neutral-700 {
+  color: #374151 !important;
+}
+
+.text-neutral-800 {
+  color: #1f2937 !important;
+}
+
+.text-neutral-900 {
+  color: #111827 !important;
+}
+
+.text-neutral-950 {
+  color: #030712 !important;
+}
+
+.text-surface {
+  color: #ffffff !important;
+}
+
+.text-surface-raised {
+  color: #f9fafb !important;
+}
+
+.text-surface-overlay {
+  color: #f3f4f6 !important;
+}
+
+.text-surface-sunken {
+  color: #e5e7eb !important;
+}
+
+.text-transparent {
+  color: transparent !important;
+}
+
+.bg-primary {
+  background-color: #2563eb !important;
+}
+
+.bg-primary-light {
+  background-color: #60a5fa !important;
+}
+
+.bg-primary-dark {
+  background-color: #1d4ed8 !important;
+}
+
+.bg-secondary {
+  background-color: #7c3aed !important;
+}
+
+.bg-secondary-light {
+  background-color: #a78bfa !important;
+}
+
+.bg-secondary-dark {
+  background-color: #5b21b6 !important;
+}
+
+.bg-accent {
+  background-color: #0ea5e9 !important;
+}
+
+.bg-accent-light {
+  background-color: #38bdf8 !important;
+}
+
+.bg-accent-dark {
+  background-color: #0284c7 !important;
+}
+
+.bg-success {
+  background-color: #16a34a !important;
+}
+
+.bg-success-light {
+  background-color: #4ade80 !important;
+}
+
+.bg-success-dark {
+  background-color: #15803d !important;
+}
+
+.bg-warning {
+  background-color: #d97706 !important;
+}
+
+.bg-warning-light {
+  background-color: #fbbf24 !important;
+}
+
+.bg-warning-dark {
+  background-color: #b45309 !important;
+}
+
+.bg-danger {
+  background-color: #dc2626 !important;
+}
+
+.bg-danger-light {
+  background-color: #f87171 !important;
+}
+
+.bg-danger-dark {
+  background-color: #b91c1c !important;
+}
+
+.bg-info {
+  background-color: #0891b2 !important;
+}
+
+.bg-info-light {
+  background-color: #22d3ee !important;
+}
+
+.bg-info-dark {
+  background-color: #0e7490 !important;
+}
+
+.bg-white {
+  background-color: #ffffff !important;
+}
+
+.bg-black {
+  background-color: #000000 !important;
+}
+
+.bg-neutral-50 {
+  background-color: #f9fafb !important;
+}
+
+.bg-neutral-100 {
+  background-color: #f3f4f6 !important;
+}
+
+.bg-neutral-200 {
+  background-color: #e5e7eb !important;
+}
+
+.bg-neutral-300 {
+  background-color: #d1d5db !important;
+}
+
+.bg-neutral-400 {
+  background-color: #9ca3af !important;
+}
+
+.bg-neutral-500 {
+  background-color: #6b7280 !important;
+}
+
+.bg-neutral-600 {
+  background-color: #4b5563 !important;
+}
+
+.bg-neutral-700 {
+  background-color: #374151 !important;
+}
+
+.bg-neutral-800 {
+  background-color: #1f2937 !important;
+}
+
+.bg-neutral-900 {
+  background-color: #111827 !important;
+}
+
+.bg-neutral-950 {
+  background-color: #030712 !important;
+}
+
+.bg-surface {
+  background-color: #ffffff !important;
+}
+
+.bg-surface-raised {
+  background-color: #f9fafb !important;
+}
+
+.bg-surface-overlay {
+  background-color: #f3f4f6 !important;
+}
+
+.bg-surface-sunken {
+  background-color: #e5e7eb !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
+
+.border-color-primary {
+  border-color: #2563eb !important;
+}
+
+.border-color-primary-light {
+  border-color: #60a5fa !important;
+}
+
+.border-color-primary-dark {
+  border-color: #1d4ed8 !important;
+}
+
+.border-color-secondary {
+  border-color: #7c3aed !important;
+}
+
+.border-color-secondary-light {
+  border-color: #a78bfa !important;
+}
+
+.border-color-secondary-dark {
+  border-color: #5b21b6 !important;
+}
+
+.border-color-accent {
+  border-color: #0ea5e9 !important;
+}
+
+.border-color-accent-light {
+  border-color: #38bdf8 !important;
+}
+
+.border-color-accent-dark {
+  border-color: #0284c7 !important;
+}
+
+.border-color-success {
+  border-color: #16a34a !important;
+}
+
+.border-color-success-light {
+  border-color: #4ade80 !important;
+}
+
+.border-color-success-dark {
+  border-color: #15803d !important;
+}
+
+.border-color-warning {
+  border-color: #d97706 !important;
+}
+
+.border-color-warning-light {
+  border-color: #fbbf24 !important;
+}
+
+.border-color-warning-dark {
+  border-color: #b45309 !important;
+}
+
+.border-color-danger {
+  border-color: #dc2626 !important;
+}
+
+.border-color-danger-light {
+  border-color: #f87171 !important;
+}
+
+.border-color-danger-dark {
+  border-color: #b91c1c !important;
+}
+
+.border-color-info {
+  border-color: #0891b2 !important;
+}
+
+.border-color-info-light {
+  border-color: #22d3ee !important;
+}
+
+.border-color-info-dark {
+  border-color: #0e7490 !important;
+}
+
+.border-color-white {
+  border-color: #ffffff !important;
+}
+
+.border-color-black {
+  border-color: #000000 !important;
+}
+
+.border-color-neutral-50 {
+  border-color: #f9fafb !important;
+}
+
+.border-color-neutral-100 {
+  border-color: #f3f4f6 !important;
+}
+
+.border-color-neutral-200 {
+  border-color: #e5e7eb !important;
+}
+
+.border-color-neutral-300 {
+  border-color: #d1d5db !important;
+}
+
+.border-color-neutral-400 {
+  border-color: #9ca3af !important;
+}
+
+.border-color-neutral-500 {
+  border-color: #6b7280 !important;
+}
+
+.border-color-neutral-600 {
+  border-color: #4b5563 !important;
+}
+
+.border-color-neutral-700 {
+  border-color: #374151 !important;
+}
+
+.border-color-neutral-800 {
+  border-color: #1f2937 !important;
+}
+
+.border-color-neutral-900 {
+  border-color: #111827 !important;
+}
+
+.border-color-neutral-950 {
+  border-color: #030712 !important;
+}
+
+.border-color-surface {
+  border-color: #ffffff !important;
+}
+
+.border-color-surface-raised {
+  border-color: #f9fafb !important;
+}
+
+.border-color-surface-overlay {
+  border-color: #f3f4f6 !important;
+}
+
+.border-color-surface-sunken {
+  border-color: #e5e7eb !important;
+}
+
+.border-color-transparent {
+  border-color: transparent !important;
+}
+
+.text-text-primary {
+  color: #111827 !important;
+}
+
+.text-text-secondary {
+  color: #374151 !important;
+}
+
+.text-text-muted {
+  color: #6b7280 !important;
+}
+
+.text-text-disabled {
+  color: #9ca3af !important;
+}
+
+.text-text-inverse {
+  color: #ffffff !important;
+}
+
+.text-bg-body {
+  color: #ffffff !important;
+}
+
+.text-bg-subtle {
+  color: #f9fafb !important;
+}
+
+.text-bg-muted {
+  color: #f3f4f6 !important;
+}
+
+.text-bg-inverse {
+  color: #111827 !important;
+}
+
+.text-border-default {
+  color: #e5e7eb !important;
+}
+
+.text-border-strong {
+  color: #d1d5db !important;
+}
+
+.text-border-focus {
+  color: #2563eb !important;
+}
+
+.text-link {
+  color: #2563eb !important;
+}
+
+.text-link-hover {
+  color: #1d4ed8 !important;
+}
+
+.text-link-visited {
+  color: #7c3aed !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.shadow-xs {
+  box-shadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)" !important;
+}
+
+.shadow-sm {
+  box-shadow: "0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10)" !important;
+}
+
+.shadow-md {
+  box-shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10)" !important;
+}
+
+.shadow-lg {
+  box-shadow: "0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10)" !important;
+}
+
+.shadow-xl {
+  box-shadow: "0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10)" !important;
+}
+
+.shadow-2xl {
+  box-shadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)" !important;
+}
+
+.shadow-inner {
+  box-shadow: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" !important;
+}
+
+.shadow-primary {
+  box-shadow: "0 4px 14px 0 rgba(37, 99, 235, 0.35)" !important;
+}
+
+.shadow-success {
+  box-shadow: "0 4px 14px 0 rgba(22, 163, 74, 0.35)" !important;
+}
+
+.shadow-danger {
+  box-shadow: "0 4px 14px 0 rgba(220, 38, 38, 0.35)" !important;
+}
+
+.shadow-warning {
+  box-shadow: "0 4px 14px 0 rgba(217, 119, 6, 0.35)" !important;
+}
+
+.shadow-dark-sm {
+  box-shadow: "0 1px 3px 0 rgba(0, 0, 0, 0.40)" !important;
+}
+
+.shadow-dark-md {
+  box-shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.40)" !important;
+}
+
+.shadow-dark-lg {
+  box-shadow: "0 10px 15px -3px rgba(0, 0, 0, 0.50)" !important;
+}
+
+.rounded-none {
+  border-radius: 0 !important;
+}
+
+.rounded-xs {
+  border-radius: 2px !important;
+}
+
+.rounded-sm {
+  border-radius: 4px !important;
+}
+
+.rounded-md {
+  border-radius: 8px !important;
+}
+
+.rounded-lg {
+  border-radius: 12px !important;
+}
+
+.rounded-xl {
+  border-radius: 16px !important;
+}
+
+.rounded-2xl {
+  border-radius: 24px !important;
+}
+
+.rounded-3xl {
+  border-radius: 32px !important;
+}
+
+.rounded-full {
+  border-radius: 9999px !important;
+}
+
+.rounded-t-none {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+
+.rounded-b-none {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-l-none {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.rounded-r-none {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-t-xs {
+  border-top-left-radius: 2px !important;
+  border-top-right-radius: 2px !important;
+}
+
+.rounded-b-xs {
+  border-bottom-left-radius: 2px !important;
+  border-bottom-right-radius: 2px !important;
+}
+
+.rounded-l-xs {
+  border-top-left-radius: 2px !important;
+  border-bottom-left-radius: 2px !important;
+}
+
+.rounded-r-xs {
+  border-top-right-radius: 2px !important;
+  border-bottom-right-radius: 2px !important;
+}
+
+.rounded-t-sm {
+  border-top-left-radius: 4px !important;
+  border-top-right-radius: 4px !important;
+}
+
+.rounded-b-sm {
+  border-bottom-left-radius: 4px !important;
+  border-bottom-right-radius: 4px !important;
+}
+
+.rounded-l-sm {
+  border-top-left-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+
+.rounded-r-sm {
+  border-top-right-radius: 4px !important;
+  border-bottom-right-radius: 4px !important;
+}
+
+.rounded-t-md {
+  border-top-left-radius: 8px !important;
+  border-top-right-radius: 8px !important;
+}
+
+.rounded-b-md {
+  border-bottom-left-radius: 8px !important;
+  border-bottom-right-radius: 8px !important;
+}
+
+.rounded-l-md {
+  border-top-left-radius: 8px !important;
+  border-bottom-left-radius: 8px !important;
+}
+
+.rounded-r-md {
+  border-top-right-radius: 8px !important;
+  border-bottom-right-radius: 8px !important;
+}
+
+.rounded-t-lg {
+  border-top-left-radius: 12px !important;
+  border-top-right-radius: 12px !important;
+}
+
+.rounded-b-lg {
+  border-bottom-left-radius: 12px !important;
+  border-bottom-right-radius: 12px !important;
+}
+
+.rounded-l-lg {
+  border-top-left-radius: 12px !important;
+  border-bottom-left-radius: 12px !important;
+}
+
+.rounded-r-lg {
+  border-top-right-radius: 12px !important;
+  border-bottom-right-radius: 12px !important;
+}
+
+.rounded-t-xl {
+  border-top-left-radius: 16px !important;
+  border-top-right-radius: 16px !important;
+}
+
+.rounded-b-xl {
+  border-bottom-left-radius: 16px !important;
+  border-bottom-right-radius: 16px !important;
+}
+
+.rounded-l-xl {
+  border-top-left-radius: 16px !important;
+  border-bottom-left-radius: 16px !important;
+}
+
+.rounded-r-xl {
+  border-top-right-radius: 16px !important;
+  border-bottom-right-radius: 16px !important;
+}
+
+.rounded-t-2xl {
+  border-top-left-radius: 24px !important;
+  border-top-right-radius: 24px !important;
+}
+
+.rounded-b-2xl {
+  border-bottom-left-radius: 24px !important;
+  border-bottom-right-radius: 24px !important;
+}
+
+.rounded-l-2xl {
+  border-top-left-radius: 24px !important;
+  border-bottom-left-radius: 24px !important;
+}
+
+.rounded-r-2xl {
+  border-top-right-radius: 24px !important;
+  border-bottom-right-radius: 24px !important;
+}
+
+.rounded-t-3xl {
+  border-top-left-radius: 32px !important;
+  border-top-right-radius: 32px !important;
+}
+
+.rounded-b-3xl {
+  border-bottom-left-radius: 32px !important;
+  border-bottom-right-radius: 32px !important;
+}
+
+.rounded-l-3xl {
+  border-top-left-radius: 32px !important;
+  border-bottom-left-radius: 32px !important;
+}
+
+.rounded-r-3xl {
+  border-top-right-radius: 32px !important;
+  border-bottom-right-radius: 32px !important;
+}
+
+.rounded-t-full {
+  border-top-left-radius: 9999px !important;
+  border-top-right-radius: 9999px !important;
+}
+
+.rounded-b-full {
+  border-bottom-left-radius: 9999px !important;
+  border-bottom-right-radius: 9999px !important;
+}
+
+.rounded-l-full {
+  border-top-left-radius: 9999px !important;
+  border-bottom-left-radius: 9999px !important;
+}
+
+.rounded-r-full {
+  border-top-right-radius: 9999px !important;
+  border-bottom-right-radius: 9999px !important;
+}
+
+.opacity-0 {
+  opacity: 0 !important;
+}
+
+.opacity-5 {
+  opacity: 0.05 !important;
+}
+
+.opacity-10 {
+  opacity: 0.1 !important;
+}
+
+.opacity-15 {
+  opacity: 0.15 !important;
+}
+
+.opacity-20 {
+  opacity: 0.2 !important;
+}
+
+.opacity-25 {
+  opacity: 0.25 !important;
+}
+
+.opacity-30 {
+  opacity: 0.3 !important;
+}
+
+.opacity-40 {
+  opacity: 0.4 !important;
+}
+
+.opacity-50 {
+  opacity: 0.5 !important;
+}
+
+.opacity-60 {
+  opacity: 0.6 !important;
+}
+
+.opacity-70 {
+  opacity: 0.7 !important;
+}
+
+.opacity-75 {
+  opacity: 0.75 !important;
+}
+
+.opacity-80 {
+  opacity: 0.8 !important;
+}
+
+.opacity-90 {
+  opacity: 0.9 !important;
+}
+
+.opacity-95 {
+  opacity: 0.95 !important;
+}
+
+.opacity-100 {
+  opacity: 1 !important;
+}
+
+.transition-none {
+  transition: none !important;
+}
+
+.transition-all {
+  transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)" !important;
+}
+
+.transition-fast {
+  transition: "all 100ms cubic-bezier(0.4, 0, 0.2, 1)" !important;
+}
+
+.transition-colors {
+  transition: "color 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1)" !important;
+}
+
+.transition-opacity {
+  transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)" !important;
+}
+
+.transition-shadow {
+  transition: "box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1)" !important;
+}
+
+.transition-transform {
+  transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)" !important;
+}
+
+.z-base {
+  z-index: 0 !important;
+}
+
+.z-raised {
+  z-index: 10 !important;
+}
+
+.z-dropdown {
+  z-index: 100 !important;
+}
+
+.z-sticky {
+  z-index: 200 !important;
+}
+
+.z-fixed {
+  z-index: 300 !important;
+}
+
+.z-overlay {
+  z-index: 400 !important;
+}
+
+.z-modal {
+  z-index: 500 !important;
+}
+
+.z-popover {
+  z-index: 600 !important;
+}
+
+.z-tooltip {
+  z-index: 700 !important;
+}
+
+.z-toast {
+  z-index: 800 !important;
+}
+
+.z-spinner {
+  z-index: 900 !important;
+}
+
+.z-max {
+  z-index: 9999 !important;
+}
+
+.d-none {
+  display: none !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.d-inline {
+  display: inline !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.d-contents {
+  display: contents !important;
+}
+
+.d-table {
+  display: table !important;
+}
+
+.d-table-cell {
+  display: table-cell !important;
+}
+
+.d-table-row {
+  display: table-row !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-visible {
+  overflow: visible !important;
+}
+
+.overflow-scroll {
+  overflow: scroll !important;
+}
+
+.overflow-x-auto {
+  overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+
+.overflow-y-auto {
+  overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+
+.position-static {
+  position: static !important;
+}
+
+.position-relative {
+  position: relative !important;
+}
+
+.position-absolute {
+  position: absolute !important;
+}
+
+.position-fixed {
+  position: fixed !important;
+}
+
+.position-sticky {
+  position: sticky !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+
+.right-0 {
+  right: 0 !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.left-0 {
+  left: 0 !important;
+}
+
+.inset-0 {
+  inset: 0 !important;
+}
+
+.cursor-auto {
+  cursor: auto !important;
+}
+
+.cursor-default {
+  cursor: default !important;
+}
+
+.cursor-pointer {
+  cursor: pointer !important;
+}
+
+.cursor-wait {
+  cursor: wait !important;
+}
+
+.cursor-text {
+  cursor: text !important;
+}
+
+.cursor-move {
+  cursor: move !important;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed !important;
+}
+
+.cursor-grab {
+  cursor: grab !important;
+}
+
+.cursor-grabbing {
+  cursor: grabbing !important;
+}
+
+.object-contain {
+  object-fit: contain !important;
+}
+
+.object-cover {
+  object-fit: cover !important;
+}
+
+.object-fill {
+  object-fit: fill !important;
+}
+
+.object-none {
+  object-fit: none !important;
+}
+
+.object-scale-down {
+  object-fit: scale-down !important;
+}
+
+.aspect-square {
+  aspect-ratio: 1/1 !important;
+}
+
+.aspect-video {
+  aspect-ratio: 16/9 !important;
+}
+
+.aspect-cinema {
+  aspect-ratio: 21/9 !important;
+}
+
+.aspect-portrait {
+  aspect-ratio: 3/4 !important;
+}
+
+.aspect-landscape {
+  aspect-ratio: 4/3 !important;
+}
+
+.pointer-events-none {
+  pointer-events: none !important;
+}
+
+.pointer-events-auto {
+  pointer-events: auto !important;
+}
+
+.select-none {
+  user-select: none !important;
+}
+
+.select-text {
+  user-select: text !important;
+}
+
+.select-all {
+  user-select: all !important;
+}
+
+.select-auto {
+  user-select: auto !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.mr-0 {
+  margin-right: 0 !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.ml-0 {
+  margin-left: 0 !important;
+}
+
+.mx-0 {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+.my-0 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.pt-0 {
+  padding-top: 0 !important;
+}
+
+.pr-0 {
+  padding-right: 0 !important;
+}
+
+.pb-0 {
+  padding-bottom: 0 !important;
+}
+
+.pl-0 {
+  padding-left: 0 !important;
+}
+
+.px-0 {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.py-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.m-px {
+  margin: 1px !important;
+}
+
+.mt-px {
+  margin-top: 1px !important;
+}
+
+.mr-px {
+  margin-right: 1px !important;
+}
+
+.mb-px {
+  margin-bottom: 1px !important;
+}
+
+.ml-px {
+  margin-left: 1px !important;
+}
+
+.mx-px {
+  margin-left: 1px !important;
+  margin-right: 1px !important;
+}
+
+.my-px {
+  margin-top: 1px !important;
+  margin-bottom: 1px !important;
+}
+
+.p-px {
+  padding: 1px !important;
+}
+
+.pt-px {
+  padding-top: 1px !important;
+}
+
+.pr-px {
+  padding-right: 1px !important;
+}
+
+.pb-px {
+  padding-bottom: 1px !important;
+}
+
+.pl-px {
+  padding-left: 1px !important;
+}
+
+.px-px {
+  padding-left: 1px !important;
+  padding-right: 1px !important;
+}
+
+.py-px {
+  padding-top: 1px !important;
+  padding-bottom: 1px !important;
+}
+
+.m-0-5 {
+  margin: 0.125rem !important;
+}
+
+.mt-0-5 {
+  margin-top: 0.125rem !important;
+}
+
+.mr-0-5 {
+  margin-right: 0.125rem !important;
+}
+
+.mb-0-5 {
+  margin-bottom: 0.125rem !important;
+}
+
+.ml-0-5 {
+  margin-left: 0.125rem !important;
+}
+
+.mx-0-5 {
+  margin-left: 0.125rem !important;
+  margin-right: 0.125rem !important;
+}
+
+.my-0-5 {
+  margin-top: 0.125rem !important;
+  margin-bottom: 0.125rem !important;
+}
+
+.p-0-5 {
+  padding: 0.125rem !important;
+}
+
+.pt-0-5 {
+  padding-top: 0.125rem !important;
+}
+
+.pr-0-5 {
+  padding-right: 0.125rem !important;
+}
+
+.pb-0-5 {
+  padding-bottom: 0.125rem !important;
+}
+
+.pl-0-5 {
+  padding-left: 0.125rem !important;
+}
+
+.px-0-5 {
+  padding-left: 0.125rem !important;
+  padding-right: 0.125rem !important;
+}
+
+.py-0-5 {
+  padding-top: 0.125rem !important;
+  padding-bottom: 0.125rem !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.mt-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mr-1 {
+  margin-right: 0.25rem !important;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.ml-1 {
+  margin-left: 0.25rem !important;
+}
+
+.mx-1 {
+  margin-left: 0.25rem !important;
+  margin-right: 0.25rem !important;
+}
+
+.my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.pt-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pr-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pl-1 {
+  padding-left: 0.25rem !important;
+}
+
+.px-1 {
+  padding-left: 0.25rem !important;
+  padding-right: 0.25rem !important;
+}
+
+.py-1 {
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
+}
+
+.m-1-5 {
+  margin: 0.375rem !important;
+}
+
+.mt-1-5 {
+  margin-top: 0.375rem !important;
+}
+
+.mr-1-5 {
+  margin-right: 0.375rem !important;
+}
+
+.mb-1-5 {
+  margin-bottom: 0.375rem !important;
+}
+
+.ml-1-5 {
+  margin-left: 0.375rem !important;
+}
+
+.mx-1-5 {
+  margin-left: 0.375rem !important;
+  margin-right: 0.375rem !important;
+}
+
+.my-1-5 {
+  margin-top: 0.375rem !important;
+  margin-bottom: 0.375rem !important;
+}
+
+.p-1-5 {
+  padding: 0.375rem !important;
+}
+
+.pt-1-5 {
+  padding-top: 0.375rem !important;
+}
+
+.pr-1-5 {
+  padding-right: 0.375rem !important;
+}
+
+.pb-1-5 {
+  padding-bottom: 0.375rem !important;
+}
+
+.pl-1-5 {
+  padding-left: 0.375rem !important;
+}
+
+.px-1-5 {
+  padding-left: 0.375rem !important;
+  padding-right: 0.375rem !important;
+}
+
+.py-1-5 {
+  padding-top: 0.375rem !important;
+  padding-bottom: 0.375rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.mt-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mr-2 {
+  margin-right: 0.5rem !important;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.ml-2 {
+  margin-left: 0.5rem !important;
+}
+
+.mx-2 {
+  margin-left: 0.5rem !important;
+  margin-right: 0.5rem !important;
+}
+
+.my-2 {
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.pt-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pr-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pl-2 {
+  padding-left: 0.5rem !important;
+}
+
+.px-2 {
+  padding-left: 0.5rem !important;
+  padding-right: 0.5rem !important;
+}
+
+.py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
+.m-2-5 {
+  margin: 0.625rem !important;
+}
+
+.mt-2-5 {
+  margin-top: 0.625rem !important;
+}
+
+.mr-2-5 {
+  margin-right: 0.625rem !important;
+}
+
+.mb-2-5 {
+  margin-bottom: 0.625rem !important;
+}
+
+.ml-2-5 {
+  margin-left: 0.625rem !important;
+}
+
+.mx-2-5 {
+  margin-left: 0.625rem !important;
+  margin-right: 0.625rem !important;
+}
+
+.my-2-5 {
+  margin-top: 0.625rem !important;
+  margin-bottom: 0.625rem !important;
+}
+
+.p-2-5 {
+  padding: 0.625rem !important;
+}
+
+.pt-2-5 {
+  padding-top: 0.625rem !important;
+}
+
+.pr-2-5 {
+  padding-right: 0.625rem !important;
+}
+
+.pb-2-5 {
+  padding-bottom: 0.625rem !important;
+}
+
+.pl-2-5 {
+  padding-left: 0.625rem !important;
+}
+
+.px-2-5 {
+  padding-left: 0.625rem !important;
+  padding-right: 0.625rem !important;
+}
+
+.py-2-5 {
+  padding-top: 0.625rem !important;
+  padding-bottom: 0.625rem !important;
+}
+
+.m-3 {
+  margin: 0.75rem !important;
+}
+
+.mt-3 {
+  margin-top: 0.75rem !important;
+}
+
+.mr-3 {
+  margin-right: 0.75rem !important;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem !important;
+}
+
+.ml-3 {
+  margin-left: 0.75rem !important;
+}
+
+.mx-3 {
+  margin-left: 0.75rem !important;
+  margin-right: 0.75rem !important;
+}
+
+.my-3 {
+  margin-top: 0.75rem !important;
+  margin-bottom: 0.75rem !important;
+}
+
+.p-3 {
+  padding: 0.75rem !important;
+}
+
+.pt-3 {
+  padding-top: 0.75rem !important;
+}
+
+.pr-3 {
+  padding-right: 0.75rem !important;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem !important;
+}
+
+.pl-3 {
+  padding-left: 0.75rem !important;
+}
+
+.px-3 {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+
+.py-3 {
+  padding-top: 0.75rem !important;
+  padding-bottom: 0.75rem !important;
+}
+
+.m-3-5 {
+  margin: 0.875rem !important;
+}
+
+.mt-3-5 {
+  margin-top: 0.875rem !important;
+}
+
+.mr-3-5 {
+  margin-right: 0.875rem !important;
+}
+
+.mb-3-5 {
+  margin-bottom: 0.875rem !important;
+}
+
+.ml-3-5 {
+  margin-left: 0.875rem !important;
+}
+
+.mx-3-5 {
+  margin-left: 0.875rem !important;
+  margin-right: 0.875rem !important;
+}
+
+.my-3-5 {
+  margin-top: 0.875rem !important;
+  margin-bottom: 0.875rem !important;
+}
+
+.p-3-5 {
+  padding: 0.875rem !important;
+}
+
+.pt-3-5 {
+  padding-top: 0.875rem !important;
+}
+
+.pr-3-5 {
+  padding-right: 0.875rem !important;
+}
+
+.pb-3-5 {
+  padding-bottom: 0.875rem !important;
+}
+
+.pl-3-5 {
+  padding-left: 0.875rem !important;
+}
+
+.px-3-5 {
+  padding-left: 0.875rem !important;
+  padding-right: 0.875rem !important;
+}
+
+.py-3-5 {
+  padding-top: 0.875rem !important;
+  padding-bottom: 0.875rem !important;
+}
+
+.m-4 {
+  margin: 1rem !important;
+}
+
+.mt-4 {
+  margin-top: 1rem !important;
+}
+
+.mr-4 {
+  margin-right: 1rem !important;
+}
+
+.mb-4 {
+  margin-bottom: 1rem !important;
+}
+
+.ml-4 {
+  margin-left: 1rem !important;
+}
+
+.mx-4 {
+  margin-left: 1rem !important;
+  margin-right: 1rem !important;
+}
+
+.my-4 {
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
+}
+
+.p-4 {
+  padding: 1rem !important;
+}
+
+.pt-4 {
+  padding-top: 1rem !important;
+}
+
+.pr-4 {
+  padding-right: 1rem !important;
+}
+
+.pb-4 {
+  padding-bottom: 1rem !important;
+}
+
+.pl-4 {
+  padding-left: 1rem !important;
+}
+
+.px-4 {
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+}
+
+.py-4 {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+.m-5 {
+  margin: 1.25rem !important;
+}
+
+.mt-5 {
+  margin-top: 1.25rem !important;
+}
+
+.mr-5 {
+  margin-right: 1.25rem !important;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem !important;
+}
+
+.ml-5 {
+  margin-left: 1.25rem !important;
+}
+
+.mx-5 {
+  margin-left: 1.25rem !important;
+  margin-right: 1.25rem !important;
+}
+
+.my-5 {
+  margin-top: 1.25rem !important;
+  margin-bottom: 1.25rem !important;
+}
+
+.p-5 {
+  padding: 1.25rem !important;
+}
+
+.pt-5 {
+  padding-top: 1.25rem !important;
+}
+
+.pr-5 {
+  padding-right: 1.25rem !important;
+}
+
+.pb-5 {
+  padding-bottom: 1.25rem !important;
+}
+
+.pl-5 {
+  padding-left: 1.25rem !important;
+}
+
+.px-5 {
+  padding-left: 1.25rem !important;
+  padding-right: 1.25rem !important;
+}
+
+.py-5 {
+  padding-top: 1.25rem !important;
+  padding-bottom: 1.25rem !important;
+}
+
+.m-6 {
+  margin: 1.5rem !important;
+}
+
+.mt-6 {
+  margin-top: 1.5rem !important;
+}
+
+.mr-6 {
+  margin-right: 1.5rem !important;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem !important;
+}
+
+.ml-6 {
+  margin-left: 1.5rem !important;
+}
+
+.mx-6 {
+  margin-left: 1.5rem !important;
+  margin-right: 1.5rem !important;
+}
+
+.my-6 {
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
+
+.p-6 {
+  padding: 1.5rem !important;
+}
+
+.pt-6 {
+  padding-top: 1.5rem !important;
+}
+
+.pr-6 {
+  padding-right: 1.5rem !important;
+}
+
+.pb-6 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pl-6 {
+  padding-left: 1.5rem !important;
+}
+
+.px-6 {
+  padding-left: 1.5rem !important;
+  padding-right: 1.5rem !important;
+}
+
+.py-6 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
+
+.m-7 {
+  margin: 1.75rem !important;
+}
+
+.mt-7 {
+  margin-top: 1.75rem !important;
+}
+
+.mr-7 {
+  margin-right: 1.75rem !important;
+}
+
+.mb-7 {
+  margin-bottom: 1.75rem !important;
+}
+
+.ml-7 {
+  margin-left: 1.75rem !important;
+}
+
+.mx-7 {
+  margin-left: 1.75rem !important;
+  margin-right: 1.75rem !important;
+}
+
+.my-7 {
+  margin-top: 1.75rem !important;
+  margin-bottom: 1.75rem !important;
+}
+
+.p-7 {
+  padding: 1.75rem !important;
+}
+
+.pt-7 {
+  padding-top: 1.75rem !important;
+}
+
+.pr-7 {
+  padding-right: 1.75rem !important;
+}
+
+.pb-7 {
+  padding-bottom: 1.75rem !important;
+}
+
+.pl-7 {
+  padding-left: 1.75rem !important;
+}
+
+.px-7 {
+  padding-left: 1.75rem !important;
+  padding-right: 1.75rem !important;
+}
+
+.py-7 {
+  padding-top: 1.75rem !important;
+  padding-bottom: 1.75rem !important;
+}
+
+.m-8 {
+  margin: 2rem !important;
+}
+
+.mt-8 {
+  margin-top: 2rem !important;
+}
+
+.mr-8 {
+  margin-right: 2rem !important;
+}
+
+.mb-8 {
+  margin-bottom: 2rem !important;
+}
+
+.ml-8 {
+  margin-left: 2rem !important;
+}
+
+.mx-8 {
+  margin-left: 2rem !important;
+  margin-right: 2rem !important;
+}
+
+.my-8 {
+  margin-top: 2rem !important;
+  margin-bottom: 2rem !important;
+}
+
+.p-8 {
+  padding: 2rem !important;
+}
+
+.pt-8 {
+  padding-top: 2rem !important;
+}
+
+.pr-8 {
+  padding-right: 2rem !important;
+}
+
+.pb-8 {
+  padding-bottom: 2rem !important;
+}
+
+.pl-8 {
+  padding-left: 2rem !important;
+}
+
+.px-8 {
+  padding-left: 2rem !important;
+  padding-right: 2rem !important;
+}
+
+.py-8 {
+  padding-top: 2rem !important;
+  padding-bottom: 2rem !important;
+}
+
+.m-9 {
+  margin: 2.25rem !important;
+}
+
+.mt-9 {
+  margin-top: 2.25rem !important;
+}
+
+.mr-9 {
+  margin-right: 2.25rem !important;
+}
+
+.mb-9 {
+  margin-bottom: 2.25rem !important;
+}
+
+.ml-9 {
+  margin-left: 2.25rem !important;
+}
+
+.mx-9 {
+  margin-left: 2.25rem !important;
+  margin-right: 2.25rem !important;
+}
+
+.my-9 {
+  margin-top: 2.25rem !important;
+  margin-bottom: 2.25rem !important;
+}
+
+.p-9 {
+  padding: 2.25rem !important;
+}
+
+.pt-9 {
+  padding-top: 2.25rem !important;
+}
+
+.pr-9 {
+  padding-right: 2.25rem !important;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem !important;
+}
+
+.pl-9 {
+  padding-left: 2.25rem !important;
+}
+
+.px-9 {
+  padding-left: 2.25rem !important;
+  padding-right: 2.25rem !important;
+}
+
+.py-9 {
+  padding-top: 2.25rem !important;
+  padding-bottom: 2.25rem !important;
+}
+
+.m-10 {
+  margin: 2.5rem !important;
+}
+
+.mt-10 {
+  margin-top: 2.5rem !important;
+}
+
+.mr-10 {
+  margin-right: 2.5rem !important;
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem !important;
+}
+
+.ml-10 {
+  margin-left: 2.5rem !important;
+}
+
+.mx-10 {
+  margin-left: 2.5rem !important;
+  margin-right: 2.5rem !important;
+}
+
+.my-10 {
+  margin-top: 2.5rem !important;
+  margin-bottom: 2.5rem !important;
+}
+
+.p-10 {
+  padding: 2.5rem !important;
+}
+
+.pt-10 {
+  padding-top: 2.5rem !important;
+}
+
+.pr-10 {
+  padding-right: 2.5rem !important;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem !important;
+}
+
+.pl-10 {
+  padding-left: 2.5rem !important;
+}
+
+.px-10 {
+  padding-left: 2.5rem !important;
+  padding-right: 2.5rem !important;
+}
+
+.py-10 {
+  padding-top: 2.5rem !important;
+  padding-bottom: 2.5rem !important;
+}
+
+.m-11 {
+  margin: 2.75rem !important;
+}
+
+.mt-11 {
+  margin-top: 2.75rem !important;
+}
+
+.mr-11 {
+  margin-right: 2.75rem !important;
+}
+
+.mb-11 {
+  margin-bottom: 2.75rem !important;
+}
+
+.ml-11 {
+  margin-left: 2.75rem !important;
+}
+
+.mx-11 {
+  margin-left: 2.75rem !important;
+  margin-right: 2.75rem !important;
+}
+
+.my-11 {
+  margin-top: 2.75rem !important;
+  margin-bottom: 2.75rem !important;
+}
+
+.p-11 {
+  padding: 2.75rem !important;
+}
+
+.pt-11 {
+  padding-top: 2.75rem !important;
+}
+
+.pr-11 {
+  padding-right: 2.75rem !important;
+}
+
+.pb-11 {
+  padding-bottom: 2.75rem !important;
+}
+
+.pl-11 {
+  padding-left: 2.75rem !important;
+}
+
+.px-11 {
+  padding-left: 2.75rem !important;
+  padding-right: 2.75rem !important;
+}
+
+.py-11 {
+  padding-top: 2.75rem !important;
+  padding-bottom: 2.75rem !important;
+}
+
+.m-12 {
+  margin: 3rem !important;
+}
+
+.mt-12 {
+  margin-top: 3rem !important;
+}
+
+.mr-12 {
+  margin-right: 3rem !important;
+}
+
+.mb-12 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-12 {
+  margin-left: 3rem !important;
+}
+
+.mx-12 {
+  margin-left: 3rem !important;
+  margin-right: 3rem !important;
+}
+
+.my-12 {
+  margin-top: 3rem !important;
+  margin-bottom: 3rem !important;
+}
+
+.p-12 {
+  padding: 3rem !important;
+}
+
+.pt-12 {
+  padding-top: 3rem !important;
+}
+
+.pr-12 {
+  padding-right: 3rem !important;
+}
+
+.pb-12 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-12 {
+  padding-left: 3rem !important;
+}
+
+.px-12 {
+  padding-left: 3rem !important;
+  padding-right: 3rem !important;
+}
+
+.py-12 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+.m-14 {
+  margin: 3.5rem !important;
+}
+
+.mt-14 {
+  margin-top: 3.5rem !important;
+}
+
+.mr-14 {
+  margin-right: 3.5rem !important;
+}
+
+.mb-14 {
+  margin-bottom: 3.5rem !important;
+}
+
+.ml-14 {
+  margin-left: 3.5rem !important;
+}
+
+.mx-14 {
+  margin-left: 3.5rem !important;
+  margin-right: 3.5rem !important;
+}
+
+.my-14 {
+  margin-top: 3.5rem !important;
+  margin-bottom: 3.5rem !important;
+}
+
+.p-14 {
+  padding: 3.5rem !important;
+}
+
+.pt-14 {
+  padding-top: 3.5rem !important;
+}
+
+.pr-14 {
+  padding-right: 3.5rem !important;
+}
+
+.pb-14 {
+  padding-bottom: 3.5rem !important;
+}
+
+.pl-14 {
+  padding-left: 3.5rem !important;
+}
+
+.px-14 {
+  padding-left: 3.5rem !important;
+  padding-right: 3.5rem !important;
+}
+
+.py-14 {
+  padding-top: 3.5rem !important;
+  padding-bottom: 3.5rem !important;
+}
+
+.m-16 {
+  margin: 4rem !important;
+}
+
+.mt-16 {
+  margin-top: 4rem !important;
+}
+
+.mr-16 {
+  margin-right: 4rem !important;
+}
+
+.mb-16 {
+  margin-bottom: 4rem !important;
+}
+
+.ml-16 {
+  margin-left: 4rem !important;
+}
+
+.mx-16 {
+  margin-left: 4rem !important;
+  margin-right: 4rem !important;
+}
+
+.my-16 {
+  margin-top: 4rem !important;
+  margin-bottom: 4rem !important;
+}
+
+.p-16 {
+  padding: 4rem !important;
+}
+
+.pt-16 {
+  padding-top: 4rem !important;
+}
+
+.pr-16 {
+  padding-right: 4rem !important;
+}
+
+.pb-16 {
+  padding-bottom: 4rem !important;
+}
+
+.pl-16 {
+  padding-left: 4rem !important;
+}
+
+.px-16 {
+  padding-left: 4rem !important;
+  padding-right: 4rem !important;
+}
+
+.py-16 {
+  padding-top: 4rem !important;
+  padding-bottom: 4rem !important;
+}
+
+.m-20 {
+  margin: 5rem !important;
+}
+
+.mt-20 {
+  margin-top: 5rem !important;
+}
+
+.mr-20 {
+  margin-right: 5rem !important;
+}
+
+.mb-20 {
+  margin-bottom: 5rem !important;
+}
+
+.ml-20 {
+  margin-left: 5rem !important;
+}
+
+.mx-20 {
+  margin-left: 5rem !important;
+  margin-right: 5rem !important;
+}
+
+.my-20 {
+  margin-top: 5rem !important;
+  margin-bottom: 5rem !important;
+}
+
+.p-20 {
+  padding: 5rem !important;
+}
+
+.pt-20 {
+  padding-top: 5rem !important;
+}
+
+.pr-20 {
+  padding-right: 5rem !important;
+}
+
+.pb-20 {
+  padding-bottom: 5rem !important;
+}
+
+.pl-20 {
+  padding-left: 5rem !important;
+}
+
+.px-20 {
+  padding-left: 5rem !important;
+  padding-right: 5rem !important;
+}
+
+.py-20 {
+  padding-top: 5rem !important;
+  padding-bottom: 5rem !important;
+}
+
+.m-24 {
+  margin: 6rem !important;
+}
+
+.mt-24 {
+  margin-top: 6rem !important;
+}
+
+.mr-24 {
+  margin-right: 6rem !important;
+}
+
+.mb-24 {
+  margin-bottom: 6rem !important;
+}
+
+.ml-24 {
+  margin-left: 6rem !important;
+}
+
+.mx-24 {
+  margin-left: 6rem !important;
+  margin-right: 6rem !important;
+}
+
+.my-24 {
+  margin-top: 6rem !important;
+  margin-bottom: 6rem !important;
+}
+
+.p-24 {
+  padding: 6rem !important;
+}
+
+.pt-24 {
+  padding-top: 6rem !important;
+}
+
+.pr-24 {
+  padding-right: 6rem !important;
+}
+
+.pb-24 {
+  padding-bottom: 6rem !important;
+}
+
+.pl-24 {
+  padding-left: 6rem !important;
+}
+
+.px-24 {
+  padding-left: 6rem !important;
+  padding-right: 6rem !important;
+}
+
+.py-24 {
+  padding-top: 6rem !important;
+  padding-bottom: 6rem !important;
+}
+
+.m-28 {
+  margin: 7rem !important;
+}
+
+.mt-28 {
+  margin-top: 7rem !important;
+}
+
+.mr-28 {
+  margin-right: 7rem !important;
+}
+
+.mb-28 {
+  margin-bottom: 7rem !important;
+}
+
+.ml-28 {
+  margin-left: 7rem !important;
+}
+
+.mx-28 {
+  margin-left: 7rem !important;
+  margin-right: 7rem !important;
+}
+
+.my-28 {
+  margin-top: 7rem !important;
+  margin-bottom: 7rem !important;
+}
+
+.p-28 {
+  padding: 7rem !important;
+}
+
+.pt-28 {
+  padding-top: 7rem !important;
+}
+
+.pr-28 {
+  padding-right: 7rem !important;
+}
+
+.pb-28 {
+  padding-bottom: 7rem !important;
+}
+
+.pl-28 {
+  padding-left: 7rem !important;
+}
+
+.px-28 {
+  padding-left: 7rem !important;
+  padding-right: 7rem !important;
+}
+
+.py-28 {
+  padding-top: 7rem !important;
+  padding-bottom: 7rem !important;
+}
+
+.m-32 {
+  margin: 8rem !important;
+}
+
+.mt-32 {
+  margin-top: 8rem !important;
+}
+
+.mr-32 {
+  margin-right: 8rem !important;
+}
+
+.mb-32 {
+  margin-bottom: 8rem !important;
+}
+
+.ml-32 {
+  margin-left: 8rem !important;
+}
+
+.mx-32 {
+  margin-left: 8rem !important;
+  margin-right: 8rem !important;
+}
+
+.my-32 {
+  margin-top: 8rem !important;
+  margin-bottom: 8rem !important;
+}
+
+.p-32 {
+  padding: 8rem !important;
+}
+
+.pt-32 {
+  padding-top: 8rem !important;
+}
+
+.pr-32 {
+  padding-right: 8rem !important;
+}
+
+.pb-32 {
+  padding-bottom: 8rem !important;
+}
+
+.pl-32 {
+  padding-left: 8rem !important;
+}
+
+.px-32 {
+  padding-left: 8rem !important;
+  padding-right: 8rem !important;
+}
+
+.py-32 {
+  padding-top: 8rem !important;
+  padding-bottom: 8rem !important;
+}
+
+.m-36 {
+  margin: 9rem !important;
+}
+
+.mt-36 {
+  margin-top: 9rem !important;
+}
+
+.mr-36 {
+  margin-right: 9rem !important;
+}
+
+.mb-36 {
+  margin-bottom: 9rem !important;
+}
+
+.ml-36 {
+  margin-left: 9rem !important;
+}
+
+.mx-36 {
+  margin-left: 9rem !important;
+  margin-right: 9rem !important;
+}
+
+.my-36 {
+  margin-top: 9rem !important;
+  margin-bottom: 9rem !important;
+}
+
+.p-36 {
+  padding: 9rem !important;
+}
+
+.pt-36 {
+  padding-top: 9rem !important;
+}
+
+.pr-36 {
+  padding-right: 9rem !important;
+}
+
+.pb-36 {
+  padding-bottom: 9rem !important;
+}
+
+.pl-36 {
+  padding-left: 9rem !important;
+}
+
+.px-36 {
+  padding-left: 9rem !important;
+  padding-right: 9rem !important;
+}
+
+.py-36 {
+  padding-top: 9rem !important;
+  padding-bottom: 9rem !important;
+}
+
+.m-40 {
+  margin: 10rem !important;
+}
+
+.mt-40 {
+  margin-top: 10rem !important;
+}
+
+.mr-40 {
+  margin-right: 10rem !important;
+}
+
+.mb-40 {
+  margin-bottom: 10rem !important;
+}
+
+.ml-40 {
+  margin-left: 10rem !important;
+}
+
+.mx-40 {
+  margin-left: 10rem !important;
+  margin-right: 10rem !important;
+}
+
+.my-40 {
+  margin-top: 10rem !important;
+  margin-bottom: 10rem !important;
+}
+
+.p-40 {
+  padding: 10rem !important;
+}
+
+.pt-40 {
+  padding-top: 10rem !important;
+}
+
+.pr-40 {
+  padding-right: 10rem !important;
+}
+
+.pb-40 {
+  padding-bottom: 10rem !important;
+}
+
+.pl-40 {
+  padding-left: 10rem !important;
+}
+
+.px-40 {
+  padding-left: 10rem !important;
+  padding-right: 10rem !important;
+}
+
+.py-40 {
+  padding-top: 10rem !important;
+  padding-bottom: 10rem !important;
+}
+
+.m-44 {
+  margin: 11rem !important;
+}
+
+.mt-44 {
+  margin-top: 11rem !important;
+}
+
+.mr-44 {
+  margin-right: 11rem !important;
+}
+
+.mb-44 {
+  margin-bottom: 11rem !important;
+}
+
+.ml-44 {
+  margin-left: 11rem !important;
+}
+
+.mx-44 {
+  margin-left: 11rem !important;
+  margin-right: 11rem !important;
+}
+
+.my-44 {
+  margin-top: 11rem !important;
+  margin-bottom: 11rem !important;
+}
+
+.p-44 {
+  padding: 11rem !important;
+}
+
+.pt-44 {
+  padding-top: 11rem !important;
+}
+
+.pr-44 {
+  padding-right: 11rem !important;
+}
+
+.pb-44 {
+  padding-bottom: 11rem !important;
+}
+
+.pl-44 {
+  padding-left: 11rem !important;
+}
+
+.px-44 {
+  padding-left: 11rem !important;
+  padding-right: 11rem !important;
+}
+
+.py-44 {
+  padding-top: 11rem !important;
+  padding-bottom: 11rem !important;
+}
+
+.m-48 {
+  margin: 12rem !important;
+}
+
+.mt-48 {
+  margin-top: 12rem !important;
+}
+
+.mr-48 {
+  margin-right: 12rem !important;
+}
+
+.mb-48 {
+  margin-bottom: 12rem !important;
+}
+
+.ml-48 {
+  margin-left: 12rem !important;
+}
+
+.mx-48 {
+  margin-left: 12rem !important;
+  margin-right: 12rem !important;
+}
+
+.my-48 {
+  margin-top: 12rem !important;
+  margin-bottom: 12rem !important;
+}
+
+.p-48 {
+  padding: 12rem !important;
+}
+
+.pt-48 {
+  padding-top: 12rem !important;
+}
+
+.pr-48 {
+  padding-right: 12rem !important;
+}
+
+.pb-48 {
+  padding-bottom: 12rem !important;
+}
+
+.pl-48 {
+  padding-left: 12rem !important;
+}
+
+.px-48 {
+  padding-left: 12rem !important;
+  padding-right: 12rem !important;
+}
+
+.py-48 {
+  padding-top: 12rem !important;
+  padding-bottom: 12rem !important;
+}
+
+.m-52 {
+  margin: 13rem !important;
+}
+
+.mt-52 {
+  margin-top: 13rem !important;
+}
+
+.mr-52 {
+  margin-right: 13rem !important;
+}
+
+.mb-52 {
+  margin-bottom: 13rem !important;
+}
+
+.ml-52 {
+  margin-left: 13rem !important;
+}
+
+.mx-52 {
+  margin-left: 13rem !important;
+  margin-right: 13rem !important;
+}
+
+.my-52 {
+  margin-top: 13rem !important;
+  margin-bottom: 13rem !important;
+}
+
+.p-52 {
+  padding: 13rem !important;
+}
+
+.pt-52 {
+  padding-top: 13rem !important;
+}
+
+.pr-52 {
+  padding-right: 13rem !important;
+}
+
+.pb-52 {
+  padding-bottom: 13rem !important;
+}
+
+.pl-52 {
+  padding-left: 13rem !important;
+}
+
+.px-52 {
+  padding-left: 13rem !important;
+  padding-right: 13rem !important;
+}
+
+.py-52 {
+  padding-top: 13rem !important;
+  padding-bottom: 13rem !important;
+}
+
+.m-56 {
+  margin: 14rem !important;
+}
+
+.mt-56 {
+  margin-top: 14rem !important;
+}
+
+.mr-56 {
+  margin-right: 14rem !important;
+}
+
+.mb-56 {
+  margin-bottom: 14rem !important;
+}
+
+.ml-56 {
+  margin-left: 14rem !important;
+}
+
+.mx-56 {
+  margin-left: 14rem !important;
+  margin-right: 14rem !important;
+}
+
+.my-56 {
+  margin-top: 14rem !important;
+  margin-bottom: 14rem !important;
+}
+
+.p-56 {
+  padding: 14rem !important;
+}
+
+.pt-56 {
+  padding-top: 14rem !important;
+}
+
+.pr-56 {
+  padding-right: 14rem !important;
+}
+
+.pb-56 {
+  padding-bottom: 14rem !important;
+}
+
+.pl-56 {
+  padding-left: 14rem !important;
+}
+
+.px-56 {
+  padding-left: 14rem !important;
+  padding-right: 14rem !important;
+}
+
+.py-56 {
+  padding-top: 14rem !important;
+  padding-bottom: 14rem !important;
+}
+
+.m-60 {
+  margin: 15rem !important;
+}
+
+.mt-60 {
+  margin-top: 15rem !important;
+}
+
+.mr-60 {
+  margin-right: 15rem !important;
+}
+
+.mb-60 {
+  margin-bottom: 15rem !important;
+}
+
+.ml-60 {
+  margin-left: 15rem !important;
+}
+
+.mx-60 {
+  margin-left: 15rem !important;
+  margin-right: 15rem !important;
+}
+
+.my-60 {
+  margin-top: 15rem !important;
+  margin-bottom: 15rem !important;
+}
+
+.p-60 {
+  padding: 15rem !important;
+}
+
+.pt-60 {
+  padding-top: 15rem !important;
+}
+
+.pr-60 {
+  padding-right: 15rem !important;
+}
+
+.pb-60 {
+  padding-bottom: 15rem !important;
+}
+
+.pl-60 {
+  padding-left: 15rem !important;
+}
+
+.px-60 {
+  padding-left: 15rem !important;
+  padding-right: 15rem !important;
+}
+
+.py-60 {
+  padding-top: 15rem !important;
+  padding-bottom: 15rem !important;
+}
+
+.m-64 {
+  margin: 16rem !important;
+}
+
+.mt-64 {
+  margin-top: 16rem !important;
+}
+
+.mr-64 {
+  margin-right: 16rem !important;
+}
+
+.mb-64 {
+  margin-bottom: 16rem !important;
+}
+
+.ml-64 {
+  margin-left: 16rem !important;
+}
+
+.mx-64 {
+  margin-left: 16rem !important;
+  margin-right: 16rem !important;
+}
+
+.my-64 {
+  margin-top: 16rem !important;
+  margin-bottom: 16rem !important;
+}
+
+.p-64 {
+  padding: 16rem !important;
+}
+
+.pt-64 {
+  padding-top: 16rem !important;
+}
+
+.pr-64 {
+  padding-right: 16rem !important;
+}
+
+.pb-64 {
+  padding-bottom: 16rem !important;
+}
+
+.pl-64 {
+  padding-left: 16rem !important;
+}
+
+.px-64 {
+  padding-left: 16rem !important;
+  padding-right: 16rem !important;
+}
+
+.py-64 {
+  padding-top: 16rem !important;
+  padding-bottom: 16rem !important;
+}
+
+.m-72 {
+  margin: 18rem !important;
+}
+
+.mt-72 {
+  margin-top: 18rem !important;
+}
+
+.mr-72 {
+  margin-right: 18rem !important;
+}
+
+.mb-72 {
+  margin-bottom: 18rem !important;
+}
+
+.ml-72 {
+  margin-left: 18rem !important;
+}
+
+.mx-72 {
+  margin-left: 18rem !important;
+  margin-right: 18rem !important;
+}
+
+.my-72 {
+  margin-top: 18rem !important;
+  margin-bottom: 18rem !important;
+}
+
+.p-72 {
+  padding: 18rem !important;
+}
+
+.pt-72 {
+  padding-top: 18rem !important;
+}
+
+.pr-72 {
+  padding-right: 18rem !important;
+}
+
+.pb-72 {
+  padding-bottom: 18rem !important;
+}
+
+.pl-72 {
+  padding-left: 18rem !important;
+}
+
+.px-72 {
+  padding-left: 18rem !important;
+  padding-right: 18rem !important;
+}
+
+.py-72 {
+  padding-top: 18rem !important;
+  padding-bottom: 18rem !important;
+}
+
+.m-80 {
+  margin: 20rem !important;
+}
+
+.mt-80 {
+  margin-top: 20rem !important;
+}
+
+.mr-80 {
+  margin-right: 20rem !important;
+}
+
+.mb-80 {
+  margin-bottom: 20rem !important;
+}
+
+.ml-80 {
+  margin-left: 20rem !important;
+}
+
+.mx-80 {
+  margin-left: 20rem !important;
+  margin-right: 20rem !important;
+}
+
+.my-80 {
+  margin-top: 20rem !important;
+  margin-bottom: 20rem !important;
+}
+
+.p-80 {
+  padding: 20rem !important;
+}
+
+.pt-80 {
+  padding-top: 20rem !important;
+}
+
+.pr-80 {
+  padding-right: 20rem !important;
+}
+
+.pb-80 {
+  padding-bottom: 20rem !important;
+}
+
+.pl-80 {
+  padding-left: 20rem !important;
+}
+
+.px-80 {
+  padding-left: 20rem !important;
+  padding-right: 20rem !important;
+}
+
+.py-80 {
+  padding-top: 20rem !important;
+  padding-bottom: 20rem !important;
+}
+
+.m-96 {
+  margin: 24rem !important;
+}
+
+.mt-96 {
+  margin-top: 24rem !important;
+}
+
+.mr-96 {
+  margin-right: 24rem !important;
+}
+
+.mb-96 {
+  margin-bottom: 24rem !important;
+}
+
+.ml-96 {
+  margin-left: 24rem !important;
+}
+
+.mx-96 {
+  margin-left: 24rem !important;
+  margin-right: 24rem !important;
+}
+
+.my-96 {
+  margin-top: 24rem !important;
+  margin-bottom: 24rem !important;
+}
+
+.p-96 {
+  padding: 24rem !important;
+}
+
+.pt-96 {
+  padding-top: 24rem !important;
+}
+
+.pr-96 {
+  padding-right: 24rem !important;
+}
+
+.pb-96 {
+  padding-bottom: 24rem !important;
+}
+
+.pl-96 {
+  padding-left: 24rem !important;
+}
+
+.px-96 {
+  padding-left: 24rem !important;
+  padding-right: 24rem !important;
+}
+
+.py-96 {
+  padding-top: 24rem !important;
+  padding-bottom: 24rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mt-auto {
+  margin-top: auto !important;
+}
+
+.mr-auto {
+  margin-right: auto !important;
+}
+
+.mb-auto {
+  margin-bottom: auto !important;
+}
+
+.ml-auto {
+  margin-left: auto !important;
+}
+
+.mx-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
+.my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+
+.p-auto {
+  padding: auto !important;
+}
+
+.pt-auto {
+  padding-top: auto !important;
+}
+
+.pr-auto {
+  padding-right: auto !important;
+}
+
+.pb-auto {
+  padding-bottom: auto !important;
+}
+
+.pl-auto {
+  padding-left: auto !important;
+}
+
+.px-auto {
+  padding-left: auto !important;
+  padding-right: auto !important;
+}
+
+.py-auto {
+  padding-top: auto !important;
+  padding-bottom: auto !important;
+}
+
+.w-0 {
+  width: 0 !important;
+}
+
+.w-px {
+  width: 1px !important;
+}
+
+.w-1 {
+  width: 0.25rem !important;
+}
+
+.w-2 {
+  width: 0.5rem !important;
+}
+
+.w-3 {
+  width: 0.75rem !important;
+}
+
+.w-4 {
+  width: 1rem !important;
+}
+
+.w-5 {
+  width: 1.25rem !important;
+}
+
+.w-6 {
+  width: 1.5rem !important;
+}
+
+.w-8 {
+  width: 2rem !important;
+}
+
+.w-10 {
+  width: 2.5rem !important;
+}
+
+.w-12 {
+  width: 3rem !important;
+}
+
+.w-16 {
+  width: 4rem !important;
+}
+
+.w-20 {
+  width: 5rem !important;
+}
+
+.w-24 {
+  width: 6rem !important;
+}
+
+.w-32 {
+  width: 8rem !important;
+}
+
+.w-40 {
+  width: 10rem !important;
+}
+
+.w-48 {
+  width: 12rem !important;
+}
+
+.w-56 {
+  width: 14rem !important;
+}
+
+.w-64 {
+  width: 16rem !important;
+}
+
+.w-72 {
+  width: 18rem !important;
+}
+
+.w-80 {
+  width: 20rem !important;
+}
+
+.w-96 {
+  width: 24rem !important;
+}
+
+.w-1-2 {
+  width: 50% !important;
+}
+
+.w-1-3 {
+  width: 33.333333% !important;
+}
+
+.w-2-3 {
+  width: 66.666667% !important;
+}
+
+.w-1-4 {
+  width: 25% !important;
+}
+
+.w-3-4 {
+  width: 75% !important;
+}
+
+.w-1-5 {
+  width: 20% !important;
+}
+
+.w-4-5 {
+  width: 80% !important;
+}
+
+.w-full {
+  width: 100% !important;
+}
+
+.w-screen {
+  width: 100vw !important;
+}
+
+.w-svw {
+  width: 100svw !important;
+}
+
+.w-dvw {
+  width: 100dvw !important;
+}
+
+.w-auto {
+  width: auto !important;
+}
+
+.w-fit {
+  width: fit-content !important;
+}
+
+.w-min {
+  width: min-content !important;
+}
+
+.w-max {
+  width: max-content !important;
+}
+
+.h-0 {
+  height: 0 !important;
+}
+
+.h-px {
+  height: 1px !important;
+}
+
+.h-1 {
+  height: 0.25rem !important;
+}
+
+.h-2 {
+  height: 0.5rem !important;
+}
+
+.h-3 {
+  height: 0.75rem !important;
+}
+
+.h-4 {
+  height: 1rem !important;
+}
+
+.h-5 {
+  height: 1.25rem !important;
+}
+
+.h-6 {
+  height: 1.5rem !important;
+}
+
+.h-8 {
+  height: 2rem !important;
+}
+
+.h-10 {
+  height: 2.5rem !important;
+}
+
+.h-12 {
+  height: 3rem !important;
+}
+
+.h-16 {
+  height: 4rem !important;
+}
+
+.h-20 {
+  height: 5rem !important;
+}
+
+.h-24 {
+  height: 6rem !important;
+}
+
+.h-32 {
+  height: 8rem !important;
+}
+
+.h-40 {
+  height: 10rem !important;
+}
+
+.h-48 {
+  height: 12rem !important;
+}
+
+.h-56 {
+  height: 14rem !important;
+}
+
+.h-64 {
+  height: 16rem !important;
+}
+
+.h-72 {
+  height: 18rem !important;
+}
+
+.h-80 {
+  height: 20rem !important;
+}
+
+.h-96 {
+  height: 24rem !important;
+}
+
+.h-1-2 {
+  height: 50% !important;
+}
+
+.h-1-3 {
+  height: 33.333333% !important;
+}
+
+.h-2-3 {
+  height: 66.666667% !important;
+}
+
+.h-1-4 {
+  height: 25% !important;
+}
+
+.h-3-4 {
+  height: 75% !important;
+}
+
+.h-full {
+  height: 100% !important;
+}
+
+.h-screen {
+  height: 100vh !important;
+}
+
+.h-svh {
+  height: 100svh !important;
+}
+
+.h-dvh {
+  height: 100dvh !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.h-fit {
+  height: fit-content !important;
+}
+
+.h-min {
+  height: min-content !important;
+}
+
+.h-max {
+  height: max-content !important;
+}
+
+.min-w-0 {
+  min-width: 0 !important;
+}
+
+.min-w-full {
+  min-width: 100% !important;
+}
+
+.min-w-min {
+  min-width: min-content !important;
+}
+
+.min-w-max {
+  min-width: max-content !important;
+}
+
+.max-w-none {
+  max-width: none !important;
+}
+
+.max-w-xs {
+  max-width: 20rem !important;
+}
+
+.max-w-sm {
+  max-width: 24rem !important;
+}
+
+.max-w-md {
+  max-width: 28rem !important;
+}
+
+.max-w-lg {
+  max-width: 32rem !important;
+}
+
+.max-w-xl {
+  max-width: 36rem !important;
+}
+
+.max-w-2xl {
+  max-width: 42rem !important;
+}
+
+.max-w-3xl {
+  max-width: 48rem !important;
+}
+
+.max-w-4xl {
+  max-width: 56rem !important;
+}
+
+.max-w-5xl {
+  max-width: 64rem !important;
+}
+
+.max-w-6xl {
+  max-width: 72rem !important;
+}
+
+.max-w-7xl {
+  max-width: 80rem !important;
+}
+
+.max-w-full {
+  max-width: 100% !important;
+}
+
+.max-w-screen {
+  max-width: 100vw !important;
+}
+
+.min-h-0 {
+  min-height: 0 !important;
+}
+
+.min-h-full {
+  min-height: 100% !important;
+}
+
+.min-h-screen {
+  min-height: 100vh !important;
+}
+
+.min-h-svh {
+  min-height: 100svh !important;
+}
+
+.min-h-dvh {
+  min-height: 100dvh !important;
+}
+
+.max-h-none {
+  max-height: none !important;
+}
+
+.max-h-full {
+  max-height: 100% !important;
+}
+
+.max-h-screen {
+  max-height: 100vh !important;
+}
+
+.border-0 {
+  border-width: 0 !important;
+}
+
+.border-t-0 {
+  border-top-width: 0 !important;
+}
+
+.border-r-0 {
+  border-right-width: 0 !important;
+}
+
+.border-b-0 {
+  border-bottom-width: 0 !important;
+}
+
+.border-l-0 {
+  border-left-width: 0 !important;
+}
+
+.border-1 {
+  border-width: 1px !important;
+}
+
+.border-t-1 {
+  border-top-width: 1px !important;
+}
+
+.border-r-1 {
+  border-right-width: 1px !important;
+}
+
+.border-b-1 {
+  border-bottom-width: 1px !important;
+}
+
+.border-l-1 {
+  border-left-width: 1px !important;
+}
+
+.border-2 {
+  border-width: 2px !important;
+}
+
+.border-t-2 {
+  border-top-width: 2px !important;
+}
+
+.border-r-2 {
+  border-right-width: 2px !important;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px !important;
+}
+
+.border-l-2 {
+  border-left-width: 2px !important;
+}
+
+.border-4 {
+  border-width: 4px !important;
+}
+
+.border-t-4 {
+  border-top-width: 4px !important;
+}
+
+.border-r-4 {
+  border-right-width: 4px !important;
+}
+
+.border-b-4 {
+  border-bottom-width: 4px !important;
+}
+
+.border-l-4 {
+  border-left-width: 4px !important;
+}
+
+.border-8 {
+  border-width: 8px !important;
+}
+
+.border-t-8 {
+  border-top-width: 8px !important;
+}
+
+.border-r-8 {
+  border-right-width: 8px !important;
+}
+
+.border-b-8 {
+  border-bottom-width: 8px !important;
+}
+
+.border-l-8 {
+  border-left-width: 8px !important;
+}
+
+.border-solid {
+  border-style: solid !important;
+}
+
+.border-dashed {
+  border-style: dashed !important;
+}
+
+.border-dotted {
+  border-style: dotted !important;
+}
+
+.border-none {
+  border-style: none !important;
+}
+
+.border {
+  border: 1px solid var(--mastors-border-default) !important;
+}
+
+.border-t {
+  border-top: 1px solid var(--mastors-border-default) !important;
+}
+
+.border-r {
+  border-right: 1px solid var(--mastors-border-default) !important;
+}
+
+.border-b {
+  border-bottom: 1px solid var(--mastors-border-default) !important;
+}
+
+.border-l {
+  border-left: 1px solid var(--mastors-border-default) !important;
+}
+
+.outline-none {
+  outline: none !important;
+}
+
+.outline {
+  outline: 2px solid var(--mastors-border-focus) !important;
+}
+
+:root {
+  --mastors-color-primary: #2563eb;
+  --mastors-color-primary-light: #60a5fa;
+  --mastors-color-primary-dark: #1d4ed8;
+  --mastors-color-secondary: #7c3aed;
+  --mastors-color-secondary-light: #a78bfa;
+  --mastors-color-secondary-dark: #5b21b6;
+  --mastors-color-accent: #0ea5e9;
+  --mastors-color-accent-light: #38bdf8;
+  --mastors-color-accent-dark: #0284c7;
+  --mastors-color-success: #16a34a;
+  --mastors-color-success-light: #4ade80;
+  --mastors-color-success-dark: #15803d;
+  --mastors-color-warning: #d97706;
+  --mastors-color-warning-light: #fbbf24;
+  --mastors-color-warning-dark: #b45309;
+  --mastors-color-danger: #dc2626;
+  --mastors-color-danger-light: #f87171;
+  --mastors-color-danger-dark: #b91c1c;
+  --mastors-color-info: #0891b2;
+  --mastors-color-info-light: #22d3ee;
+  --mastors-color-info-dark: #0e7490;
+  --mastors-color-white: #ffffff;
+  --mastors-color-black: #000000;
+  --mastors-color-neutral-50: #f9fafb;
+  --mastors-color-neutral-100: #f3f4f6;
+  --mastors-color-neutral-200: #e5e7eb;
+  --mastors-color-neutral-300: #d1d5db;
+  --mastors-color-neutral-400: #9ca3af;
+  --mastors-color-neutral-500: #6b7280;
+  --mastors-color-neutral-600: #4b5563;
+  --mastors-color-neutral-700: #374151;
+  --mastors-color-neutral-800: #1f2937;
+  --mastors-color-neutral-900: #111827;
+  --mastors-color-neutral-950: #030712;
+  --mastors-color-surface: #ffffff;
+  --mastors-color-surface-raised: #f9fafb;
+  --mastors-color-surface-overlay: #f3f4f6;
+  --mastors-color-surface-sunken: #e5e7eb;
+  --mastors-color-transparent: transparent;
+  --mastors-text-primary: #111827;
+  --mastors-text-secondary: #374151;
+  --mastors-text-muted: #6b7280;
+  --mastors-text-disabled: #9ca3af;
+  --mastors-text-inverse: #ffffff;
+  --mastors-bg-body: #ffffff;
+  --mastors-bg-subtle: #f9fafb;
+  --mastors-bg-muted: #f3f4f6;
+  --mastors-bg-inverse: #111827;
+  --mastors-border-default: #e5e7eb;
+  --mastors-border-strong: #d1d5db;
+  --mastors-border-focus: #2563eb;
+  --mastors-link: #2563eb;
+  --mastors-link-hover: #1d4ed8;
+  --mastors-link-visited: #7c3aed;
+  --mastors-shadow-none: none;
+  --mastors-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --mastors-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
+  --mastors-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
+  --mastors-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
+  --mastors-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
+  --mastors-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --mastors-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  --mastors-shadow-primary: 0 4px 14px 0 rgba(37, 99, 235, 0.35);
+  --mastors-shadow-success: 0 4px 14px 0 rgba(22, 163, 74, 0.35);
+  --mastors-shadow-danger: 0 4px 14px 0 rgba(220, 38, 38, 0.35);
+  --mastors-shadow-warning: 0 4px 14px 0 rgba(217, 119, 6, 0.35);
+  --mastors-shadow-dark-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.40);
+  --mastors-shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, 0.40);
+  --mastors-shadow-dark-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.50);
+  --mastors-radius-none: 0;
+  --mastors-radius-xs: 2px;
+  --mastors-radius-sm: 4px;
+  --mastors-radius-md: 8px;
+  --mastors-radius-lg: 12px;
+  --mastors-radius-xl: 16px;
+  --mastors-radius-2xl: 24px;
+  --mastors-radius-3xl: 32px;
+  --mastors-radius-full: 9999px;
+  --mastors-z-base: 0;
+  --mastors-z-raised: 10;
+  --mastors-z-dropdown: 100;
+  --mastors-z-sticky: 200;
+  --mastors-z-fixed: 300;
+  --mastors-z-overlay: 400;
+  --mastors-z-modal: 500;
+  --mastors-z-popover: 600;
+  --mastors-z-tooltip: 700;
+  --mastors-z-toast: 800;
+  --mastors-z-spinner: 900;
+  --mastors-z-max: 9999;
+  --mastors-opacity-0: 0;
+  --mastors-opacity-5: 0.05;
+  --mastors-opacity-10: 0.1;
+  --mastors-opacity-15: 0.15;
+  --mastors-opacity-20: 0.2;
+  --mastors-opacity-25: 0.25;
+  --mastors-opacity-30: 0.3;
+  --mastors-opacity-40: 0.4;
+  --mastors-opacity-50: 0.5;
+  --mastors-opacity-60: 0.6;
+  --mastors-opacity-70: 0.7;
+  --mastors-opacity-75: 0.75;
+  --mastors-opacity-80: 0.8;
+  --mastors-opacity-90: 0.9;
+  --mastors-opacity-95: 0.95;
+  --mastors-opacity-100: 1;
+  --mastors-duration-instant: 0ms;
+  --mastors-duration-fast: 100ms;
+  --mastors-duration-normal: 200ms;
+  --mastors-duration-moderate: 300ms;
+  --mastors-duration-slow: 500ms;
+  --mastors-duration-slower: 700ms;
+  --mastors-duration-slowest: 1000ms;
+  --mastors-easing-linear: cubic-bezier(0, 0, 1, 1);
+  --mastors-easing-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --mastors-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --mastors-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --mastors-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --mastors-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+  --mastors-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  --mastors-easing-smooth: cubic-bezier(0.23, 1, 0.32, 1);
+  --mastors-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1);
+}
+
+/*# sourceMappingURL=mastors-core.css.map */