/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */

@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-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-space-x-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;
      --tw-animation-delay:0s;
      --tw-animation-direction:normal;
      --tw-animation-duration:initial;
      --tw-animation-fill-mode:none;
      --tw-animation-iteration-count:1;
      --tw-enter-opacity:1;
      --tw-enter-rotate:0;
      --tw-enter-scale:1;
      --tw-enter-translate-x:0;
      --tw-enter-translate-y:0;
      --tw-exit-opacity:1;
      --tw-exit-rotate:0;
      --tw-exit-scale:1;
      --tw-exit-translate-x:0;
      --tw-exit-translate-y:0;
    }
  }
}

@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-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-xs:20rem;
    --container-3xl:48rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1/.75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
  }
}

@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0;
  }

  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0;
  }

  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    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 {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative;
  }

  sub {
    bottom:-.25em;
  }

  sup {
    top:-.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;
  }

  img,video {
    max-width:100%;
    height:auto;
  }
  

  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0;
  }

  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block:0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0;
  }

  :-moz-ui-invalid {
    box-shadow:none;
  }

  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button;
  }

  ::file-selector-button {
    appearance:button;
  }

  ::-webkit-inner-spin-button {
    height:auto;
  }

  ::-webkit-outer-spin-button {
    height:auto;
  }

  [hidden]:where(:not([hidden=until-found])) {
    display:none!important;
  }

  * {
    border-color:var(--border);
    outline-color:var(--ring);
  }

  @supports (color:color-mix(in lab,red,red)) {
    * {
      outline-color:color-mix(in oklab,var(--ring)50%,transparent);
    }
  }

  body {
    background-color:var(--background);
    color:var(--foreground);
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events:auto;
  }

  .pointer-events-none {
    pointer-events:none;
  }

  .absolute {
    position:absolute;
  }

  .relative {
    position:relative;
  }

  .static {
    position:static;
  }

  .top-0 {
    top:calc(var(--spacing)*0);
  }

  .top-6 {
    top:calc(var(--spacing)*6);
  }

  .top-\[-4px\] {
    top:-4px;
  }

  .top-\[50\%\] {
    top:50%;
  }

  .bottom-0 {
    bottom:calc(var(--spacing)*0);
  }

  .bottom-8 {
    bottom:calc(var(--spacing)*8);
  }

  .left-0 {
    left:calc(var(--spacing)*0);
  }

  .left-6 {
    left:calc(var(--spacing)*6);
  }

  .left-\[-6px\] {
    left:-6px;
  }

  .left-\[50\%\] {
    left:50%;
  }

  .z-10 {
    z-index:10;
  }

  .z-20 {
    z-index:20;
  }

  .z-100 {
    z-index:100;
  }

  .mt-4 {
    margin-top:calc(var(--spacing)*4);
  }

  .flex {
    display:flex;
  }

  .grid {
    display:grid;
  }

  .hidden {
    display:none;
  }

  .inline-block {
    display:inline-block;
  }

  .inline-flex {
    display:inline-flex;
  }

  .size-8 {
    width:calc(var(--spacing)*8);
    height:calc(var(--spacing)*8);
  }

  .size-9 {
    width:calc(var(--spacing)*9);
    height:calc(var(--spacing)*9);
  }

  .h-8 {
    height:calc(var(--spacing)*8);
  }

  .h-9 {
    height:calc(var(--spacing)*9);
  }

  .h-10 {
    height:calc(var(--spacing)*10);
  }

  .h-\[28px\] {
    height:28px;
  }

  .h-\[34px\] {
    height:34px;
  }

  .h-\[56px\] {
    height:56px;
  }

  .h-\[76px\] {
    height:76px;
  }

  .h-\[86px\] {
    height:86px;
  }

  .h-\[100dvh\] {
    height:100dvh;
  }

  .min-h-\[76px\] {
    min-height:76px;
  }

  .w-3xl {
    width:var(--container-3xl);
  }

  .w-\[28px\] {
    width:28px;
  }

  .w-\[34px\] {
    width:34px;
  }

  .w-\[83px\] {
    width:83px;
  }

  .w-\[86px\] {
    width:86px;
  }

  .w-\[100\%\],.w-full {
    width:100%;
  }

  .w-screen {
    width:100vw;
  }

  .min-w-\[76px\] {
    min-width:76px;
  }

  .min-w-\[82px\] {
    min-width:82px;
  }

  .shrink-0 {
    flex-shrink:0;
  }

  .grow {
    flex-grow:1;
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x)var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x)var(--tw-translate-y);
  }

  .rotate-180 {
    rotate:180deg;
  }

  .animate-pulse {
    animation:var(--animate-pulse);
  }

  .animate-spin {
    animation:var(--animate-spin);
  }

  .cursor-pointer {
    cursor:pointer;
  }

  .resize {
    resize:both;
  }

  .grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  @media (max-width: 744px) {
    .grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr));
  }
      
  }

  .flex-col {
    flex-direction:column;
  }

  .flex-wrap {
    flex-wrap:wrap;
  }

  .items-center {
    align-items:center;
  }

  .justify-center {
    justify-content:center;
  }

  .gap-1 {
    gap:calc(var(--spacing)*1);
  }

  .gap-1\.5 {
    gap:calc(var(--spacing)*1.5);
  }

  .gap-2 {
    gap:calc(var(--spacing)*2);
  }

  .gap-3 {
    gap:calc(var(--spacing)*3);
  }

  .gap-4 {
    gap:calc(var(--spacing)*4);
  }

  :where(.space-x-4>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)));
  }

  .overflow-hidden {
    overflow:hidden;
  }

  .overflow-x-auto {
    overflow-x:auto;
  }

  .rounded-full {
    border-radius:3.40282e38px;
  }

  .rounded-md {
    border-radius:calc(var(--radius) - 2px);
  }

  .rounded-sm {
    border-radius:calc(var(--radius) - 4px);
  }

  .border {
    border-style:var(--tw-border-style);
    border-width:1px;
  }

  .border-3 {
    border-style:var(--tw-border-style);
    border-width:3px;
  }

  .border-black {
    border-color:var(--color-black);
  }

  .border-transparent {
    border-color:#0000;
  }

  .border-white {
    border-color:var(--color-white);
  }

  .bg-background {
    background-color:var(--background);
  }

  .bg-black\/70 {
    background-color:#000000b3;
  }

  @supports (color:color-mix(in lab,red,red)) {
    .bg-black\/70 {
      background-color:color-mix(in oklab,var(--color-black)70%,transparent);
    }
  }

  .bg-destructive {
    background-color:var(--destructive);
  }

  .bg-foreground {
    background-color:var(--foreground);
  }

  .bg-primary {
    background-color:var(--primary);
  }

  .bg-secondary {
    background-color:var(--secondary);
  }

  .bg-no-repeat {
    background-repeat:no-repeat;
  }

  .object-fill {
    object-fit:fill;
  }

  .p-2 {
    padding:calc(var(--spacing)*2);
  }

  .px-3 {
    padding-inline:calc(var(--spacing)*3);
  }

  .px-4 {
    padding-inline:calc(var(--spacing)*4);
  }

  .px-6 {
    padding-inline:calc(var(--spacing)*6);
  }

  .py-2 {
    padding-block:calc(var(--spacing)*2);
  }

  .text-center {
    text-align:center;
  }

  .text-sm {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--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);
  }

  .whitespace-nowrap {
    white-space:nowrap;
  }

  .whitespace-pre-line {
    white-space:pre-line;
  }

  .text-black {
    color:var(--color-black);
  }

  .text-primary {
    color:var(--primary);
  }

  .text-primary-foreground {
    color:var(--primary-foreground);
  }

  .text-secondary-foreground {
    color:var(--secondary-foreground);
  }

  .text-white {
    color:var(--color-white);
  }

  .underline-offset-4 {
    text-underline-offset:4px;
  }

  .opacity-0 {
    opacity:0;
  }

  .opacity-80 {
    opacity:.8;
  }

  .opacity-100 {
    opacity:1;
  }

  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    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,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow:0 0 #0000;
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    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-all {
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
  }

  .outline-none {
    --tw-outline-style:none;
    outline-style:none;
  }

  @media (hover:hover) {
    .hover\:bg-accent:hover {
      background-color:var(--accent);
    }

    .hover\:bg-black\/70:hover {
      background-color:#000000b3;
    }

    @supports (color:color-mix(in lab,red,red)) {
      .hover\:bg-black\/70:hover {
        background-color:color-mix(in oklab,var(--color-black)70%,transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color:var(--destructive);
    }

    @supports (color:color-mix(in lab,red,red)) {
      .hover\:bg-destructive\/90:hover {
        background-color:color-mix(in oklab,var(--destructive)90%,transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color:var(--primary);
    }

    @supports (color:color-mix(in lab,red,red)) {
      .hover\:bg-primary\/90:hover {
        background-color:color-mix(in oklab,var(--primary)90%,transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color:var(--secondary);
    }

    @supports (color:color-mix(in lab,red,red)) {
      .hover\:bg-secondary\/80:hover {
        background-color:color-mix(in oklab,var(--secondary)80%,transparent);
      }
    }

    .hover\:bg-transparent:hover {
      background-color:#0000;
    }

    .hover\:text-accent-foreground:hover {
      color:var(--accent-foreground);
    }

    .hover\:underline:hover {
      text-decoration-line:underline;
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color:var(--ring);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color:var(--destructive);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color:var(--ring);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent);
    }
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events:none;
  }

  .disabled\:opacity-50:disabled {
    opacity:.5;
  }

  .has-\[\>svg\]\:px-2\.5:has(>svg) {
    padding-inline:calc(var(--spacing)*2.5);
  }

  .has-\[\>svg\]\:px-3:has(>svg) {
    padding-inline:calc(var(--spacing)*3);
  }

  .has-\[\>svg\]\:px-4:has(>svg) {
    padding-inline:calc(var(--spacing)*4);
  }

  .aria-invalid\:border-destructive[aria-invalid=true] {
    border-color:var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
    --tw-ring-color:var(--destructive);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
      --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent);
    }
  }

  @media not all and (min-width:48rem) {
    .max-md\:top-\[-22px\] {
      top:-22px;
    }

    .max-md\:top-\[35\%\] {
      top:35%;
    }

    .max-md\:bottom-6 {
      bottom:calc(var(--spacing)*6);
    }

    .max-md\:bottom-16 {
      bottom:calc(var(--spacing)*16);
    }

    .max-md\:bottom-39 {
      bottom:calc(var(--spacing)*39);
    }

    .max-md\:left-\[16px\] {
      left:16px;
    }

    .max-md\:left-\[18px\] {
      left:18px;
    }

    .max-md\:left-\[50\%\] {
      left:50%;
    }

    .max-md\:h-\[38px\] {
      height:38px;
    }

    .max-md\:h-\[40px\] {
      height:40px;
    }

    .max-md\:h-\[42px\] {
      height:42px;
    }

    .max-md\:min-h-\[40px\] {
      min-height:40px;
    }

    .max-md\:min-h-\[42px\] {
      min-height:42px;
    }

    .max-md\:w-\[40px\] {
      width:40px;
    }

    .max-md\:w-\[42px\] {
      width:42px;
    }

    .max-md\:w-\[56px\] {
      width:56px;
    }

    .max-md\:w-\[59px\] {
      width:59px;
    }

    .max-md\:w-full {
      width:100%;
    }

    .max-md\:w-xs {
      width:var(--container-xs);
    }

    .max-md\:max-w-\[45px\] {
      max-width:45px;
    }

    .max-md\:min-w-\[36px\] {
      min-width:36px;
    }

    .max-md\:min-w-\[40px\] {
      min-width:40px;
    }

    .max-md\:min-w-\[42px\] {
      min-width:42px;
    }

    .max-md\:min-w-\[78px\] {
      min-width:78px;
    }

    .max-md\:translate-x-\[-50\%\] {
      --tw-translate-x:-50%;
      translate:var(--tw-translate-x)var(--tw-translate-y);
    }

    .max-md\:scale-\[0\.6\] {
      scale:.6;
    }

    .max-md\:flex-col {
      flex-direction:column;
    }

    .max-md\:flex-row {
      flex-direction:row;
    }

    .max-md\:flex-nowrap {
      flex-wrap:nowrap;
    }

    .max-md\:gap-0 {
      gap:calc(var(--spacing)*0);
    }

    .max-md\:gap-4 {
      gap:calc(var(--spacing)*4);
    }

    .max-md\:overflow-x-auto {
      overflow-x:auto;
    }

    .max-md\:p-0 {
      padding:calc(var(--spacing)*0);
    }

    .max-md\:p-3 {
      padding:calc(var(--spacing)*3);
    }

    .max-md\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height));
    }

    .max-md\:text-xs {
      font-size:var(--text-xs);
      line-height:var(--tw-leading,var(--text-xs--line-height));
    }

    .max-md\:text-nowrap {
      text-wrap:nowrap;
    }

    .max-md\:opacity-30 {
      opacity:.3;
    }
  }

  @media (min-width:40rem) {
    .sm\:h-screen {
      height:100vh;
    }
  }

  @media (min-width:48rem) {
    .md\:top-\[26px\] {
      top:26px;
    }

    .md\:top-\[32px\] {
      top:32px;
    }

    .md\:top-\[50\%\] {
      top:50%;
    }

    .md\:right-12 {
      right:calc(var(--spacing)*12);
    }

    .md\:left-16 {
      left:calc(var(--spacing)*16);
    }

    .md\:left-\[-50px\] {
      left:-50px;
    }

    .md\:h-\[40px\] {
      height:40px;
    }

    .md\:h-\[76px\] {
      height:76px;
    }

    .md\:h-\[120px\] {
      height:120px;
    }

    .md\:max-h-\[780px\] {
      max-height:780px;
    }

    .md\:w-\[40px\] {
      width:40px;
    }

    .md\:w-\[76px\] {
      width:76px;
    }

    .md\:w-\[103px\] {
      width:103px;
    }

    .md\:translate-y-\[-50\%\] {
      --tw-translate-y:-50%;
      translate:var(--tw-translate-x)var(--tw-translate-y);
    }

    .md\:rotate-90 {
      rotate:90deg;
    }

    .md\:flex-col {
      flex-direction:column;
    }

    .md\:gap-3 {
      gap:calc(var(--spacing)*3);
    }

    .md\:gap-3\.5 {
      gap:calc(var(--spacing)*3.5);
    }

    .md\:gap-5 {
      gap:calc(var(--spacing)*5);
    }

    .md\:gap-6 {
      gap:calc(var(--spacing)*6);
    }

    .md\:gap-10 {
      gap:calc(var(--spacing)*10);
    }

    .md\:gap-12 {
      gap:calc(var(--spacing)*12);
    }

    .md\:p-4 {
      padding:calc(var(--spacing)*4);
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color:var(--input);
  }

  .dark\:bg-destructive\/60:is(.dark *) {
    background-color:var(--destructive);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
      background-color:color-mix(in oklab,var(--destructive)60%,transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color:var(--input);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color:color-mix(in oklab,var(--input)30%,transparent);
    }
  }

  @media (hover:hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
      background-color:var(--accent);
    }

    @supports (color:color-mix(in lab,red,red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color:color-mix(in oklab,var(--accent)50%,transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color:var(--input);
    }

    @supports (color:color-mix(in lab,red,red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color:color-mix(in oklab,var(--input)50%,transparent);
      }
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color:var(--destructive);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
    --tw-ring-color:var(--destructive);
  }

  @supports (color:color-mix(in lab,red,red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
      --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent);
    }
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events:none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink:0;
  }

  [class*="_svg"]:not([class*='size-']) svg:not([class*=size-]) {
    width:calc(var(--spacing)*4);
    height:calc(var(--spacing)*4);
  }
}

@property --tw-animation-delay {
  syntax:"*";
  inherits:false;
  initial-value:0s;
}

@property --tw-animation-direction {
  syntax:"*";
  inherits:false;
  initial-value:normal;
}

@property --tw-animation-duration {
  syntax:"*";
  inherits:false;
}

@property --tw-animation-fill-mode {
  syntax:"*";
  inherits:false;
  initial-value:none;
}

@property --tw-animation-iteration-count {
  syntax:"*";
  inherits:false;
  initial-value:1;
}

@property --tw-enter-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1;
}

