/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --sp-color-white: #fff;
  --sp-spacing: 0.25rem;
  --sp-text-xs: 0.75rem;
  --sp-text-xs--line-height: calc(1 / 0.75);
  --sp-text-sm: 0.875rem;
  --sp-text-sm--line-height: calc(1.25 / 0.875);
  --sp-text-base: 1rem;
  --sp-text-base--line-height: calc(1.5 / 1);
  --sp-text-xl: 1.25rem;
  --sp-text-xl--line-height: calc(1.75 / 1.25);
  --sp-font-weight-bold: 700;
  --sp-leading-tight: 1.25;
  --sp-leading-normal: 1.5;
  --sp-radius-lg: 0.5rem;
  --sp-radius-xl: 0.75rem;
  --sp-animate-spin: spin 1s linear infinite;
}
.sp\:absolute {
  position: absolute;
}
.sp\:relative {
  position: relative;
}
.sp\:top-0 {
  top: calc(var(--sp-spacing) * 0);
}
.sp\:right-0 {
  right: calc(var(--sp-spacing) * 0);
}
.sp\:m-0 {
  margin: calc(var(--sp-spacing) * 0);
}
.sp\:mx-auto {
  margin-inline: auto;
}
.sp\:my-5 {
  margin-block: calc(var(--sp-spacing) * 5);
}
.sp\:mt-2 {
  margin-top: calc(var(--sp-spacing) * 2);
}
.sp\:mt-4 {
  margin-top: calc(var(--sp-spacing) * 4);
}
.sp\:mt-5 {
  margin-top: calc(var(--sp-spacing) * 5);
}
.sp\:mb-2 {
  margin-bottom: calc(var(--sp-spacing) * 2);
}
.sp\:mb-5 {
  margin-bottom: calc(var(--sp-spacing) * 5);
}
.sp\:ml-2 {
  margin-left: calc(var(--sp-spacing) * 2);
}
.sp\:block {
  display: block;
}
.sp\:flex {
  display: flex;
}
.sp\:grid {
  display: grid;
}
.sp\:hidden {
  display: none;
}
.sp\:inline-block {
  display: inline-block;
}
.sp\:inline-flex {
  display: inline-flex;
}
.sp\:h-4 {
  height: calc(var(--sp-spacing) * 4);
}
.sp\:h-full {
  height: 100%;
}
.sp\:h-px {
  height: 1px;
}
.sp\:min-h-\[37px\] {
  min-height: 37px;
}
.sp\:w-4 {
  width: calc(var(--sp-spacing) * 4);
}
.sp\:w-full {
  width: 100%;
}
.sp\:max-w-\[1024px\] {
  max-width: 1024px;
}
.sp\:max-w-full {
  max-width: 100%;
}
.sp\:min-w-\[37px\] {
  min-width: 37px;
}
.sp\:flex-1 {
  flex: 1;
}
.sp\:animate-spin {
  animation: var(--sp-animate-spin);
}
.sp\:cursor-not-allowed {
  cursor: not-allowed;
}
.sp\:cursor-pointer {
  cursor: pointer;
}
.sp\:flex-col {
  flex-direction: column;
}
.sp\:flex-wrap {
  flex-wrap: wrap;
}
.sp\:items-center {
  align-items: center;
}
.sp\:justify-center {
  justify-content: center;
}
.sp\:justify-end {
  justify-content: flex-end;
}
.sp\:gap-1 {
  gap: calc(var(--sp-spacing) * 1);
}
.sp\:gap-2 {
  gap: calc(var(--sp-spacing) * 2);
}
.sp\:gap-3 {
  gap: calc(var(--sp-spacing) * 3);
}
.sp\:gap-4 {
  gap: calc(var(--sp-spacing) * 4);
}
.sp\:space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--sp-spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--sp-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.sp\:space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--sp-spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--sp-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.sp\:truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp\:overflow-hidden {
  overflow: hidden;
}
.sp\:rounded {
  border-radius: 0.25rem;
}
.sp\:rounded-full {
  border-radius: calc(infinity * 1px);
}
.sp\:rounded-lg {
  border-radius: var(--sp-radius-lg);
}
.sp\:rounded-xl {
  border-radius: var(--sp-radius-xl);
}
.sp\:border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.sp\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.sp\:border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.sp\:border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.sp\:border-\[var\(--sp-border\)\] {
  border-color: var(--sp-border);
}
.sp\:border-\[var\(--sp-primary\)\] {
  border-color: var(--sp-primary);
}
.sp\:border-t-transparent {
  border-top-color: transparent;
}
.sp\:bg-\[\#e8f7ee\] {
  background-color: #e8f7ee;
}
.sp\:bg-\[\#fdecea\] {
  background-color: #fdecea;
}
.sp\:bg-\[var\(--sp-bg\)\] {
  background-color: var(--sp-bg);
}
.sp\:bg-\[var\(--sp-border\)\] {
  background-color: var(--sp-border);
}
.sp\:bg-\[var\(--sp-primary\)\] {
  background-color: var(--sp-primary);
}
.sp\:bg-\[var\(--sp-surface\)\] {
  background-color: var(--sp-surface);
}
.sp\:bg-transparent {
  background-color: transparent;
}
.sp\:bg-white {
  background-color: var(--sp-color-white);
}
.sp\:p-0 {
  padding: calc(var(--sp-spacing) * 0);
}
.sp\:p-3 {
  padding: calc(var(--sp-spacing) * 3);
}
.sp\:p-4 {
  padding: calc(var(--sp-spacing) * 4);
}
.sp\:px-2\.5 {
  padding-inline: calc(var(--sp-spacing) * 2.5);
}
.sp\:px-3 {
  padding-inline: calc(var(--sp-spacing) * 3);
}
.sp\:px-4 {
  padding-inline: calc(var(--sp-spacing) * 4);
}
.sp\:px-5 {
  padding-inline: calc(var(--sp-spacing) * 5);
}
.sp\:py-1\.5 {
  padding-block: calc(var(--sp-spacing) * 1.5);
}
.sp\:py-2 {
  padding-block: calc(var(--sp-spacing) * 2);
}
.sp\:py-2\.5 {
  padding-block: calc(var(--sp-spacing) * 2.5);
}
.sp\:pr-10 {
  padding-right: calc(var(--sp-spacing) * 10);
}
.sp\:pb-8 {
  padding-bottom: calc(var(--sp-spacing) * 8);
}
.sp\:pl-3 {
  padding-left: calc(var(--sp-spacing) * 3);
}
.sp\:pl-8 {
  padding-left: calc(var(--sp-spacing) * 8);
}
.sp\:text-left {
  text-align: left;
}
.sp\:text-base {
  font-size: var(--sp-text-base);
  line-height: var(--tw-leading, var(--sp-text-base--line-height));
}
.sp\:text-sm {
  font-size: var(--sp-text-sm);
  line-height: var(--tw-leading, var(--sp-text-sm--line-height));
}
.sp\:text-xl {
  font-size: var(--sp-text-xl);
  line-height: var(--tw-leading, var(--sp-text-xl--line-height));
}
.sp\:text-xs {
  font-size: var(--sp-text-xs);
  line-height: var(--tw-leading, var(--sp-text-xs--line-height));
}
.sp\:text-\[22px\] {
  font-size: 22px;
}
.sp\:leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.sp\:leading-normal {
  --tw-leading: var(--sp-leading-normal);
  line-height: var(--sp-leading-normal);
}
.sp\:leading-tight {
  --tw-leading: var(--sp-leading-tight);
  line-height: var(--sp-leading-tight);
}
.sp\:font-bold {
  --tw-font-weight: var(--sp-font-weight-bold);
  font-weight: var(--sp-font-weight-bold);
}
.sp\:whitespace-nowrap {
  white-space: nowrap;
}
.sp\:text-\[\#146c2e\] {
  color: #146c2e;
}
.sp\:text-\[\#b42318\] {
  color: #b42318;
}
.sp\:text-\[var\(--sp-primary\)\] {
  color: var(--sp-primary);
}
.sp\:text-\[var\(--sp-text-default\)\] {
  color: var(--sp-text-default);
}
.sp\:text-\[var\(--sp-text-muted\)\] {
  color: var(--sp-text-muted);
}
.sp\:no-underline {
  text-decoration-line: none;
}
.sp\:outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.sp\:hover\:border-\[var\(--sp-primary\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--sp-primary);
    }
  }
}
.sp\:hover\:bg-\[var\(--sp-primary\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--sp-primary);
    }
  }
}
.sp\:hover\:text-\[var\(--primary-color\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--primary-color);
    }
  }
}
.sp\:hover\:text-\[var\(--sp-bg\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--sp-bg);
    }
  }
}
.sp\:focus\:border-\[var\(--sp-primary\)\] {
  &:focus {
    border-color: var(--sp-primary);
  }
}
.sp\:focus\:ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.sp\:focus\:ring-\[rgb\(247_95_13_\/_18\%\)\] {
  &:focus {
    --tw-ring-color: rgb(247 95 13 / 18%);
  }
}
.sp\:disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
.sp\:disabled\:opacity-70 {
  &:disabled {
    opacity: 70%;
  }
}
:root {
  --sp-bg: var(--bg-color, var(--background-color, rgba(250, 250, 250, 1)));
  --sp-surface: var(--surface-color, rgba(237, 237, 237, 1));
  --sp-primary: var(--primary-color, rgba(247, 95, 13, 1));
  --sp-border: var(--border-color, rgba(165, 165, 165, 1));
  --sp-text-muted: var(--text-muted-color, var(--muted-text-color, rgba(112, 112, 112, 1)));
  --sp-text-default: var(--text-default-color, var(--default-text-color, rgba(31, 31, 31, 1)));
}
.uppy-Dashboard-inner {
  width: 100% !important;
  height: 250px !important;
}
.uppy-Dashboard-inner .uppy-Dashboard-browse {
  color: var(--sp-primary) !important;
}
.uppy-Dashboard-inner .uppy-Dashboard-browse:hover {
  color: var(--sp-primary) !important;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}
