@mastors/core 1.1.0 → 2.0.0

package/dist/mastors-core.css

@@ -8,7 +8,7 @@
 }
 
 html {
-  text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
   tab-size: 4;
   scroll-behavior: smooth;
 }
@@ -121,8 +121,8 @@ button, [role=button] {
   --mastors-color-info-800: #155e75;
   --mastors-color-info-900: #164e63;
   --mastors-color-info-950: #083344;
-  --mastors-color-white: #fff;
-  --mastors-color-black: #000;
+  --mastors-color-white: #ffffff;
+  --mastors-color-black: #000000;
   --mastors-color-transparent: transparent;
   --mastors-spacing-0: 0px;
   --mastors-spacing-px: 1px;
@@ -189,7 +189,7 @@ button, [role=button] {
   --mastors-leading-loose: 2;
   --mastors-tracking-tighter: -0.05em;
   --mastors-tracking-tight: -0.025em;
-  --mastors-tracking-normal: 0;
+  --mastors-tracking-normal: 0em;
   --mastors-tracking-wide: 0.025em;
   --mastors-tracking-wider: 0.05em;
   --mastors-tracking-widest: 0.1em;
@@ -301,32 +301,31 @@ small {
 }
 
 code, kbd, samp, pre {
-  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   font-size: 0.875rem;
 }
 
 :root,
 [data-theme=light],
 .light {
-  --mastors-bg: #fff;
+  --mastors-bg: #ffffff;
   --mastors-bg-subtle: #f9fafb;
-  --mastors-surface: #fff;
+  --mastors-surface: #ffffff;
   --mastors-surface-raised: #f9fafb;
   --mastors-surface-overlay: #f3f4f6;
   --mastors-text: #111827;
   --mastors-text-muted: #6b7280;
   --mastors-text-subtle: #9ca3af;
-  --mastors-text-inverse: #fff;
+  --mastors-text-inverse: #ffffff;
   --mastors-border: #e5e7eb;
   --mastors-border-strong: #9ca3af;
   --mastors-accent: #2563eb;
   --mastors-accent-hover: #1d4ed8;
   --mastors-accent-subtle: #eff6ff;
-  --mastors-accent-text: #fff;
+  --mastors-accent-text: #ffffff;
 }
 
-[data-theme=dark],
-.dark {
+[data-theme=dark], .dark {
   --mastors-bg: #030712;
   --mastors-bg-subtle: #111827;
   --mastors-surface: #111827;
@@ -366,52 +365,17 @@ code, kbd, samp, pre {
   clear: both;
 }
 
-.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;
-}
-
-.not-sr-only {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-
-.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within), .visually-hidden,
 .vh {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-.visually-hidden-focusable:not(:focus):not(:focus-within) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
 }
 
 .truncate {
@@ -547,44 +511,6 @@ code, kbd, samp, pre {
   display: none;
 }
 
-@media (min-width: 0px) {
-  .xs\:block {
-    display: block;
-  }
-  .xs\:inline-block {
-    display: inline-block;
-  }
-  .xs\:inline {
-    display: inline;
-  }
-  .xs\:flex {
-    display: flex;
-  }
-  .xs\:inline-flex {
-    display: inline-flex;
-  }
-  .xs\:grid {
-    display: grid;
-  }
-  .xs\:inline-grid {
-    display: inline-grid;
-  }
-  .xs\:table {
-    display: table;
-  }
-  .xs\:table-cell {
-    display: table-cell;
-  }
-  .xs\:table-row {
-    display: table-row;
-  }
-  .xs\:contents {
-    display: contents;
-  }
-  .xs\:hidden {
-    display: none;
-  }
-}
 @media (min-width: 640px) {
   .sm\:block {
     display: block;
@@ -795,23 +721,6 @@ code, kbd, samp, pre {
   position: sticky;
 }
 
-@media (min-width: 0px) {
-  .xs\:static {
-    position: static;
-  }
-  .xs\:relative {
-    position: relative;
-  }
-  .xs\:absolute {
-    position: absolute;
-  }
-  .xs\:fixed {
-    position: fixed;
-  }
-  .xs\:sticky {
-    position: sticky;
-  }
-}
 @media (min-width: 640px) {
   .sm\:static {
     position: static;
@@ -4180,7 +4089,7 @@ code, kbd, samp, pre {
 }
 
 .w-0 {
-  width: 0;
+  width: 0px;
 }
 
 .w-px {
@@ -4256,11 +4165,11 @@ code, kbd, samp, pre {
 }
 
 .w-1\/3 {
-  width: 33.3333%;
+  width: 33.333333%;
 }
 
 .w-2\/3 {
-  width: 66.6667%;
+  width: 66.666667%;
 }
 
 .w-1\/4 {
@@ -4320,7 +4229,7 @@ code, kbd, samp, pre {
 }
 
 .h-0 {
-  height: 0;
+  height: 0px;
 }
 
 .h-px {
@@ -4396,11 +4305,11 @@ code, kbd, samp, pre {
 }
 
 .h-1\/3 {
-  height: 33.3333%;
+  height: 33.333333%;
 }
 
 .h-2\/3 {
-  height: 66.6667%;
+  height: 66.666667%;
 }
 
 .h-1\/4 {
@@ -4460,7 +4369,7 @@ code, kbd, samp, pre {
 }
 
 .min-w-0 {
-  min-width: 0;
+  min-width: 0px;
 }
 
 .min-w-full {
@@ -4504,7 +4413,7 @@ code, kbd, samp, pre {
 }
 
 .min-h-0 {
-  min-height: 0;
+  min-height: 0px;
 }
 
 .min-h-full {
@@ -4820,11 +4729,11 @@ code, kbd, samp, pre {
 }
 
 .text-white {
-  color: #fff;
+  color: #ffffff;
 }
 
 .text-black {
-  color: #000;
+  color: #000000;
 }
 
 .text-current {
@@ -5116,11 +5025,11 @@ code, kbd, samp, pre {
 }
 
 .bg-white {
-  background-color: #fff;
+  background-color: #ffffff;
 }
 
 .bg-black {
-  background-color: #000;
+  background-color: #000000;
 }
 
 .bg-transparent {
@@ -5915,1505 +5824,43 @@ code, kbd, samp, pre {
   transform-origin: left;
 }
 
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.text-start {
-  text-align: start;
+:focus-visible {
+  outline: 2px solid var(--mastors-color-primary-500, #3b82f6);
+  outline-offset: 2px;
+  border-radius: 2px;
 }
 
-.text-end {
-  text-align: end;
+:focus:not(:focus-visible) {
+  outline: none;
 }
 
-@media (min-width: 0px) {
-  .xs\:text-left {
-    text-align: left;
-  }
-  .xs\:text-center {
-    text-align: center;
-  }
-  .xs\:text-right {
-    text-align: right;
-  }
-  .xs\:text-justify {
-    text-align: justify;
-  }
-  .xs\:text-start {
-    text-align: start;
-  }
-  .xs\:text-end {
-    text-align: end;
-  }
-}
-@media (min-width: 640px) {
-  .sm\:text-left {
-    text-align: left;
-  }
-  .sm\:text-center {
-    text-align: center;
-  }
-  .sm\:text-right {
-    text-align: right;
-  }
-  .sm\:text-justify {
-    text-align: justify;
-  }
-  .sm\:text-start {
-    text-align: start;
-  }
-  .sm\:text-end {
-    text-align: end;
-  }
-}
-@media (min-width: 768px) {
-  .md\:text-left {
-    text-align: left;
-  }
-  .md\:text-center {
-    text-align: center;
-  }
-  .md\:text-right {
-    text-align: right;
-  }
-  .md\:text-justify {
-    text-align: justify;
-  }
-  .md\:text-start {
-    text-align: start;
-  }
-  .md\:text-end {
-    text-align: end;
-  }
-}
-@media (min-width: 1024px) {
-  .lg\:text-left {
-    text-align: left;
-  }
-  .lg\:text-center {
-    text-align: center;
-  }
-  .lg\:text-right {
-    text-align: right;
-  }
-  .lg\:text-justify {
-    text-align: justify;
-  }
-  .lg\:text-start {
-    text-align: start;
-  }
-  .lg\:text-end {
-    text-align: end;
-  }
-}
-@media (min-width: 1280px) {
-  .xl\:text-left {
-    text-align: left;
-  }
-  .xl\:text-center {
-    text-align: center;
-  }
-  .xl\:text-right {
-    text-align: right;
-  }
-  .xl\:text-justify {
-    text-align: justify;
-  }
-  .xl\:text-start {
-    text-align: start;
-  }
-  .xl\:text-end {
-    text-align: end;
-  }
-}
-@media (min-width: 1536px) {
-  .\32 xl\:text-left {
-    text-align: left;
-  }
-  .\32 xl\:text-center {
-    text-align: center;
-  }
-  .\32 xl\:text-right {
-    text-align: right;
-  }
-  .\32 xl\:text-justify {
-    text-align: justify;
-  }
-  .\32 xl\:text-start {
-    text-align: start;
-  }
-  .\32 xl\:text-end {
-    text-align: end;
+@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;
   }
 }
-.text-xs {
-  font-size: 0.75rem;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-}
-
-.text-base {
-  font-size: 1rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-}
-
-.text-3xl {
-  font-size: 1.875rem;
-}
-
-.text-4xl {
-  font-size: 2.25rem;
-}
-
-.text-5xl {
-  font-size: 3rem;
-}
-
-.text-6xl {
-  font-size: 3.75rem;
-}
-
-.text-7xl {
-  font-size: 4.5rem;
-}
-
-.text-8xl {
-  font-size: 6rem;
-}
-
-.text-9xl {
-  font-size: 8rem;
-}
-
-.font-thin {
-  font-weight: 100;
-}
-
-.font-extralight {
-  font-weight: 200;
-}
-
-.font-light {
-  font-weight: 300;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-extrabold {
-  font-weight: 800;
-}
-
-.font-black {
-  font-weight: 900;
-}
-
-.font-sans {
-  font-family: system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", sans-serif;
-}
-
-.font-serif {
-  font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
-}
-
-.font-mono {
-  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
-}
-
-.italic {
-  font-style: italic;
-}
-
-.not-italic {
-  font-style: normal;
-}
-
-.leading-none {
-  line-height: 1;
-}
-
-.leading-tight {
-  line-height: 1.25;
-}
-
-.leading-snug {
-  line-height: 1.375;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.leading-relaxed {
-  line-height: 1.625;
-}
-
-.leading-loose {
-  line-height: 2;
-}
-
-.tracking-tighter {
-  letter-spacing: -0.05em;
-}
-
-.tracking-tight {
-  letter-spacing: -0.025em;
-}
-
-.tracking-normal {
-  letter-spacing: 0;
-}
-
-.tracking-wide {
-  letter-spacing: 0.025em;
-}
-
-.tracking-wider {
-  letter-spacing: 0.05em;
-}
-
-.tracking-widest {
-  letter-spacing: 0.1em;
-}
-
-.underline {
-  text-decoration-line: underline;
-}
-
-.overline {
-  text-decoration-line: overline;
-}
-
-.line-through {
-  text-decoration-line: line-through;
-}
-
-.no-underline {
-  text-decoration-line: none;
-}
-
-.decoration-solid {
-  text-decoration-style: solid;
-}
-
-.decoration-dashed {
-  text-decoration-style: dashed;
-}
-
-.decoration-dotted {
-  text-decoration-style: dotted;
+.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;
 }
 
-.decoration-double {
-  text-decoration-style: double;
-}
-
-.decoration-wavy {
-  text-decoration-style: wavy;
-}
-
-.decoration-auto {
-  text-decoration-thickness: auto;
-}
-
-.decoration-1 {
-  text-decoration-thickness: 1px;
-}
-
-.decoration-2 {
-  text-decoration-thickness: 2px;
-}
-
-.decoration-4 {
-  text-decoration-thickness: 4px;
-}
-
-.decoration-8 {
-  text-decoration-thickness: 8px;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.lowercase {
-  text-transform: lowercase;
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-.normal-case {
-  text-transform: none;
-}
-
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
-
-.text-clip {
-  text-overflow: clip;
-}
-
-.whitespace-normal {
+.not-sr-only {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
   white-space: normal;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
-.whitespace-pre {
-  white-space: pre;
-}
-
-.whitespace-pre-line {
-  white-space: pre-line;
-}
-
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
-.whitespace-break-spaces {
-  white-space: break-spaces;
-}
-
-.break-normal {
-  overflow-wrap: normal;
-  word-break: normal;
-}
-
-.break-words {
-  overflow-wrap: break-word;
-}
-
-.break-all {
-  word-break: break-all;
-}
-
-.break-keep {
-  word-break: keep-all;
-}
-
-.indent-0 {
-  text-indent: 0;
-}
-
-.indent-4 {
-  text-indent: 1rem;
-}
-
-.indent-8 {
-  text-indent: 2rem;
-}
-
-.align-baseline {
-  vertical-align: baseline;
-}
-
-.align-top {
-  vertical-align: top;
-}
-
-.align-middle {
-  vertical-align: middle;
-}
-
-.align-bottom {
-  vertical-align: bottom;
-}
-
-.align-text-top {
-  vertical-align: text-top;
-}
-
-.align-text-bottom {
-  vertical-align: text-bottom;
-}
-
-.align-sub {
-  vertical-align: sub;
-}
-
-.align-super {
-  vertical-align: super;
-}
-
-.list-none {
-  list-style-type: none;
-}
-
-.list-disc {
-  list-style-type: disc;
-}
-
-.list-decimal {
-  list-style-type: decimal;
-}
-
-.list-inside {
-  list-style-position: inside;
-}
-
-.list-outside {
-  list-style-position: outside;
-}
-
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.subpixel-antialiased {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-}
-
-.aspect-auto {
-  aspect-ratio: auto;
-}
-
-.aspect-square {
-  aspect-ratio: 1;
-}
-
-.aspect-video {
-  aspect-ratio: 1.7777777778;
-}
-
-.aspect-4-3 {
-  aspect-ratio: 1.3333333333;
-}
-
-.aspect-3-2 {
-  aspect-ratio: 1.5;
-}
-
-.aspect-21-9 {
-  aspect-ratio: 2.3333333333;
-}
-
-.aspect-9-16 {
-  aspect-ratio: 0.5625;
-}
-
-.aspect-golden {
-  aspect-ratio: 1.618;
-}
-
-.object-contain {
-  object-fit: contain;
-}
-
-.object-cover {
-  object-fit: cover;
-}
-
-.object-fill {
-  object-fit: fill;
-}
-
-.object-none {
-  object-fit: none;
-}
-
-.object-scale-down {
-  object-fit: scale-down;
-}
-
-.object-bottom {
-  object-position: bottom;
-}
-
-.object-center {
-  object-position: center;
-}
-
-.object-left {
-  object-position: left;
-}
-
-.object-left-bottom {
-  object-position: left bottom;
-}
-
-.object-left-top {
-  object-position: left top;
-}
-
-.object-right {
-  object-position: right;
-}
-
-.object-right-bottom {
-  object-position: right bottom;
-}
-
-.object-right-top {
-  object-position: right top;
-}
-
-.object-top {
-  object-position: top;
-}
-
-.float-right {
-  float: right;
-}
-
-.float-left {
-  float: left;
-}
-
-.float-none {
-  float: none;
-}
-
-.float-start {
-  float: inline-start;
-}
-
-.float-end {
-  float: inline-end;
-}
-
-@media (min-width: 0px) {
-  .xs\:float-right {
-    float: right;
-  }
-  .xs\:float-left {
-    float: left;
-  }
-  .xs\:float-none {
-    float: none;
-  }
-  .xs\:float-start {
-    float: inline-start;
-  }
-  .xs\:float-end {
-    float: inline-end;
-  }
-}
-@media (min-width: 640px) {
-  .sm\:float-right {
-    float: right;
-  }
-  .sm\:float-left {
-    float: left;
-  }
-  .sm\:float-none {
-    float: none;
-  }
-  .sm\:float-start {
-    float: inline-start;
-  }
-  .sm\:float-end {
-    float: inline-end;
-  }
-}
-@media (min-width: 768px) {
-  .md\:float-right {
-    float: right;
-  }
-  .md\:float-left {
-    float: left;
-  }
-  .md\:float-none {
-    float: none;
-  }
-  .md\:float-start {
-    float: inline-start;
-  }
-  .md\:float-end {
-    float: inline-end;
-  }
-}
-@media (min-width: 1024px) {
-  .lg\:float-right {
-    float: right;
-  }
-  .lg\:float-left {
-    float: left;
-  }
-  .lg\:float-none {
-    float: none;
-  }
-  .lg\:float-start {
-    float: inline-start;
-  }
-  .lg\:float-end {
-    float: inline-end;
-  }
-}
-@media (min-width: 1280px) {
-  .xl\:float-right {
-    float: right;
-  }
-  .xl\:float-left {
-    float: left;
-  }
-  .xl\:float-none {
-    float: none;
-  }
-  .xl\:float-start {
-    float: inline-start;
-  }
-  .xl\:float-end {
-    float: inline-end;
-  }
-}
-@media (min-width: 1536px) {
-  .\32 xl\:float-right {
-    float: right;
-  }
-  .\32 xl\:float-left {
-    float: left;
-  }
-  .\32 xl\:float-none {
-    float: none;
-  }
-  .\32 xl\:float-start {
-    float: inline-start;
-  }
-  .\32 xl\:float-end {
-    float: inline-end;
-  }
-}
-.clear-left {
-  clear: left;
-}
-
-.clear-right {
-  clear: right;
-}
-
-.clear-both {
-  clear: both;
-}
-
-.clear-none {
-  clear: none;
-}
-
-.clear-start {
-  clear: inline-start;
-}
-
-.clear-end {
-  clear: inline-end;
-}
-
-.isolate {
-  isolation: isolate;
-}
-
-.isolation-auto {
-  isolation: auto;
-}
-
-.mix-blend-normal {
-  mix-blend-mode: normal;
-}
-
-.mix-blend-multiply {
-  mix-blend-mode: multiply;
-}
-
-.mix-blend-screen {
-  mix-blend-mode: screen;
-}
-
-.mix-blend-overlay {
-  mix-blend-mode: overlay;
-}
-
-.mix-blend-darken {
-  mix-blend-mode: darken;
-}
-
-.mix-blend-lighten {
-  mix-blend-mode: lighten;
-}
-
-.mix-blend-hard-light {
-  mix-blend-mode: hard-light;
-}
-
-.mix-blend-soft-light {
-  mix-blend-mode: soft-light;
-}
-
-.mix-blend-difference {
-  mix-blend-mode: difference;
-}
-
-.mix-blend-exclusion {
-  mix-blend-mode: exclusion;
-}
-
-.mix-blend-hue {
-  mix-blend-mode: hue;
-}
-
-.mix-blend-saturation {
-  mix-blend-mode: saturation;
-}
-
-.mix-blend-color {
-  mix-blend-mode: color;
-}
-
-.mix-blend-luminosity {
-  mix-blend-mode: luminosity;
-}
-
-.mix-blend-plus-lighter {
-  mix-blend-mode: plus-lighter;
-}
-
-.bg-blend-normal {
-  background-blend-mode: normal;
-}
-
-.bg-blend-multiply {
-  background-blend-mode: multiply;
-}
-
-.bg-blend-screen {
-  background-blend-mode: screen;
-}
-
-.bg-blend-overlay {
-  background-blend-mode: overlay;
-}
-
-.bg-blend-darken {
-  background-blend-mode: darken;
-}
-
-.bg-blend-lighten {
-  background-blend-mode: lighten;
-}
-
-.bg-blend-difference {
-  background-blend-mode: difference;
-}
-
-.bg-blend-exclusion {
-  background-blend-mode: exclusion;
-}
-
-.bg-blend-color {
-  background-blend-mode: color;
-}
-
-.bg-blend-luminosity {
-  background-blend-mode: luminosity;
-}
-
-.box-decoration-clone {
-  box-decoration-break: clone;
-}
-
-.box-decoration-slice {
-  box-decoration-break: slice;
-}
-
-.appearance-none {
-  appearance: none;
-}
-
-.appearance-auto {
-  appearance: auto;
-}
-
-.will-change-auto {
-  will-change: auto;
-}
-
-.will-change-scroll {
-  will-change: scroll-position;
-}
-
-.will-change-contents {
-  will-change: contents;
-}
-
-.will-change-transform {
-  will-change: transform;
-}
-
-.select-none {
-  user-select: none;
-}
-
-.select-text {
-  user-select: text;
-}
-
-.select-all {
-  user-select: all;
-}
-
-.select-auto {
-  user-select: auto;
-}
-
-.resize-none {
-  resize: none;
-}
-
-.resize-x {
-  resize: horizontal;
-}
-
-.resize-y {
-  resize: vertical;
-}
-
-.resize- {
-  resize: both;
-}
-
-.scroll-auto {
-  scroll-behavior: auto;
-}
-
-.scroll-smooth {
-  scroll-behavior: smooth;
-}
-
-.snap-none {
-  scroll-snap-type: none;
-}
-
-.snap-x {
-  scroll-snap-type: x var(--mastors-snap-strictness, mandatory);
-}
-
-.snap-y {
-  scroll-snap-type: y var(--mastors-snap-strictness, mandatory);
-}
-
-.snap-both {
-  scroll-snap-type: both var(--mastors-snap-strictness, mandatory);
-}
-
-.snap-mandatory {
-  scroll-snap-type: x mandatory;
-}
-
-.snap-proximity {
-  scroll-snap-type: x proximity;
-}
-
-.snap-start {
-  scroll-snap-align: start;
-}
-
-.snap-end {
-  scroll-snap-align: end;
-}
-
-.snap-center {
-  scroll-snap-align: center;
-}
-
-.snap-align-none {
-  scroll-snap-align: none;
-}
-
-.snap-stop-always {
-  scroll-snap-stop: always;
-}
-
-.snap-stop-normal {
-  scroll-snap-stop: normal;
-}
-
-.scroll-m-0 {
-  scroll-margin: 0px;
-}
-
-.scroll-mt-0 {
-  scroll-margin-top: 0px;
-}
-
-.scroll-mb-0 {
-  scroll-margin-bottom: 0px;
-}
-
-.scroll-p-0 {
-  scroll-padding: 0px;
-}
-
-.scroll-pt-0 {
-  scroll-padding-top: 0px;
-}
-
-.scroll-pb-0 {
-  scroll-padding-bottom: 0px;
-}
-
-.scroll-m-4 {
-  scroll-margin: 1rem;
-}
-
-.scroll-mt-4 {
-  scroll-margin-top: 1rem;
-}
-
-.scroll-mb-4 {
-  scroll-margin-bottom: 1rem;
-}
-
-.scroll-p-4 {
-  scroll-padding: 1rem;
-}
-
-.scroll-pt-4 {
-  scroll-padding-top: 1rem;
-}
-
-.scroll-pb-4 {
-  scroll-padding-bottom: 1rem;
-}
-
-.scroll-m-8 {
-  scroll-margin: 2rem;
-}
-
-.scroll-mt-8 {
-  scroll-margin-top: 2rem;
-}
-
-.scroll-mb-8 {
-  scroll-margin-bottom: 2rem;
-}
-
-.scroll-p-8 {
-  scroll-padding: 2rem;
-}
-
-.scroll-pt-8 {
-  scroll-padding-top: 2rem;
-}
-
-.scroll-pb-8 {
-  scroll-padding-bottom: 2rem;
-}
-
-.scroll-m-16 {
-  scroll-margin: 4rem;
-}
-
-.scroll-mt-16 {
-  scroll-margin-top: 4rem;
-}
-
-.scroll-mb-16 {
-  scroll-margin-bottom: 4rem;
-}
-
-.scroll-p-16 {
-  scroll-padding: 4rem;
-}
-
-.scroll-pt-16 {
-  scroll-padding-top: 4rem;
-}
-
-.scroll-pb-16 {
-  scroll-padding-bottom: 4rem;
-}
-
-.touch-auto {
-  touch-action: auto;
-}
-
-.touch-none {
-  touch-action: none;
-}
-
-.touch-pan-x {
-  touch-action: pan-x;
-}
-
-.touch-pan-y {
-  touch-action: pan-y;
-}
-
-.touch-pan-left {
-  touch-action: pan-left;
-}
-
-.touch-pan-right {
-  touch-action: pan-right;
-}
-
-.touch-pan-up {
-  touch-action: pan-up;
-}
-
-.touch-pan-down {
-  touch-action: pan-down;
-}
-
-.touch-pinch-zoom {
-  touch-action: pinch-zoom;
-}
-
-.touch-manipulation {
-  touch-action: manipulation;
-}
-
-.hover\:opacity-0:hover {
-  opacity: 0;
-}
-
-.hover\:opacity-50:hover {
-  opacity: 0.5;
-}
-
-.hover\:opacity-75:hover {
-  opacity: 0.75;
-}
-
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-
-.hover\:bg-accent:hover {
-  background-color: var(--mastors-accent-hover);
-}
-
-.hover\:text-accent:hover {
-  color: var(--mastors-accent-hover);
-}
-
-.hover\:underline:hover {
-  text-decoration-line: underline;
-}
-
-.hover\:no-underline:hover {
-  text-decoration-line: none;
-}
-
-.hover\:shadow-lg:hover {
-  box-shadow: var(--mastors-shadow-lg);
-}
-
-.hover\:scale-105:hover {
-  transform: scale(1.05);
-}
-
-.hover\:scale-110:hover {
-  transform: scale(1.1);
-}
-
-.hover\:-translate-y-1:hover {
-  transform: translateY(-0.25rem);
-}
-
-.focus\:ring:focus-visible {
-  outline: 2px solid var(--mastors-accent);
-  outline-offset: 2px;
-}
-
-.focus\:ring-2:focus-visible {
-  outline: 2px solid var(--mastors-accent);
-  outline-offset: 2px;
-}
-
-.focus\:ring-offset-2:focus-visible {
-  outline-offset: 4px;
-}
-
-.focus\:ring-none:focus-visible {
-  outline: none;
-}
-
-.disabled\:opacity-50:disabled {
-  opacity: 50%;
-}
-
-.disabled\:cursor-not-allowed:disabled {
-  cursor: not-allowed;
-}
-
-.disabled\:pointer-events-none:disabled {
-  pointer-events: none;
-}
-
-.transition-none {
-  transition-property: none;
-}
-
-.transition-all {
-  transition-property: all;
-}
-
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-}
-
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-}
-
-.transition-transform {
-  transition-property: transform;
-}
-
-.duration-75 {
-  transition-duration: 75ms;
-}
-
-.duration-100 {
-  transition-duration: 100ms;
-}
-
-.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-1000 {
-  transition-duration: 1000ms;
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ease-bounce {
-  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-
-.delay-75 {
-  transition-delay: 75ms;
-}
-
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-150 {
-  transition-delay: 150ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
-.delay-300 {
-  transition-delay: 300ms;
-}
-
-.delay-500 {
-  transition-delay: 500ms;
-}
-
-.delay-700 {
-  transition-delay: 700ms;
-}
-
-.delay-1000 {
-  transition-delay: 1000ms;
-}
-
-.animate-none {
-  animation: none;
-}
-
-.animate-spin {
-  animation: mastors-spin 1s linear infinite;
-}
-
-.animate-ping {
-  animation: mastors-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-
-.animate-pulse {
-  animation: mastors-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-.animate-bounce {
-  animation: mastors-bounce 1s infinite;
-}
-
-.animate-fade-in {
-  animation: mastors-fade-in 0.3s ease-out both;
-}
-
-.animate-fade-out {
-  animation: mastors-fade-out 0.3s ease-in both;
-}
-
-.animate-slide-up {
-  animation: mastors-slide-up 0.3s ease-out both;
-}
-
-.animate-slide-down {
-  animation: mastors-slide-down 0.3s ease-out both;
-}
-
-.animate-scale-in {
-  animation: mastors-scale-in 0.2s ease-out both;
-}
-
-@keyframes mastors-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes mastors-ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0%;
-  }
-}
-@keyframes mastors-pulse {
-  0%, 100% {
-    opacity: 100%;
-  }
-  50% {
-    opacity: 50%;
-  }
-}
-@keyframes mastors-bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
-  }
-  50% {
-    transform: translateY(0);
-    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-}
-@keyframes mastors-fade-in {
-  from {
-    opacity: 0%;
-  }
-  to {
-    opacity: 100%;
-  }
-}
-@keyframes mastors-fade-out {
-  from {
-    opacity: 100%;
-  }
-  to {
-    opacity: 0%;
-  }
-}
-@keyframes mastors-slide-up {
-  from {
-    opacity: 0%;
-    transform: translateY(0.5rem);
-  }
-  to {
-    opacity: 100%;
-    transform: translateY(0);
-  }
-}
-@keyframes mastors-slide-down {
-  from {
-    opacity: 0%;
-    transform: translateY(-0.5rem);
-  }
-  to {
-    opacity: 100%;
-    transform: translateY(0);
-  }
-}
-@keyframes mastors-scale-in {
-  from {
-    opacity: 0%;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 100%;
-    transform: scale(1);
-  }
-}
-.fill-none {
-  animation-fill-mode: none;
-}
-
-.fill-forwards {
-  animation-fill-mode: forwards;
-}
-
-.fill-backwards {
-  animation-fill-mode: backwards;
-}
-
-.fill-both {
-  animation-fill-mode: both;
-}
-
-.animation-running {
-  animation-play-state: running;
-}
-
-.animation-paused {
-  animation-play-state: paused;
-}
-
-.animate-repeat-0 {
-  animation-iteration-count: 0;
-}
-
-.animate-repeat-1 {
-  animation-iteration-count: 1;
-}
-
-.animate-repeat-infinite {
-  animation-iteration-count: infinite;
-}
-
-:focus-visible {
-  outline: 2px solid var(--mastors-color-primary-500, #3b82f6);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@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;
-  }
-}
-@media print {
-  .print\:hidden {
-    display: none !important;
-  }
-}
-
-@media not print {
-  .screen\:hidden {
-    display: none !important;
-  }
-}
-
-@media print {
-  .print\:break-inside-avoid {
-    break-inside: avoid;
-    page-break-inside: avoid;
-  }
-  .print\:break-before {
-    break-before: page;
-    page-break-before: always;
-  }
-  .print\:break-after {
-    break-after: page;
-    page-break-after: always;
-  }
-  .print\:text-black {
-    color: #000 !important;
-  }
-  .print\:bg-white {
-    background: #fff !important;
-  }
-  .print\:border-none {
-    border: none !important;
-  }
-  .print\:shadow-none {
-    box-shadow: none !important;
-  }
-  a[href]::after {
-    content: " (" attr(href) ")";
-    font-size: 0.75em;
-    color: #555;
-  }
-  a[href^="#"]::after,
-  a[href^="javascript:"]::after {
-    content: "";
-  }
 }