@property --tw-enter-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-enter-scale {
  syntax:"*";
  inherits:false;
  initial-value:1;
}

@property --tw-enter-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-enter-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-exit-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1;
}

@property --tw-exit-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-exit-scale {
  syntax:"*";
  inherits:false;
  initial-value:1;
}

@property --tw-exit-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-exit-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

:root {
  color-scheme:dark;
  color:#ffffffde;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  --radius:.625rem;
  --background:oklch(100% 0 0);
  --foreground:oklch(14.5% 0 0);
  --card:oklch(100% 0 0);
  --card-foreground:oklch(14.5% 0 0);
  --popover:oklch(100% 0 0);
  --popover-foreground:oklch(14.5% 0 0);
  --primary:oklch(20.5% 0 0);
  --primary-foreground:oklch(98.5% 0 0);
  --secondary:oklch(97% 0 0);
  --secondary-foreground:oklch(20.5% 0 0);
  --muted:oklch(97% 0 0);
  --muted-foreground:oklch(55.6% 0 0);
  --accent:oklch(97% 0 0);
  --accent-foreground:oklch(20.5% 0 0);
  --destructive:oklch(57.7% .245 27.325);
  --border:oklch(92.2% 0 0);
  --input:oklch(92.2% 0 0);
  --ring:oklch(70.8% 0 0);
  --chart-1:oklch(64.6% .222 41.116);
  --chart-2:oklch(60% .118 184.704);
  --chart-3:oklch(39.8% .07 227.392);
  --chart-4:oklch(82.8% .189 84.429);
  --chart-5:oklch(76.9% .188 70.08);
  --sidebar:oklch(98.5% 0 0);
  --sidebar-foreground:oklch(14.5% 0 0);
  --sidebar-primary:oklch(20.5% 0 0);
  --sidebar-primary-foreground:oklch(98.5% 0 0);
  --sidebar-accent:oklch(97% 0 0);
  --sidebar-accent-foreground:oklch(20.5% 0 0);
  --sidebar-border:oklch(92.2% 0 0);
  --sidebar-ring:oklch(70.8% 0 0);
  background-color:#242424;
  font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;
  font-weight:400;
  line-height:1.5;
}

