@tattvafoundation/upyog-css 1.0.31 → 1.0.32

package/dist/index.css

@@ -66,14 +66,14 @@ button, input, .checkbox-wrap .input-emp {
 button, select {
   text-transform: none; }
 
-[type=button], [type=submit], button {
+[type=button], [type=reset], [type=submit], button {
   -webkit-appearance: button; }
 
-[type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
   border-style: none;
   padding: 0; }
 
-[type=button]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
   outline: 1px dotted ButtonText; }
 
 fieldset {
@@ -115,7 +115,7 @@ details {
 summary {
   display: list-item; }
 
-template {
+[hidden], template {
   display: none; }
 
 blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
@@ -181,45 +181,1360 @@ input::-ms-input-placeholder, .checkbox-wrap .input-emp::-ms-input-placeholder,
 input::placeholder, .checkbox-wrap .input-emp::placeholder, textarea::placeholder {
   color: #a0aec0; }
 
-button {
+[role=button], button {
   cursor: pointer; }
 
-table {
-  border-collapse: collapse; }
+table {
+  border-collapse: collapse; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: inherit;
+  font-weight: inherit; }
+
+a {
+  color: inherit;
+  text-decoration: inherit; }
+
+button, input, .checkbox-wrap .input-emp, optgroup, select, textarea {
+  padding: 0;
+  line-height: inherit;
+  color: inherit; }
+
+code, kbd, pre, samp {
+  font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; }
+
+audio, canvas, embed, iframe, img, object, svg, video {
+  display: block;
+  vertical-align: middle; }
+
+img, video {
+  max-width: 100%;
+  height: auto; }
+
+.container {
+  width: 100%; }
+
+@media (min-width: 780px) {
+  .container {
+    max-width: 780px; } }
+
+.space-y-1 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(0.25rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.25rem*var(--space-y-reverse)); }
+
+.space-x-1 > :not(template) ~ :not(template) {
+  --space-x-reverse:0;
+  margin-right: calc(0.25rem*var(--space-x-reverse));
+  margin-left: calc(0.25rem*(1 - var(--space-x-reverse))); }
+
+.space-y-2 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(0.5rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.5rem*var(--space-y-reverse)); }
+
+.space-x-2 > :not(template) ~ :not(template) {
+  --space-x-reverse:0;
+  margin-right: calc(0.5rem*var(--space-x-reverse));
+  margin-left: calc(0.5rem*(1 - var(--space-x-reverse))); }
+
+.space-y-3 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(0.75rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.75rem*var(--space-y-reverse)); }
+
+.space-x-3 > :not(template) ~ :not(template) {
+  --space-x-reverse:0;
+  margin-right: calc(0.75rem*var(--space-x-reverse));
+  margin-left: calc(0.75rem*(1 - var(--space-x-reverse))); }
+
+.space-y-4 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(1rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(1rem*var(--space-y-reverse)); }
+
+.space-x-4 > :not(template) ~ :not(template) {
+  --space-x-reverse:0;
+  margin-right: calc(1rem*var(--space-x-reverse));
+  margin-left: calc(1rem*(1 - var(--space-x-reverse))); }
+
+.space-y-5 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(1.25rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(1.25rem*var(--space-y-reverse)); }
+
+.space-y-6 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(1.5rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(1.5rem*var(--space-y-reverse)); }
+
+.space-y-8 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(2rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(2rem*var(--space-y-reverse)); }
+
+.space-y-1\.5 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(0.375rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(0.375rem*var(--space-y-reverse)); }
+
+.space-x-1\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse:0;
+  margin-right: calc(0.375rem*var(--space-x-reverse));
+  margin-left: calc(0.375rem*(1 - var(--space-x-reverse))); }
+
+.space-x-2\.5 > :not(template) ~ :not(template) {
+  --space-x-reverse:0;
+  margin-right: calc(0.625rem*var(--space-x-reverse));
+  margin-left: calc(0.625rem*(1 - var(--space-x-reverse))); }
+
+.-space-y-6 > :not(template) ~ :not(template) {
+  --space-y-reverse:0;
+  margin-top: calc(-1.5rem*(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-1.5rem*var(--space-y-reverse)); }
+
+.divide-y > :not(template) ~ :not(template) {
+  --divide-y-reverse:0;
+  border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
+  border-bottom-width: calc(1px*var(--divide-y-reverse)); }
+
+.appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none; }
+
+.bg-primary-50 {
+  --bg-opacity:1;
+  background-color: #fdf9ed;
+  background-color: rgba(253, 249, 237, var(--bg-opacity)); }
+
+.bg-primary-100 {
+  --bg-opacity:1;
+  background-color: #faf1d4;
+  background-color: rgba(250, 241, 212, var(--bg-opacity)); }
+
+.bg-primary-300 {
+  --bg-opacity:1;
+  background-color: #edcc77;
+  background-color: rgba(237, 204, 119, var(--bg-opacity)); }
+
+.bg-primary-400 {
+  --bg-opacity:1;
+  background-color: #e5b449;
+  background-color: rgba(229, 180, 73, var(--bg-opacity)); }
+
+.bg-primary-500 {
+  --bg-opacity:1;
+  background-color: #d1b03f;
+  background-color: rgba(209, 176, 63, var(--bg-opacity)); }
+
+.bg-primary-600 {
+  --bg-opacity:1;
+  background-color: #b8951f;
+  background-color: rgba(184, 149, 31, var(--bg-opacity)); }
+
+.bg-error {
+  --bg-opacity:1;
+  background-color: #d4351c;
+  background-color: rgba(212, 53, 28, var(--bg-opacity)); }
+
+.bg-black {
+  --bg-opacity:1;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, var(--bg-opacity)); }
+
+.bg-white {
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)); }
+
+.bg-accent-blue {
+  --bg-opacity:1;
+  background-color: #3255a7;
+  background-color: rgba(50, 85, 167, var(--bg-opacity)); }
+
+.bg-accent-green {
+  --bg-opacity:1;
+  background-color: #5aae06;
+  background-color: rgba(90, 174, 6, var(--bg-opacity)); }
+
+.bg-accent-red {
+  --bg-opacity:1;
+  background-color: #940202;
+  background-color: rgba(148, 2, 2, var(--bg-opacity)); }
+
+.bg-accent-red-light {
+  --bg-opacity:1;
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity)); }
+
+.bg-accent-gold {
+  --bg-opacity:1;
+  background-color: #b08904;
+  background-color: rgba(176, 137, 4, var(--bg-opacity)); }
+
+.bg-background-card {
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)); }
+
+.bg-background-scheme {
+  --bg-opacity:1;
+  background-color: #fdf5e2;
+  background-color: rgba(253, 245, 226, var(--bg-opacity)); }
+
+.hover\:bg-primary-50:hover {
+  --bg-opacity:1;
+  background-color: #fdf9ed;
+  background-color: rgba(253, 249, 237, var(--bg-opacity)); }
+
+.hover\:bg-primary-100:hover {
+  --bg-opacity:1;
+  background-color: #faf1d4;
+  background-color: rgba(250, 241, 212, var(--bg-opacity)); }
+
+.hover\:bg-primary-200:hover {
+  --bg-opacity:1;
+  background-color: #f4e1a8;
+  background-color: rgba(244, 225, 168, var(--bg-opacity)); }
+
+.hover\:bg-primary-600:hover {
+  --bg-opacity:1;
+  background-color: #b8951f;
+  background-color: rgba(184, 149, 31, var(--bg-opacity)); }
+
+.hover\:bg-primary-700:hover {
+  --bg-opacity:1;
+  background-color: #997419;
+  background-color: rgba(153, 116, 25, var(--bg-opacity)); }
+
+.hover\:bg-grey-light:hover {
+  --bg-opacity:1;
+  background-color: #fafafa;
+  background-color: rgba(250, 250, 250, var(--bg-opacity)); }
+
+.hover\:bg-white:hover {
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)); }
+
+.hover\:bg-accent-gold:hover {
+  --bg-opacity:1;
+  background-color: #b08904;
+  background-color: rgba(176, 137, 4, var(--bg-opacity)); }
+
+.focus\:bg-primary-50:focus {
+  --bg-opacity:1;
+  background-color: #fdf9ed;
+  background-color: rgba(253, 249, 237, var(--bg-opacity)); }
+
+.bg-gradient-to-r {
+  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops)));
+  background-image: linear-gradient(90deg, var(--gradient-color-stops)); }
+
+.bg-gradient-to-br {
+  background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops)));
+  background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); }
+
+.from-primary-50 {
+  --gradient-from-color:#fdf9ed;
+  --gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,rgba(253,249,237,0)); }
+
+.from-primary-100 {
+  --gradient-from-color:#faf1d4;
+  --gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,rgba(250,241,212,0)); }
+
+.from-primary-500 {
+  --gradient-from-color:#d1b03f;
+  --gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,rgba(209,176,63,0)); }
+
+.from-white {
+  --gradient-from-color:#fff;
+  --gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,hsla(0,0%,100%,0)); }
+
+.to-primary-50 {
+  --gradient-to-color:#fdf9ed; }
+
+.to-primary-100 {
+  --gradient-to-color:#faf1d4; }
+
+.to-primary-200 {
+  --gradient-to-color:#f4e1a8; }
+
+.to-primary-600 {
+  --gradient-to-color:#b8951f; }
+
+.bg-opacity-50 {
+  --bg-opacity:0.5; }
+
+.bg-center {
+  background-position: 50%; }
+
+.bg-cover {
+  background-size: cover; }
+
+.border-collapse {
+  border-collapse: collapse; }
+
+.border-primary-100 {
+  --border-opacity:1;
+  border-color: #faf1d4;
+  border-color: rgba(250, 241, 212, var(--border-opacity)); }
+
+.border-primary-200 {
+  --border-opacity:1;
+  border-color: #f4e1a8;
+  border-color: rgba(244, 225, 168, var(--border-opacity)); }
+
+.border-primary-300 {
+  --border-opacity:1;
+  border-color: #edcc77;
+  border-color: rgba(237, 204, 119, var(--border-opacity)); }
+
+.border-primary-400 {
+  --border-opacity:1;
+  border-color: #e5b449;
+  border-color: rgba(229, 180, 73, var(--border-opacity)); }
+
+.border-primary-500 {
+  --border-opacity:1;
+  border-color: #d1b03f;
+  border-color: rgba(209, 176, 63, var(--border-opacity)); }
+
+.border-primary-600 {
+  --border-opacity:1;
+  border-color: #b8951f;
+  border-color: rgba(184, 149, 31, var(--border-opacity)); }
+
+.border-border {
+  --border-opacity:1;
+  border-color: #d6d5d4;
+  border-color: rgba(214, 213, 212, var(--border-opacity)); }
+
+.border-white {
+  --border-opacity:1;
+  border-color: #fff;
+  border-color: rgba(255, 255, 255, var(--border-opacity)); }
+
+.border-accent-red {
+  --border-opacity:1;
+  border-color: #940202;
+  border-color: rgba(148, 2, 2, var(--border-opacity)); }
+
+.border-accent-red-light {
+  --border-opacity:1;
+  border-color: #a82227;
+  border-color: rgba(168, 34, 39, var(--border-opacity)); }
+
+.hover\:border-primary-300:hover {
+  --border-opacity:1;
+  border-color: #edcc77;
+  border-color: rgba(237, 204, 119, var(--border-opacity)); }
+
+.hover\:border-primary-400:hover {
+  --border-opacity:1;
+  border-color: #e5b449;
+  border-color: rgba(229, 180, 73, var(--border-opacity)); }
+
+.focus\:border-primary-500:focus, .hover\:border-primary-500:hover {
+  --border-opacity:1;
+  border-color: #d1b03f;
+  border-color: rgba(209, 176, 63, var(--border-opacity)); }
+
+.rounded, .rounded-sm {
+  border-radius: .25rem; }
+
+.rounded-md {
+  border-radius: .375rem; }
+
+.rounded-lg {
+  border-radius: .5rem; }
+
+.rounded-xl {
+  border-radius: .75rem; }
+
+.rounded-2xl {
+  border-radius: 1rem; }
+
+.rounded-full {
+  border-radius: 9999px; }
+
+.rounded-l-none {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.rounded-t-md {
+  border-top-left-radius: .375rem;
+  border-top-right-radius: .375rem; }
+
+.rounded-t-lg {
+  border-top-left-radius: .5rem;
+  border-top-right-radius: .5rem; }
+
+.rounded-b-lg {
+  border-bottom-right-radius: .5rem; }
+
+.rounded-b-lg, .rounded-l-lg {
+  border-bottom-left-radius: .5rem; }
+
+.rounded-l-lg {
+  border-top-left-radius: .5rem; }
+
+.rounded-t-xl {
+  border-top-left-radius: .75rem;
+  border-top-right-radius: .75rem; }
+
+.border-dashed {
+  border-style: dashed; }
+
+.border-none {
+  border-style: none; }
+
+.border-0 {
+  border-width: 0; }
+
+.border-2 {
+  border-width: 1px; }
+
+.border-4 {
+  border-width: 4px; }
+
+.border {
+  border-width: 1px; }
+
+.border-r-0 {
+  border-right-width: 0; }
+
+.border-b-0 {
+  border-bottom-width: 0; }
+
+.border-b-2 {
+  border-bottom-width: 1px; }
+
+.border-t-4 {
+  border-top-width: 4px; }
+
+.border-b-4 {
+  border-bottom-width: 4px; }
+
+.border-l-4 {
+  border-left-width: 4px; }
+
+.border-t {
+  border-top-width: 1px; }
+
+.border-b {
+  border-bottom-width: 1px; }
+
+.cursor-default {
+  cursor: default; }
+
+.cursor-pointer {
+  cursor: pointer; }
+
+.cursor-not-allowed {
+  cursor: not-allowed; }
+
+.block {
+  display: block; }
+
+.inline-block {
+  display: inline-block; }
+
+.inline {
+  display: inline; }
+
+.flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.inline-flex {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex; }
+
+.table {
+  display: table; }
+
+.table-cell {
+  display: table-cell; }
+
+.table-row {
+  display: table-row; }
+
+.grid {
+  display: grid; }
+
+.contents {
+  display: contents; }
+
+.hidden {
+  display: none; }
+
+.flex-row {
+  -webkit-box-orient: horizontal;
+  -ms-flex-direction: row;
+  flex-direction: row; }
+
+.flex-col, .flex-row {
+  -webkit-box-direction: normal; }
+
+.flex-col {
+  -webkit-box-orient: vertical;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.flex-wrap {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.items-start {
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
+
+.items-end {
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
+
+.items-center {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.items-baseline {
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline; }
+
+.self-start {
+  -ms-flex-item-align: start;
+  align-self: flex-start; }
+
+.self-center {
+  -ms-flex-item-align: center;
+  align-self: center; }
+
+.justify-start {
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start; }
+
+.justify-end {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
+
+.justify-center {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.justify-between {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.justify-self-end {
+  justify-self: end; }
+
+.flex-1 {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  flex: 1 1 0%; }
+
+.flex-grow {
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1; }
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0;
+  flex-shrink: 0; }
+
+.flex-shrink {
+  -ms-flex-negative: 1;
+  flex-shrink: 1; }
+
+.order-1 {
+  -webkit-box-ordinal-group: 2;
+  -ms-flex-order: 1;
+  order: 1; }
+
+.order-2 {
+  -webkit-box-ordinal-group: 3;
+  -ms-flex-order: 2;
+  order: 2; }
+
+.font-sans {
+  font-family: Noto Sans,serif; }
+
+.font-medium {
+  font-weight: 500; }
+
+.font-bold {
+  font-weight: 700; }
+
+.h-1 {
+  height: .25rem; }
+
+.h-2 {
+  height: .5rem; }
+
+.h-3 {
+  height: .75rem; }
+
+.h-4 {
+  height: 1rem; }
+
+.h-5 {
+  height: 1.25rem; }
+
+.h-6 {
+  height: 1.5rem; }
+
+.h-8 {
+  height: 2rem; }
+
+.h-10 {
+  height: 2.5rem; }
+
+.h-12 {
+  height: 3rem; }
+
+.h-16 {
+  height: 4rem; }
+
+.h-20 {
+  height: 5rem; }
+
+.h-24 {
+  height: 6rem; }
+
+.h-32 {
+  height: 8rem; }
+
+.h-64 {
+  height: 16rem; }
+
+.h-auto {
+  height: auto; }
+
+.h-px {
+  height: 1px; }
+
+.h-2\.5 {
+  height: .625rem; }
+
+.h-3\.5 {
+  height: .875rem; }
+
+.h-full {
+  height: 100%; }
+
+.text-xs {
+  font-size: .75rem;
+  line-height: 1rem; }
+
+.text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem; }
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem; }
+
+.text-lg {
+  font-size: 1.125rem; }
+
+.text-lg, .text-xl {
+  line-height: 1.75rem; }
+
+.text-xl {
+  font-size: 1.25rem; }
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem; }
+
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem; }
+
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem; }
+
+.text-6xl {
+  font-size: 3.75rem;
+  line-height: 1; }
+
+.leading-5 {
+  line-height: 1.25rem; }
+
+.leading-none {
+  line-height: 1; }
+
+.leading-tight {
+  line-height: 1.25; }
+
+.leading-relaxed {
+  line-height: 1.625; }
+
+.list-inside {
+  list-style-position: inside; }
+
+.list-disc {
+  list-style-type: disc; }
+
+.max-h-screen {
+  max-height: 100vh; }
+
+.max-w-xs {
+  max-width: 20rem; }
+
+.max-w-sm {
+  max-width: 24rem; }
+
+.max-w-md {
+  max-width: 28rem; }
+
+.max-w-lg {
+  max-width: 32rem; }
+
+.max-w-xl {
+  max-width: 36rem; }
+
+.max-w-2xl {
+  max-width: 42rem; }
+
+.max-w-4xl {
+  max-width: 56rem; }
 
-h1, h2, h3, h4, h5, h6 {
-  font-size: inherit;
-  font-weight: inherit; }
+.max-w-5xl {
+  max-width: 64rem; }
 
-a {
-  color: inherit;
-  text-decoration: inherit; }
+.max-w-6xl {
+  max-width: 72rem; }
 
-button, input, .checkbox-wrap .input-emp, optgroup, select, textarea {
-  padding: 0;
-  line-height: inherit;
-  color: inherit; }
+.max-w-7xl {
+  max-width: 80rem; }
 
-code, kbd, pre, samp {
-  font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; }
+.min-h-screen {
+  min-height: 100vh; }
 
-audio, canvas, embed, iframe, img, object, svg, video {
-  display: block;
-  vertical-align: middle; }
+.min-w-0 {
+  min-width: 0; }
 
-img, video {
-  max-width: 100%;
-  height: auto; }
+.min-w-full {
+  min-width: 100%; }
 
-.container {
+.object-cover {
+  -o-object-fit: cover;
+  object-fit: cover; }
+
+.object-center {
+  -o-object-position: center;
+  object-position: center; }
+
+.opacity-0 {
+  opacity: 0; }
+
+.opacity-25 {
+  opacity: .25; }
+
+.opacity-50 {
+  opacity: .5; }
+
+.opacity-75 {
+  opacity: .75; }
+
+.opacity-100 {
+  opacity: 1; }
+
+.focus\:outline-none:focus, .outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px; }
+
+.overflow-auto {
+  overflow: auto; }
+
+.overflow-hidden {
+  overflow: hidden; }
+
+.overflow-x-auto {
+  overflow-x: auto; }
+
+.overflow-y-auto {
+  overflow-y: auto; }
+
+.overflow-x-hidden {
+  overflow-x: hidden; }
+
+.pointer-events-none {
+  pointer-events: none; }
+
+.static {
+  position: static; }
+
+.fixed {
+  position: fixed; }
+
+.absolute {
+  position: absolute; }
+
+.relative {
+  position: relative; }
+
+.sticky {
+  position: sticky; }
+
+.inset-0 {
+  right: 0;
+  left: 0; }
+
+.inset-0, .inset-y-0 {
+  top: 0;
+  bottom: 0; }
+
+.inset-x-0 {
+  right: 0;
+  left: 0; }
+
+.top-0 {
+  top: 0; }
+
+.right-0 {
+  right: 0; }
+
+.bottom-0 {
+  bottom: 0; }
+
+.left-0 {
+  left: 0; }
+
+.resize {
+  resize: both; }
+
+.shadow-sm {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
+
+.shadow-md {
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
+
+.shadow-lg {
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
+
+.shadow-xl {
+  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
+
+.shadow-2xl {
+  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
+
+.shadow-inner {
+  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
+
+.shadow-none {
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
+.shadow-bmc-card {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
+
+.hover\:shadow-sm:hover {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
+
+.hover\:shadow-md:hover {
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
+
+.hover\:shadow-lg:hover {
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
+
+.hover\:shadow-xl:hover {
+  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
+
+.hover\:shadow-2xl:hover {
+  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
+
+.fill-current {
+  fill: currentColor; }
+
+.text-left {
+  text-align: left; }
+
+.text-center {
+  text-align: center; }
+
+.text-right {
+  text-align: right; }
+
+.text-primary-100 {
+  --text-opacity:1;
+  color: #faf1d4;
+  color: rgba(250, 241, 212, var(--text-opacity)); }
+
+.text-primary-200 {
+  --text-opacity:1;
+  color: #f4e1a8;
+  color: rgba(244, 225, 168, var(--text-opacity)); }
+
+.text-primary-500 {
+  --text-opacity:1;
+  color: #d1b03f;
+  color: rgba(209, 176, 63, var(--text-opacity)); }
+
+.text-primary-600 {
+  --text-opacity:1;
+  color: #b8951f;
+  color: rgba(184, 149, 31, var(--text-opacity)); }
+
+.text-primary-700 {
+  --text-opacity:1;
+  color: #997419;
+  color: rgba(153, 116, 25, var(--text-opacity)); }
+
+.text-primary-800 {
+  --text-opacity:1;
+  color: #7d5d1a;
+  color: rgba(125, 93, 26, var(--text-opacity)); }
+
+.text-primary-900 {
+  --text-opacity:1;
+  color: #684d1a;
+  color: rgba(104, 77, 26, var(--text-opacity)); }
+
+.text-text-secondary {
+  --text-opacity:1;
+  color: #505a5f;
+  color: rgba(80, 90, 95, var(--text-opacity)); }
+
+.text-text-dark {
+  --text-opacity:1;
+  color: #0b0c0c;
+  color: rgba(11, 12, 12, var(--text-opacity)); }
+
+.text-text-muted {
+  --text-opacity:1;
+  color: #6d6d6d;
+  color: rgba(109, 109, 109, var(--text-opacity)); }
+
+.text-white {
+  --text-opacity:1;
+  color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity)); }
+
+.text-accent-blue {
+  --text-opacity:1;
+  color: #3255a7;
+  color: rgba(50, 85, 167, var(--text-opacity)); }
+
+.text-accent-green {
+  --text-opacity:1;
+  color: #5aae06;
+  color: rgba(90, 174, 6, var(--text-opacity)); }
+
+.text-accent-red {
+  --text-opacity:1;
+  color: #940202;
+  color: rgba(148, 2, 2, var(--text-opacity)); }
+
+.text-accent-red-light {
+  --text-opacity:1;
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity)); }
+
+.text-muted-foreground {
+  --text-opacity:1;
+  color: #64748b;
+  color: rgba(100.10101, 116.08608, 139.08899, var(--text-opacity)); }
+
+.text-input {
+  --text-opacity:1;
+  color: #e2e8f0;
+  color: rgba(226.09626, 232.07043, 240.04374, var(--text-opacity)); }
+
+.hover\:text-primary-600:hover {
+  --text-opacity:1;
+  color: #b8951f;
+  color: rgba(184, 149, 31, var(--text-opacity)); }
+
+.hover\:text-primary-700:hover {
+  --text-opacity:1;
+  color: #997419;
+  color: rgba(153, 116, 25, var(--text-opacity)); }
+
+.hover\:text-primary-800:hover {
+  --text-opacity:1;
+  color: #7d5d1a;
+  color: rgba(125, 93, 26, var(--text-opacity)); }
+
+.italic {
+  font-style: italic; }
+
+.uppercase {
+  text-transform: uppercase; }
+
+.lowercase {
+  text-transform: lowercase; }
+
+.capitalize {
+  text-transform: capitalize; }
+
+.hover\:underline:hover, .underline {
+  text-decoration: underline; }
+
+.proportional-nums {
+  --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
+  --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
+  -webkit-font-feature-settings: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  font-feature-settings: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  --font-variant-numeric-spacing:proportional-nums; }
+
+.tracking-wide {
+  letter-spacing: .025em; }
+
+.tracking-wider {
+  letter-spacing: .05em; }
+
+.tracking-widest {
+  letter-spacing: .1em; }
+
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
+.align-top {
+  vertical-align: top; }
+
+.visible {
+  visibility: visible; }
+
+.invisible {
+  visibility: hidden; }
+
+.whitespace-normal {
+  white-space: normal; }
+
+.whitespace-pre-wrap {
+  white-space: pre-wrap; }
+
+.break-normal {
+  word-wrap: normal;
+  word-break: normal; }
+
+.break-words {
+  word-wrap: break-word; }
+
+.break-all {
+  word-break: break-all; }
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.w-0 {
+  width: 0; }
+
+.w-1 {
+  width: .25rem; }
+
+.w-2 {
+  width: .5rem; }
+
+.w-3 {
+  width: .75rem; }
+
+.w-4 {
+  width: 1rem; }
+
+.w-5 {
+  width: 1.25rem; }
+
+.w-6 {
+  width: 1.5rem; }
+
+.w-8 {
+  width: 2rem; }
+
+.w-10 {
+  width: 2.5rem; }
+
+.w-12 {
+  width: 3rem; }
+
+.w-16 {
+  width: 4rem; }
+
+.w-20 {
+  width: 5rem; }
+
+.w-24 {
+  width: 6rem; }
+
+.w-32 {
+  width: 8rem; }
+
+.w-40 {
+  width: 10rem; }
+
+.w-48 {
+  width: 12rem; }
+
+.w-56 {
+  width: 14rem; }
+
+.w-auto {
+  width: auto; }
+
+.w-px {
+  width: 1px; }
+
+.w-0\.5 {
+  width: .125rem; }
+
+.w-3\.5 {
+  width: .875rem; }
+
+.w-1\/2 {
+  width: 50%; }
+
+.w-1\/3 {
+  width: 33.333333%; }
+
+.w-3\/4 {
+  width: 75%; }
+
+.w-4\/5 {
+  width: 80%; }
+
+.w-full {
   width: 100%; }
 
-@media (min-width: 780px) {
-  .container {
-    max-width: 780px; } }
+.z-0 {
+  z-index: 0; }
 
-.table {
-  display: table; }
+.z-10 {
+  z-index: 10; }
+
+.z-20 {
+  z-index: 20; }
+
+.z-40 {
+  z-index: 40; }
+
+.z-50 {
+  z-index: 50; }
+
+.z-9999 {
+  z-index: 9999; }
+
+.gap-0 {
+  grid-gap: 0;
+  gap: 0; }
+
+.gap-1 {
+  grid-gap: .25rem;
+  gap: .25rem; }
+
+.gap-2 {
+  grid-gap: .5rem;
+  gap: .5rem; }
+
+.gap-3 {
+  grid-gap: .75rem;
+  gap: .75rem; }
+
+.gap-4 {
+  grid-gap: 1rem;
+  gap: 1rem; }
+
+.gap-6 {
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+
+.gap-8 {
+  grid-gap: 2rem;
+  gap: 2rem; }
+
+.gap-0\.5 {
+  grid-gap: .125rem;
+  gap: .125rem; }
+
+.gap-1\.5 {
+  grid-gap: .375rem;
+  gap: .375rem; }
+
+.gap-x-4 {
+  grid-column-gap: 1rem;
+  -webkit-column-gap: 1rem;
+  -moz-column-gap: 1rem;
+  column-gap: 1rem; }
+
+.gap-x-6 {
+  grid-column-gap: 1.5rem;
+  -webkit-column-gap: 1.5rem;
+  -moz-column-gap: 1.5rem;
+  column-gap: 1.5rem; }
+
+.gap-y-1 {
+  grid-row-gap: .25rem;
+  row-gap: .25rem; }
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr)); }
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr)); }
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr)); }
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr)); }
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr)); }
+
+.col-span-1 {
+  grid-column: span 1/span 1; }
+
+.col-span-2 {
+  grid-column: span 2/span 2; }
+
+.col-span-3 {
+  grid-column: span 3/span 3; }
+
+.col-span-full {
+  grid-column: 1/-1; }
+
+.auto-rows-min {
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content; }
+
+.transform {
+  --transform-translate-x:0;
+  --transform-translate-y:0;
+  --transform-rotate:0;
+  --transform-skew-x:0;
+  --transform-skew-y:0;
+  --transform-scale-x:1;
+  --transform-scale-y:1;
+  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); }
+
+.scale-95 {
+  --transform-scale-x:.95;
+  --transform-scale-y:.95; }
+
+.hover\:scale-105:hover {
+  --transform-scale-x:1.05;
+  --transform-scale-y:1.05; }
+
+.rotate-0 {
+  --transform-rotate:0; }
+
+.rotate-180 {
+  --transform-rotate:180deg; }
+
+.translate-x-0 {
+  --transform-translate-x:0; }
+
+.-translate-x-full {
+  --transform-translate-x:-100%; }
+
+.-translate-x-1\/2 {
+  --transform-translate-x:-50%; }
+
+.-translate-y-1\/2 {
+  --transform-translate-y:-50%; }
+
+.hover\:-translate-y-1:hover {
+  --transform-translate-y:-0.25rem; }
+
+.transition-all {
+  -webkit-transition-property: all;
+  transition-property: all; }
+
+.transition {
+  -webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform;
+  transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform;
+  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
+  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform; }
+
+.transition-colors {
+  -webkit-transition-property: background-color,border-color,color,fill,stroke;
+  transition-property: background-color,border-color,color,fill,stroke; }
+
+.transition-opacity {
+  -webkit-transition-property: opacity;
+  transition-property: opacity; }
+
+.transition-shadow {
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  transition-property: box-shadow,-webkit-box-shadow; }
+
+.transition-transform {
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  transition-property: transform,-webkit-transform; }
+
+.ease-in {
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
+
+.ease-out {
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
+
+.ease-in-out {
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.duration-150 {
+  -webkit-transition-duration: .15s;
+  transition-duration: .15s; }
+
+.duration-200 {
+  -webkit-transition-duration: .2s;
+  transition-duration: .2s; }
+
+.duration-300 {
+  -webkit-transition-duration: .3s;
+  transition-duration: .3s; }
+
+.duration-500 {
+  -webkit-transition-duration: .5s;
+  transition-duration: .5s; }
+
+.duration-700 {
+  -webkit-transition-duration: .7s;
+  transition-duration: .7s; }
 
 @-webkit-keyframes spin {
   to {
@@ -266,6 +1581,14 @@ img, video {
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
 
+.animate-spin {
+  -webkit-animation: spin 1s linear infinite;
+  animation: spin 1s linear infinite; }
+
+.animate-pulse {
+  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
+
 .rdrCalendarWrapper {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -4407,7 +5730,7 @@ video::-webkit-media-controls-panel {
     top: 110px;
     -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
-    border-radius: .125rem; } }
+    border-radius: .25rem; } }
 
 .reports-download-btn {
   position: unset; }