/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-\[-30px\] {
    margin-left: -30px;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-200 {
    height: calc(var(--spacing) * 200);
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-full {
    width: 100%;
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200);
  }
  .max-w-300 {
    max-width: calc(var(--spacing) * 300);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-x-blue-300 {
    border-inline-color: var(--color-blue-300);
  }
  .border-b-amber-50 {
    border-bottom-color: var(--color-amber-50);
  }
  .border-b-amber-400 {
    border-bottom-color: var(--color-amber-400);
  }
  .border-b-blue-300 {
    border-bottom-color: var(--color-blue-300);
  }
  .border-b-blue-400 {
    border-bottom-color: var(--color-blue-400);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --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;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

body{background-color:#f7f8f9}.boiler-wrapper{display:flex;margin:auto;max-width:1200px;min-width:1200px;overflow:hidden;padding:5rem 3rem}.boilerplate-frontend{display:flex;flex-direction:column;margin:auto;width:100%}.tx-b{color:#00426a}.bg-b{background-color:#eff6ff}.client-info-wrapper{background-color:#fff;background-color:#eff6ff;border:1px solid #d8d8d8;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:2rem}.client-fields{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding:1rem}.client-field{display:flex;flex-direction:column;gap:.5rem;width:100%}.order-group{align-items:center;justify-content:center}.style-group-wrapper{background-color:#fff;border:1px solid #d8d8d8;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:2rem}.style-header{background-color:#eff6ff;border-bottom:1px solid #bedbff;border-radius:15px 15px 0 0;padding:1rem}.style-right{flex-direction:row}.header-groups,.style-left,.style-right{align-items:center;background-color:inherit;border:none;display:flex}.header-groups,.style-left{justify-content:space-between}.style-right-wrapper{display:flex;justify-content:end}.style-right{color:red;cursor:pointer;margin-right:1rem}.style-right:disabled{color:#f99;cursor:default}.x-justify{justify-content:center}.style-number{background-color:#fff;border:1px solid #8ec5ff;border-radius:10px;height:36px;margin:0 15px 0 5px;outline:none;padding:0 0 0 15px;width:320px}.country-input-actual:focus-visible,.country-input:focus-visible,.inseam-input:focus-visible,.number-input:focus-visible,.sku-input:focus-visible,.style-number:focus-visible{border:1px solid transparent;box-shadow:0 0 0 3px #cacaca}.style-group-tag{align-items:center;border:1px solid #8ec5ff;border-radius:10px;color:#1447e6;display:flex;height:22px;justify-content:center;margin:0 15px 0 0;padding:2px 8px;width:82px}.red-text{color:#e7000b;margin-left:10px}.product-columns{border:1px solid #d8d8d8;border-top:0 solid #d8d8d8;display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr));padding:1rem}.grid-10{display:grid;gap:20px;grid-template-columns:repeat(10,minmax(0,1fr))}.span-12{grid-column:span 12/span 12}.span-10,.span-upc-resp{grid-column:span 10/span 10}.span-9{grid-column:span 9/span 9}.span-7,.span-label{grid-column:span 7/span 7}.span-6,.span-size{grid-column:span 6/span 6}.span-4{grid-column:span 4/span 4}.span-5{grid-column:span 5/span 5}.span-3{grid-column:span 3/span 3}.span-2,.span-quantity-res{grid-column:span 2/span 2}.span-1{grid-column:span 1/span 1}.search-icon{left:10px;pointer-events:none;position:absolute;top:-45px}.product-main{background-color:#fff;display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr));padding:1rem}.number-input-wrapper{display:flex;justify-content:center}.phone-label{display:none}.product-wrapper{display:flex;flex-direction:column;gap:1rem;grid-column:span 5/span 5;justify-content:center}.sku-input{background-color:#f3f3f5;border:1px solid transparent;border-radius:10px;height:36px;outline:none;padding:0 0 0 40px;width:100%}.popover-content{padding:0;width:400px}.popover-wrapper{background-color:#fff;border:1px solid #7a7a7a;border-radius:10px;box-shadow:0 0 0 1px #cacaca;max-height:300px;overflow-y:auto}.button-product-select{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;text-align:left;width:100%}.button-product-select:hover{background-color:#f9fafb}.button-product-select:last-child{border-bottom:none}.product-image{border-radius:5px;height:48px;-o-object-fit:cover;object-fit:cover;width:108px}.price-math{color:#555;font-size:.875rem;margin-top:.5rem}.number-input{background-color:#f3f3f5;border-radius:.375rem;display:flex;height:2.25rem;max-width:200px;min-width:0;outline:none;padding:.25rem .75rem;text-align:center;transition:color .2s,box-shadow .2s;width:100%}.number-input:disabled{background-color:#f3f3f5;cursor:not-allowed;opacity:.5;pointer-events:none}.button-remove-line{align-items:center;border-radius:.375rem;display:flex;height:2.5rem;justify-content:center;transition:background-color .2s;width:2.5rem}.button-remove-line:hover{background-color:#fef2f2}.button-remove-line:disabled{background-color:transparent;cursor:not-allowed;opacity:.5;pointer-events:none}.line-button-wrapper{border-top:1px solid #d8d8d8}.line-button{background-color:#fff;border:1px solid #c4c4c4;border-radius:5px;display:flex;font-weight:500;justify-content:flex-end;padding:5px 10px}.line-button:hover{background-color:#e9ebef}.extras{display:flex;flex-direction:row;justify-content:space-evenly;padding:1rem}.button-materials{display:flex;gap:8px;justify-items:space-between;margin-bottom:12px}.country-fried-wrapper{cursor:default;max-width:400px;padding-bottom:26px}.material-composition-wrapper{padding-left:2rem}.material-button{align-items:center;background-color:#fff;border:1px solid #00426a;border-radius:10px;color:#00426a;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:5px;padding:15px;width:200px}.material-button:hover{background-color:#e8f4fc;color:#141414}.materials-delete{color:red;padding-left:20px;padding-right:8px}.country-input-actual{background-color:#fff;border:1px solid #8ec5ff;margin:5px 15px 0 5px}.country-input,.country-input-actual{border-radius:10px;height:36px;outline:none;padding:0 0 0 15px;width:100%}.country-input{background-color:#eff6ff;border:1px solid #00426a;margin-top:5px}.wash{margin-left:2rem;width:300px}.wash-select{background-color:#eff6ff;border:1px solid #00426a;border-radius:10px;height:36px;margin-top:5px;padding-left:15px;width:100%}.wash-select.placeholder{color:#9e9e9e}.wash-select option,.wash-select.selected{color:#000}.secondary-instruction-button{align-items:center;background-color:#fff;border:1px solid #00426a;border-radius:10px;color:#00426a;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:5px;padding-left:15px;width:100%}.secondary-instruction-button:hover{background-color:#edf5fa;color:#141414}.composition-main{min-width:420px}.border-special{background:oklch(.496 .265 301.924);height:2px}.sizes{background-color:#eff6ff;padding:1rem}.sizes-header-container{display:flex;padding-bottom:2rem;width:100%}.upc-header{display:flex;justify-content:space-between}.sizes-button{align-items:center;background-color:#fff;border:1px solidoklch(88.2% .059 254.128);border-radius:10px;color:#00426a;cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:10px;margin-top:5px;padding:15px}.sizes-button:hover{background-color:oklch(.9067 .0001 271.152);color:#141414}.active{background-color:#000;color:#fff}.active:hover{background-color:#464646;color:#e6e6e6}.sizes-groups{background-color:#fff;padding:3rem 1rem}.sizes-search{background-color:#fff;border:1px solid oklch(.882 .059 254.128);border-radius:10px;height:36px;margin-top:5px;outline:none;padding:0 0 0 15px;width:320px}.sizes-results :first-child{background:#ddeafc}.sizes-results-items{background-color:#eff6ff;border:1px solid #f3e8ff;padding:8px 12px;text-align:left;transition:colors;width:100%}.sizes-results-items:hover{background-color:#ddeafc}.sizes-rows,.sizes-rows-computer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding-top:1rem}.sizes-labels{border-bottom:1px solid #b4b4b4;padding-bottom:10px}.grid-6,.grid-inseam{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.inseam-add-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:8px}.sizes-quantity{background-color:oklch(.97454 .01351 295.137);border:1px solid oklch(.882 .059 254.128);border-radius:10px;margin:1rem 0;padding:10px;width:100px}.purp-text{color:#00426a}.inseam-input,.inseam-input-2{border:1px solid oklch(.882 .059 254.128);border-radius:10px;height:36px;margin:5px 0;outline:none;padding:0 15px}.inseam-input,.inseam-input-2{width:100px}.upc-data{background-color:#fff;border:1px solid #d8d8d8;border-top:0 solid #d8d8d8;display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr));padding:1rem}.third-instruction-button{align-items:center;background-color:#fff;border:1px solid oklch(.882 .059 254.128);border-radius:10px;color:#00426a;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:5px;padding-left:15px;width:200px}.third-instruction-button:hover{background-color:oklch(.97766 .01079 280.389);color:#141414}.final-actions-bar{padding:2rem 0}.action-bar-inner,.final-actions-bar{align-items:center;display:flex;justify-content:center;justify-content:space-between}.action-bar-inner{gap:2rem;padding-top:1rem}.orderButton{background-color:#00426a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:48px;width:200px}.orderButton:hover{background-color:#02588d}.overlay{background-color:#fff;bottom:0;box-shadow:-2px 0 5px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .8s ease-in-out;width:600px}.overlay.open{transform:translateX(0)}.backdrop{background:transparent;left:0;min-height:100vh;opacity:0;overflow:scroll;pointer-events:none;position:fixed;top:0;transition:opacity .4s ease;width:100vw}.backdrop.show{background:rgba(0,0,0,.5);opacity:1;pointer-events:auto}.order-cart-items{border:1px solid #d8d8d8;border-radius:10px;margin:1rem 0}.scroll{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;padding:20px;position:sticky}.submit-checkout{align-items:center;background-color:#00426a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:100%}.submit-checkout:hover{background-color:#02588d}.image-popup{align-items:end;background-color:hsla(0,0%,75%,.8);bottom:0;box-shadow:0 4px 8px rgba(0,0,0,.2);flex-direction:column;left:50%;max-height:60vh;max-width:70vw;min-height:50vw;min-width:60vw;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.image-popup,.image-popup-content{display:flex;justify-content:center}.image-popup-content{align-items:center;height:100%;width:100%}.enlarged{max-height:80%;max-width:80%;-o-object-fit:contain;object-fit:contain}.image-button{background-color:#fff;border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}@media(max-width:1200px){.boiler-wrapper{max-width:1000px;min-width:1000px;padding:5rem 1rem}.style-right-wrapper{padding:0 0 0 10px}}@media(max-width:1000px){.boiler-wrapper{max-width:700px;min-width:700px;padding:5rem 1rem}.style-header{flex-direction:column-reverse}.style-right-wrapper{padding:0 0 30px}.extras{align-items:center;flex-direction:column;gap:1rem}.style-left{flex-direction:column-reverse}.sku-input{padding:0 0 0 20px}.grid-10{display:grid;gap:20px;grid-template-columns:repeat(6,minmax(0,1fr))}.span-upc-resp{grid-column:span 8/span 8}.span-quantity-res{grid-column:span 3/span 3}.upc-data{grid-template-columns:repeat(12,minmax(0,1fr))}.client-fields{flex-direction:column;gap:2rem;padding:1rem 0}}@media(max-width:700px){.boiler-wrapper{max-width:100%;min-width:100%;padding:5rem .8rem}.style-group-tag{margin:10px 0}.x-justify{justify-content:space-between}.product-columns{display:none}.product-wrapper{min-width:300px}.number-input{background-color:#fff}.product-main{align-items:center;justify-content:center;margin:auto}.header-groups,.product-main{display:flex;flex-direction:column}.header-groups{align-items:start;gap:1rem;justify-content:start}.phone-label{display:block;padding:0 30px 0 0;width:100px}.number-input-wrapper,.phone-background{background-color:#eff6ff;border-radius:10px;padding:1rem;width:300px}.number-input-wrapper{align-items:center}.grid-10{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.span-quantity-res{grid-column:span 4/span 4}.material-composition-wrapper{padding-left:0}.composition-main{min-width:none}.span-label{grid-column:span 5/span 5}.span-size{grid-column:span 4/span 4}.inseam-add-button{background-color:#eff6ff;border-radius:10px;flex-direction:column}.no-p{padding:0}.action-bar-inner,.final-actions-bar{flex-direction:column}.overlay{padding:0;width:400px}}@media(max-width:550px){.grid-10,.upc-data{display:flex;flex-direction:column}.upc-data{margin-bottom:1rem}.header-groups,.material-button{width:100%}.material-composition-wrapper{align-items:center;display:flex;flex-direction:column}.button-materials{align-items:center;flex-direction:column;justify-content:center;width:300px}.composition-main{min-width:300px}.wash,.width-materials{width:300px}.wash{margin:0}.sizes-search{width:280px}.rows-bottom{display:flex;flex-direction:column}.sizes-rows-computer{display:none}.col-small{align-items:center;flex-direction:column}.grid-inseam{align-items:center;display:flex;flex-direction:column-reverse;padding:1rem 0}.popover-content{position:relative}.popover-wrapper{position:absolute;width:300px}.button-product-select{flex-direction:column}}@media(max-width:480px){.popover-wrapper{left:30px;position:absolute}.style-number{width:280px}.overlay{padding:0;width:350px}}@media(max-width:350px){.upc-header{align-items:start;flex-direction:column;gap:1rem}.popover-wrapper{left:20px;width:270px}.style-number{width:260px}.product-main{min-width:100%}.sizes-search{width:240px}.overlay{width:300px}}