.dark {
  --background:oklch(14.5% 0 0);
  --foreground:oklch(98.5% 0 0);
  --card:oklch(20.5% 0 0);
  --card-foreground:oklch(98.5% 0 0);
  --popover:oklch(20.5% 0 0);
  --popover-foreground:oklch(98.5% 0 0);
  --primary:oklch(92.2% 0 0);
  --primary-foreground:oklch(20.5% 0 0);
  --secondary:oklch(26.9% 0 0);
  --secondary-foreground:oklch(98.5% 0 0);
  --muted:oklch(26.9% 0 0);
  --muted-foreground:oklch(70.8% 0 0);
  --accent:oklch(26.9% 0 0);
  --accent-foreground:oklch(98.5% 0 0);
  --destructive:oklch(70.4% .191 22.216);
  --border:oklch(100% 0 0/.1);
  --input:oklch(100% 0 0/.15);
  --ring:oklch(55.6% 0 0);
  --chart-1:oklch(48.8% .243 264.376);
  --chart-2:oklch(69.6% .17 162.48);
  --chart-3:oklch(76.9% .188 70.08);
  --chart-4:oklch(62.7% .265 303.9);
  --chart-5:oklch(64.5% .246 16.439);
  --sidebar:oklch(20.5% 0 0);
  --sidebar-foreground:oklch(98.5% 0 0);
  --sidebar-primary:oklch(48.8% .243 264.376);
  --sidebar-primary-foreground:oklch(98.5% 0 0);
  --sidebar-accent:oklch(26.9% 0 0);
  --sidebar-accent-foreground:oklch(98.5% 0 0);
  --sidebar-border:oklch(100% 0 0/.1);
  --sidebar-ring:oklch(55.6% 0 0);
}

@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0;
}

@property --tw-space-x-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:0;
}

@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;
}

@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity:.5;
  }
}

#root {
  width:100vw;
  height:100vh;
  overflow:hidden;
}

body {
  overflow:hidden;
}

@media screen and (min-width: 2560px) {
  .__4k_surface_g9hxv_3 {
    gap:calc(var(--spacing) * 5);
    max-height:820px;
  }
}

.lightbox-loading {
  animation:loading 1.16s steps(1) infinite;
}

.lightbox-dot-loader {
  position:relative;
  width:4px;
  height:4px;
  border-radius:5px;
  background-color:#fff;
  color:#fff;
  animation:dot-flashing 1s infinite linear alternate;
  animation-delay:.5s;
}

.lightbox-dot-loader:before,.lightbox-dot-loader:after {
  content:"";
  display:inline-block;
  position:absolute;
  top:0;
}

.lightbox-dot-loader:before {
  left:-8px;
  width:4px;
  height:4px;
  border-radius:4px;
  background-color:#fff;
  color:#fff;
  animation:dot-flashing 1s infinite alternate;
  animation-delay:0s;
}

.lightbox-dot-loader:after {
  left:8px;
  width:4px;
  height:4px;
  border-radius:5px;
  background-color:#fff;
  color:#fff;
  animation:dot-flashing 1s infinite alternate;
  animation-delay:1s;
}

@keyframes dot-flashing {
  0% {
    background-color:#fff;
  }
  50%,to {
    background-color:#fff3;
  }
}

@keyframes loading {
  0% {background-position:0px 0px;}
  3.57% {background-position:-86px 0px;}
  7.14% {background-position:-172px 0px;}
  10.71% {background-position:-258px 0px;}
  14.29% {background-position:-344px 0px;}
  17.86% {background-position:-430px 0px;}
  21.43% {background-position:-516px 0px;}
  25.00% {background-position:-602px 0px;}
  28.57% {background-position:-688px 0px;}
  32.14% {background-position:-774px 0px;}
  35.71% {background-position:-860px 0px;}
  39.29% {background-position:-946px 0px;}
  42.86% {background-position:-1032px 0px;}
  46.43% {background-position:-1118px 0px;}
  50.00% {background-position:-1204px 0px;}
  53.57% {background-position:-1290px 0px;}
  57.14% {background-position:-1376px 0px;}
  60.71% {background-position:-1462px 0px;}
  64.29% {background-position:-1548px 0px;}
  67.86% {background-position:-1634px 0px;}
  71.43% {background-position:-1720px 0px;}
  75.00% {background-position:-1806px 0px;}
  78.57% {background-position:-1892px 0px;}
  82.14% {background-position:-1978px 0px;}
  85.71% {background-position:-2064px 0px;}
  89.29% {background-position:-2150px 0px;}
  92.86% {background-position:-2236px 0px;}
  96.43% {background-position:-2322px 0px;}
  100.00% {background-position:-2408px 0px;}
}