@s-works/s-works-ui 0.0.1 → 0.0.2

package/tailwind.layer.css

@@ -4,38 +4,902 @@
 @layer sw-theme {
   :root, :host {
     --sw-color-black: #000;
+    --sw-color-white: #fff;
+    --sw-spacing: 0.25rem;
+    --sw-font-weight-normal: 400;
+    --sw-font-weight-medium: 500;
+    --sw-font-weight-semibold: 600;
+    --sw-animate-spin: sw-spin 1s linear infinite;
     --sw-default-transition-duration: 150ms;
     --sw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
 }
 @layer components.sw {
+  .sw\:pointer-events-auto {
+    pointer-events: auto;
+  }
+  .sw\:pointer-events-none {
+    pointer-events: none;
+  }
+  .sw\:absolute {
+    position: absolute;
+  }
+  .sw\:fixed {
+    position: fixed;
+  }
+  .sw\:relative {
+    position: relative;
+  }
+  .sw\:inset-x-\[20px\] {
+    inset-inline: 20px;
+  }
+  .sw\:inset-y-0 {
+    inset-block: 0px;
+  }
+  .sw\:start-\[2px\] {
+    inset-inline-start: 2px;
+  }
+  .sw\:start-\[4px\] {
+    inset-inline-start: 4px;
+  }
+  .sw\:top-0 {
+    top: 0px;
+  }
+  .sw\:top-\[80px\] {
+    top: 80px;
+  }
+  .sw\:top-\[calc\(50\%-3px\)\] {
+    top: calc(50% - 3px);
+  }
+  .sw\:top-auto {
+    top: auto;
+  }
+  .sw\:right-0 {
+    right: 0px;
+  }
+  .sw\:right-\[-2px\] {
+    right: -2px;
+  }
+  .sw\:bottom-0 {
+    bottom: 0px;
+  }
+  .sw\:left-\[-2px\] {
+    left: -2px;
+  }
+  .sw\:left-\[calc\(50\%-3px\)\] {
+    left: calc(50% - 3px);
+  }
+  .sw\:isolate {
+    isolation: isolate;
+  }
+  .sw\:z-10 {
+    z-index: 10;
+  }
+  .sw\:z-50 {
+    z-index: 50;
+  }
+  .sw\:z-\[1\] {
+    z-index: 1;
+  }
+  .sw\:z-\[2\] {
+    z-index: 2;
+  }
   .sw\:m-0 {
     margin: 0px;
   }
+  .sw\:mx-\[4px\] {
+    margin-inline: 4px;
+  }
+  .sw\:my-auto {
+    margin-block: auto;
+  }
+  .sw\:mt-\[4px\] {
+    margin-top: 4px;
+  }
+  .sw\:mt-\[5px\] {
+    margin-top: 5px;
+  }
+  .sw\:mt-\[8px\] {
+    margin-top: 8px;
+  }
+  .sw\:mt-\[24px\] {
+    margin-top: 24px;
+  }
   .sw\:mt-\[calc\(-0\.0625rem\*var\(--mantine-scale\)\)\] {
     margin-top: calc(-0.0625rem * var(--mantine-scale));
   }
+  .sw\:mb-0 {
+    margin-bottom: 0px;
+  }
+  .sw\:mb-\[8px\] {
+    margin-bottom: 8px;
+  }
+  .sw\:block {
+    display: block;
+  }
   .sw\:flex {
     display: flex;
   }
+  .sw\:hidden {
+    display: none;
+  }
+  .sw\:inline-block {
+    display: inline-block;
+  }
+  .sw\:inline-flex {
+    display: inline-flex;
+  }
+  .sw\:h-\[2px\] {
+    height: 2px;
+  }
+  .sw\:h-\[6px\] {
+    height: 6px;
+  }
+  .sw\:h-\[12px\] {
+    height: 12px;
+  }
+  .sw\:h-\[14px\] {
+    height: 14px;
+  }
+  .sw\:h-\[16px\] {
+    height: 16px;
+  }
+  .sw\:h-\[18px\] {
+    height: 18px;
+  }
+  .sw\:h-\[20px\] {
+    height: 20px;
+  }
+  .sw\:h-\[22px\] {
+    height: 22px;
+  }
+  .sw\:h-\[24px\] {
+    height: 24px;
+  }
+  .sw\:h-\[30px\] {
+    height: 30px;
+  }
+  .sw\:h-\[32px\] {
+    height: 32px;
+  }
+  .sw\:h-\[40px\] {
+    height: 40px;
+  }
+  .sw\:h-\[42px\] {
+    height: 42px;
+  }
+  .sw\:h-\[44px\] {
+    height: 44px;
+  }
+  .sw\:h-\[45px\] {
+    height: 45px;
+  }
+  .sw\:h-\[48px\] {
+    height: 48px;
+  }
+  .sw\:h-\[56px\] {
+    height: 56px;
+  }
+  .sw\:h-\[64px\] {
+    height: 64px;
+  }
+  .sw\:h-\[66px\] {
+    height: 66px;
+  }
+  .sw\:h-\[78px\] {
+    height: 78px;
+  }
+  .sw\:h-\[var\(--loader-size\)\] {
+    height: var(--loader-size);
+  }
   .sw\:h-auto {
     height: auto;
   }
+  .sw\:h-full {
+    height: 100%;
+  }
+  .sw\:max-h-\[464px\] {
+    max-height: 464px;
+  }
+  .sw\:min-h-0 {
+    min-height: 0px;
+  }
+  .sw\:min-h-\[22px\] {
+    min-height: 22px;
+  }
+  .sw\:min-h-\[24px\] {
+    min-height: 24px;
+  }
+  .sw\:min-h-\[30px\] {
+    min-height: 30px;
+  }
+  .sw\:min-h-\[52px\] {
+    min-height: 52px;
+  }
+  .sw\:min-h-\[72px\] {
+    min-height: 72px;
+  }
+  .sw\:min-h-full {
+    min-height: 100%;
+  }
+  .sw\:w-\[4px\] {
+    width: 4px;
+  }
+  .sw\:w-\[6px\] {
+    width: 6px;
+  }
+  .sw\:w-\[12px\] {
+    width: 12px;
+  }
+  .sw\:w-\[14px\] {
+    width: 14px;
+  }
+  .sw\:w-\[16px\] {
+    width: 16px;
+  }
+  .sw\:w-\[18px\] {
+    width: 18px;
+  }
+  .sw\:w-\[24px\] {
+    width: 24px;
+  }
+  .sw\:w-\[28px\] {
+    width: 28px;
+  }
+  .sw\:w-\[32px\] {
+    width: 32px;
+  }
+  .sw\:w-\[40px\] {
+    width: 40px;
+  }
+  .sw\:w-\[280px\] {
+    width: 280px;
+  }
+  .sw\:w-\[var\(--loader-size\)\] {
+    width: var(--loader-size);
+  }
+  .sw\:w-fit {
+    width: fit-content;
+  }
+  .sw\:w-full {
+    width: 100%;
+  }
+  .sw\:w-max {
+    width: max-content;
+  }
+  .sw\:max-w-full {
+    max-width: 100%;
+  }
+  .sw\:max-w-none {
+    max-width: none;
+  }
   .sw\:min-w-0 {
     min-width: 0px;
   }
+  .sw\:min-w-\[12px\] {
+    min-width: 12px;
+  }
+  .sw\:min-w-\[16px\] {
+    min-width: 16px;
+  }
+  .sw\:min-w-\[24px\] {
+    min-width: 24px;
+  }
+  .sw\:min-w-\[28px\] {
+    min-width: 28px;
+  }
+  .sw\:min-w-\[40px\] {
+    min-width: 40px;
+  }
+  .sw\:min-w-\[56px\] {
+    min-width: 56px;
+  }
+  .sw\:min-w-\[64px\] {
+    min-width: 64px;
+  }
+  .sw\:flex-1 {
+    flex: 1;
+  }
+  .sw\:flex-auto {
+    flex: auto;
+  }
+  .sw\:flex-none {
+    flex: none;
+  }
   .sw\:shrink-0 {
     flex-shrink: 0;
   }
+  .sw\:table-fixed {
+    table-layout: fixed;
+  }
+  .sw\:border-collapse {
+    border-collapse: collapse;
+  }
+  .sw\:border-separate {
+    border-collapse: separate;
+  }
+  .sw\:border-spacing-0 {
+    --sw-tw-border-spacing-x: 0px;
+    --sw-tw-border-spacing-y: 0px;
+    border-spacing: var(--sw-tw-border-spacing-x) var(--sw-tw-border-spacing-y);
+  }
+  .sw\:animate-spin {
+    animation: var(--sw-animate-spin);
+  }
+  .sw\:cursor-col-resize {
+    cursor: col-resize;
+  }
+  .sw\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+  .sw\:touch-none {
+    touch-action: none;
+  }
+  .sw\:\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
+  .sw\:flex-col {
+    flex-direction: column;
+  }
+  .sw\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .sw\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .sw\:items-center {
+    align-items: center;
+  }
+  .sw\:items-start {
+    align-items: flex-start;
+  }
+  .sw\:justify-between {
+    justify-content: space-between;
+  }
+  .sw\:justify-center {
+    justify-content: center;
+  }
+  .sw\:justify-end {
+    justify-content: flex-end;
+  }
+  .sw\:gap-0 {
+    gap: 0px;
+  }
   .sw\:gap-\[4px\] {
     gap: 4px;
   }
   .sw\:gap-\[8px\] {
     gap: 8px;
   }
+  .sw\:gap-\[12px\] {
+    gap: 12px;
+  }
+  .sw\:gap-\[16px\] {
+    gap: 16px;
+  }
+  .sw\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .sw\:overflow-auto {
+    overflow: auto;
+  }
+  .sw\:overflow-hidden {
+    overflow: hidden;
+  }
+  .sw\:overflow-x-auto {
+    overflow-x: auto;
+  }
+  .sw\:rounded-\[0\.5px\] {
+    border-radius: 0.5px;
+  }
+  .sw\:rounded-\[3px\] {
+    border-radius: 3px;
+  }
+  .sw\:rounded-\[4px\] {
+    border-radius: 4px;
+  }
+  .sw\:rounded-\[6px\] {
+    border-radius: 6px;
+  }
+  .sw\:rounded-\[8px\] {
+    border-radius: 8px;
+  }
+  .sw\:rounded-\[16px\] {
+    border-radius: 16px;
+  }
+  .sw\:rounded-none {
+    border-radius: 0;
+  }
+  .sw\:border {
+    border-style: var(--sw-tw-border-style);
+    border-width: 1px;
+  }
+  .sw\:border-0 {
+    border-style: var(--sw-tw-border-style);
+    border-width: 0px;
+  }
+  .sw\:border-2 {
+    border-style: var(--sw-tw-border-style);
+    border-width: 2px;
+  }
+  .sw\:border-r {
+    border-right-style: var(--sw-tw-border-style);
+    border-right-width: 1px;
+  }
+  .sw\:border-b {
+    border-bottom-style: var(--sw-tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .sw\:border-solid {
+    --sw-tw-border-style: solid;
+    border-style: solid;
+  }
+  .sw\:border-\[\#e5e6eb\] {
+    border-color: #e5e6eb;
+  }
+  .sw\:border-\[\#f0f0f0\] {
+    border-color: #f0f0f0;
+  }
+  .sw\:border-black\/\[0\.08\] {
+    border-color: color-mix(in srgb, #000 8%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--sw-color-black) 8%, transparent);
+    }
+  }
+  .sw\:bg-\[\#0dc15b\] {
+    background-color: #0dc15b;
+  }
+  .sw\:bg-\[\#165dff\] {
+    background-color: #165dff;
+  }
+  .sw\:bg-\[\#adc6ff\] {
+    background-color: #adc6ff;
+  }
+  .sw\:bg-\[\#b6ecce\] {
+    background-color: #b6ecce;
+  }
+  .sw\:bg-\[\#d0dfff\] {
+    background-color: #d0dfff;
+  }
+  .sw\:bg-\[\#dadbe2\] {
+    background-color: #dadbe2;
+  }
+  .sw\:bg-\[\#e7f9ef\] {
+    background-color: #e7f9ef;
+  }
+  .sw\:bg-\[\#f2f3f5\] {
+    background-color: #f2f3f5;
+  }
+  .sw\:bg-\[\#f3f7ff\] {
+    background-color: #f3f7ff;
+  }
   .sw\:bg-\[\#f5f5f5\] {
     background-color: #f5f5f5;
   }
+  .sw\:bg-\[\#f9f9f9\] {
+    background-color: #f9f9f9;
+  }
+  .sw\:bg-\[\#f53f3f\] {
+    background-color: #f53f3f;
+  }
+  .sw\:bg-\[\#fa8c16\] {
+    background-color: #fa8c16;
+  }
+  .sw\:bg-\[\#fbbcbc\] {
+    background-color: #fbbcbc;
+  }
+  .sw\:bg-\[\#fdd7ad\] {
+    background-color: #fdd7ad;
+  }
+  .sw\:bg-\[\#fef5f5\] {
+    background-color: #fef5f5;
+  }
+  .sw\:bg-\[\#fff9f3\] {
+    background-color: #fff9f3;
+  }
+  .sw\:bg-\[rgba\(0\,0\,0\,0\.03\)\] {
+    background-color: rgba(0,0,0,0.03);
+  }
+  .sw\:bg-\[rgba\(22\,93\,255\,0\.05\)\] {
+    background-color: rgba(22,93,255,0.05);
+  }
+  .sw\:bg-current {
+    background-color: currentcolor;
+  }
+  .sw\:bg-transparent {
+    background-color: transparent;
+  }
+  .sw\:bg-white {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:bg-\[conic-gradient\(from_90deg\,rgba\(22\,93\,255\,0\)_0deg\,rgba\(22\,93\,255\,0\.5\)_90deg\,rgba\(22\,93\,255\,0\.5\)_144deg\,rgba\(22\,93\,255\,0\.5\)_216deg\,rgba\(22\,93\,255\,0\)_270deg\,rgba\(22\,93\,255\,0\)_360deg\)\] {
+    background-image: conic-gradient(from 90deg,rgba(22,93,255,0) 0deg,rgba(22,93,255,0.5) 90deg,rgba(22,93,255,0.5) 144deg,rgba(22,93,255,0.5) 216deg,rgba(22,93,255,0) 270deg,rgba(22,93,255,0) 360deg);
+  }
+  .sw\:p-0 {
+    padding: 0px;
+  }
+  .sw\:p-\[4px\] {
+    padding: 4px;
+  }
+  .sw\:p-\[6px\] {
+    padding: 6px;
+  }
+  .sw\:p-\[8px\] {
+    padding: 8px;
+  }
+  .sw\:p-\[16px\] {
+    padding: 16px;
+  }
+  .sw\:p-\[24px\] {
+    padding: 24px;
+  }
+  .sw\:p-\[var\(--app-shell-padding\)\] {
+    padding: var(--app-shell-padding);
+  }
+  .sw\:px-\[4px\] {
+    padding-inline: 4px;
+  }
+  .sw\:px-\[5px\] {
+    padding-inline: 5px;
+  }
+  .sw\:px-\[8px\] {
+    padding-inline: 8px;
+  }
+  .sw\:px-\[12px\] {
+    padding-inline: 12px;
+  }
+  .sw\:px-\[16px\] {
+    padding-inline: 16px;
+  }
+  .sw\:px-\[24px\] {
+    padding-inline: 24px;
+  }
+  .sw\:py-0 {
+    padding-block: 0px;
+  }
+  .sw\:py-\[12px\] {
+    padding-block: 12px;
+  }
+  .sw\:py-\[16px\] {
+    padding-block: 16px;
+  }
+  .sw\:ps-\[6px\] {
+    padding-inline-start: 6px;
+  }
+  .sw\:ps-\[8px\] {
+    padding-inline-start: 8px;
+  }
+  .sw\:ps-\[12px\] {
+    padding-inline-start: 12px;
+  }
+  .sw\:ps-\[16px\] {
+    padding-inline-start: 16px;
+  }
+  .sw\:ps-\[30px\] {
+    padding-inline-start: 30px;
+  }
+  .sw\:ps-\[32px\] {
+    padding-inline-start: 32px;
+  }
+  .sw\:ps-\[36px\] {
+    padding-inline-start: 36px;
+  }
+  .sw\:ps-\[38px\] {
+    padding-inline-start: 38px;
+  }
+  .sw\:ps-\[44px\] {
+    padding-inline-start: 44px;
+  }
+  .sw\:pe-\[8px\] {
+    padding-inline-end: 8px;
+  }
+  .sw\:pe-\[12px\] {
+    padding-inline-end: 12px;
+  }
+  .sw\:pe-\[16px\] {
+    padding-inline-end: 16px;
+  }
+  .sw\:pe-\[30px\] {
+    padding-inline-end: 30px;
+  }
+  .sw\:pe-\[32px\] {
+    padding-inline-end: 32px;
+  }
+  .sw\:pe-\[36px\] {
+    padding-inline-end: 36px;
+  }
+  .sw\:pe-\[38px\] {
+    padding-inline-end: 38px;
+  }
+  .sw\:pe-\[44px\] {
+    padding-inline-end: 44px;
+  }
+  .sw\:pt-\[8px\] {
+    padding-top: 8px;
+  }
+  .sw\:pt-\[12px\] {
+    padding-top: 12px;
+  }
+  .sw\:pt-\[16px\] {
+    padding-top: 16px;
+  }
+  .sw\:pr-\[16px\] {
+    padding-right: 16px;
+  }
+  .sw\:pr-\[24px\] {
+    padding-right: 24px;
+  }
+  .sw\:pr-\[32px\] {
+    padding-right: 32px;
+  }
+  .sw\:pb-\[8px\] {
+    padding-bottom: 8px;
+  }
+  .sw\:pb-\[12px\] {
+    padding-bottom: 12px;
+  }
+  .sw\:pb-\[16px\] {
+    padding-bottom: 16px;
+  }
+  .sw\:pb-\[24px\] {
+    padding-bottom: 24px;
+  }
+  .sw\:pl-\[4px\] {
+    padding-left: 4px;
+  }
+  .sw\:pl-\[8px\] {
+    padding-left: 8px;
+  }
+  .sw\:text-center {
+    text-align: center;
+  }
+  .sw\:text-left {
+    text-align: left;
+  }
+  .sw\:\[font-family\:Noto_Sans_SC\,sans-serif\] {
+    font-family: Noto Sans SC,sans-serif;
+  }
+  .sw\:\[font-family\:PingFang_SC\,sans-serif\] {
+    font-family: PingFang SC,sans-serif;
+  }
+  .sw\:\[font-family\:inherit\] {
+    font-family: inherit;
+  }
+  .sw\:text-\[12px\] {
+    font-size: 12px;
+  }
+  .sw\:text-\[13px\] {
+    font-size: 13px;
+  }
+  .sw\:text-\[14px\] {
+    font-size: 14px;
+  }
+  .sw\:text-\[16px\] {
+    font-size: 16px;
+  }
+  .sw\:text-\[20px\] {
+    font-size: 20px;
+  }
+  .sw\:text-\[24px\] {
+    font-size: 24px;
+  }
+  .sw\:text-\[30px\] {
+    font-size: 30px;
+  }
+  .sw\:text-\[38px\] {
+    font-size: 38px;
+  }
+  .sw\:leading-\[18px\] {
+    --sw-tw-leading: 18px;
+    line-height: 18px;
+  }
+  .sw\:leading-\[20px\] {
+    --sw-tw-leading: 20px;
+    line-height: 20px;
+  }
+  .sw\:leading-\[21px\] {
+    --sw-tw-leading: 21px;
+    line-height: 21px;
+  }
+  .sw\:leading-\[22px\] {
+    --sw-tw-leading: 22px;
+    line-height: 22px;
+  }
+  .sw\:leading-\[24px\] {
+    --sw-tw-leading: 24px;
+    line-height: 24px;
+  }
+  .sw\:leading-\[28px\] {
+    --sw-tw-leading: 28px;
+    line-height: 28px;
+  }
+  .sw\:leading-\[32px\] {
+    --sw-tw-leading: 32px;
+    line-height: 32px;
+  }
+  .sw\:leading-\[36px\] {
+    --sw-tw-leading: 36px;
+    line-height: 36px;
+  }
+  .sw\:leading-\[40px\] {
+    --sw-tw-leading: 40px;
+    line-height: 40px;
+  }
+  .sw\:leading-\[46px\] {
+    --sw-tw-leading: 46px;
+    line-height: 46px;
+  }
+  .sw\:leading-\[inherit\] {
+    --sw-tw-leading: inherit;
+    line-height: inherit;
+  }
+  .sw\:leading-none {
+    --sw-tw-leading: 1;
+    line-height: 1;
+  }
+  .sw\:font-medium {
+    --sw-tw-font-weight: var(--sw-font-weight-medium);
+    font-weight: var(--sw-font-weight-medium);
+  }
+  .sw\:font-normal {
+    --sw-tw-font-weight: var(--sw-font-weight-normal);
+    font-weight: var(--sw-font-weight-normal);
+  }
+  .sw\:font-semibold {
+    --sw-tw-font-weight: var(--sw-font-weight-semibold);
+    font-weight: var(--sw-font-weight-semibold);
+  }
+  .sw\:tracking-\[0px\] {
+    --sw-tw-tracking: 0px;
+    letter-spacing: 0px;
+  }
+  .sw\:break-words {
+    overflow-wrap: break-word;
+  }
+  .sw\:text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .sw\:\!whitespace-normal {
+    white-space: normal !important;
+  }
+  .sw\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .sw\:text-\[\#0dc15b\] {
+    color: #0dc15b;
+  }
+  .sw\:text-\[\#8c8c8c\] {
+    color: #8c8c8c;
+  }
+  .sw\:text-\[\#165dff\] {
+    color: #165dff;
+  }
+  .sw\:text-\[\#262626\] {
+    color: #262626;
+  }
+  .sw\:text-\[\#adc6ff\] {
+    color: #adc6ff;
+  }
+  .sw\:text-\[\#b6ecce\] {
+    color: #b6ecce;
+  }
+  .sw\:text-\[\#bfbfbf\] {
+    color: #bfbfbf;
+  }
+  .sw\:text-\[\#f53f3f\] {
+    color: #f53f3f;
+  }
+  .sw\:text-\[\#fa8c16\] {
+    color: #fa8c16;
+  }
+  .sw\:text-\[\#fbbcbc\] {
+    color: #fbbcbc;
+  }
+  .sw\:text-\[\#fdd7ad\] {
+    color: #fdd7ad;
+  }
+  .sw\:text-\[\#ff4d4f\] {
+    color: #ff4d4f;
+  }
+  .sw\:text-\[var\(--loader-color\)\] {
+    color: var(--loader-color);
+  }
+  .sw\:text-black {
+    color: var(--sw-color-black);
+  }
+  .sw\:text-black\/\[0\.4\] {
+    color: color-mix(in srgb, #000 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--sw-color-black) 40%, transparent);
+    }
+  }
+  .sw\:text-inherit {
+    color: inherit;
+  }
+  .sw\:text-white {
+    color: var(--sw-color-white);
+  }
+  .sw\:normal-case {
+    text-transform: none;
+  }
+  .sw\:not-italic {
+    font-style: normal;
+  }
+  .sw\:no-underline {
+    text-decoration-line: none;
+  }
+  .sw\:opacity-50 {
+    opacity: 50%;
+  }
+  .sw\:opacity-100 {
+    opacity: 100%;
+  }
+  .sw\:shadow-\[0_0\.75px_2\.25px_rgba\(0\,0\,0\,0\.1\)\] {
+    --sw-tw-shadow: 0 0.75px 2.25px var(--sw-tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\] {
+    --sw-tw-shadow: 0 1px 3px var(--sw-tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[0_8px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+    --sw-tw-shadow: 0 8px 16px var(--sw-tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_-1px_0_0_\#f0f0f0\] {
+    --sw-tw-shadow: inset -1px 0 0 var(--sw-tw-shadow-color, #f0f0f0);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_-1px_0_\#f5f5f5\] {
+    --sw-tw-shadow: inset 0 -1px 0 var(--sw-tw-shadow-color, #f5f5f5);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_-1px_0_rgba\(0\,0\,0\,0\.05\)\] {
+    --sw-tw-shadow: inset 0 -1px 0 var(--sw-tw-shadow-color, rgba(0,0,0,0.05));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_0\.5px_rgba\(0\,0\,0\,0\.08\)\,0_8px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+    --sw-tw-shadow: inset 0 0 0 0.5px var(--sw-tw-shadow-color, rgba(0,0,0,0.08)), 0 8px 16px var(--sw-tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_\#dedede\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #dedede);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_\#fee8d0\,0_8px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #fee8d0), 0 8px 16px var(--sw-tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_\#ff4d4f\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #ff4d4f);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_currentColor\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, currentColor);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.05));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\,0_8px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.08)), 0 8px 16px var(--sw-tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.08));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.12\)\] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.12));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:shadow-none {
+    --sw-tw-shadow: 0 0 #0000;
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
   .sw\:ring-\[1px\] {
     --sw-tw-ring-shadow: var(--sw-tw-ring-inset,) 0 0 0 calc(1px + var(--sw-tw-ring-offset-width)) var(--sw-tw-ring-color, currentcolor);
     box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
@@ -46,6 +910,12 @@
   .sw\:ring-\[\#262626\] {
     --sw-tw-ring-color: #262626;
   }
+  .sw\:\[outline\:1px_solid_rgba\(0\,0\,0\,0\.08\)\] {
+    outline: 1px solid rgba(0,0,0,0.08);
+  }
+  .sw\:outline-offset-\[-1px\] {
+    outline-offset: -1px;
+  }
   .sw\:transition-colors {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --sw-tw-gradient-from, --sw-tw-gradient-via, --sw-tw-gradient-to;
     transition-timing-function: var(--sw-tw-ease, var(--sw-default-transition-timing-function));
@@ -55,8 +925,105 @@
     --sw-tw-duration: 150ms;
     transition-duration: 150ms;
   }
-  .sw\:ring-inset {
-    --sw-tw-ring-inset: inset;
+  .sw\:select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .sw\:ring-inset {
+    --sw-tw-ring-inset: inset;
+  }
+  .sw\:group-focus-within\/date-input\:flex:is(:where(.sw\:group\/date-input):focus-within *) {
+    display: flex;
+  }
+  .sw\:group-focus-within\/date-input\:hidden:is(:where(.sw\:group\/date-input):focus-within *) {
+    display: none;
+  }
+  .sw\:group-focus-within\/tags\:rounded-\[3px\]:is(:where(.sw\:group\/tags):focus-within *) {
+    border-radius: 3px;
+  }
+  @media (hover: hover) {
+    .sw\:group-hover\/app-shell-task\:flex:is(:where(.sw\:group\/app-shell-task):hover *) {
+      display: flex;
+    }
+  }
+  .sw\:group-has-\[\:focus-visible\]\/app-shell-task\:flex:is(:where(.sw\:group\/app-shell-task):has(:is(:focus-visible)) *) {
+    display: flex;
+  }
+  .sw\:group-has-\[\[data-expanded\]\]\/select\:-scale-y-100:is(:where(.sw\:group\/select):has(:is([data-expanded])) *) {
+    --sw-tw-scale-y: calc(100% * -1);
+    scale: var(--sw-tw-scale-x) var(--sw-tw-scale-y);
+  }
+  .sw\:group-has-\[\[disabled\]\]\/select\:text-\[\#bfbfbf\]:is(:where(.sw\:group\/select):has(:is([disabled])) *) {
+    color: #bfbfbf;
+  }
+  .sw\:group-has-\[input\:not\(\:placeholder-shown\)\]\/base\:text-\[\#262626\]:is(:where(.sw\:group\/base):has(:is(input:not(:placeholder-shown))) *) {
+    color: #262626;
+  }
+  .sw\:group-data-\[disabled\]\/tag\:leading-\[18px\]:is(:where(.sw\:group\/tag)[data-disabled] *) {
+    --sw-tw-leading: 18px;
+    line-height: 18px;
+  }
+  .sw\:placeholder\:text-\[\#8c8c8c\]::placeholder {
+    color: #8c8c8c;
+  }
+  .sw\:placeholder\:text-\[\#262626\]::placeholder {
+    color: #262626;
+  }
+  .sw\:before\:pointer-events-none::before {
+    content: var(--sw-tw-content);
+    pointer-events: none;
+  }
+  .sw\:before\:absolute::before {
+    content: var(--sw-tw-content);
+    position: absolute;
+  }
+  .sw\:before\:-inset-x-\[8px\]::before {
+    content: var(--sw-tw-content);
+    inset-inline: calc(8px * -1);
+  }
+  .sw\:before\:inset-y-0::before {
+    content: var(--sw-tw-content);
+    inset-block: 0px;
+  }
+  .sw\:before\:left-1\/2::before {
+    content: var(--sw-tw-content);
+    left: calc(1 / 2 * 100%);
+  }
+  .sw\:before\:hidden::before {
+    content: var(--sw-tw-content);
+    display: none;
+  }
+  .sw\:before\:w-px::before {
+    content: var(--sw-tw-content);
+    width: 1px;
+  }
+  .sw\:before\:bg-\[\#e5e5e5\]::before {
+    content: var(--sw-tw-content);
+    background-color: #e5e5e5;
+  }
+  .sw\:after\:pointer-events-none::after {
+    content: var(--sw-tw-content);
+    pointer-events: none;
+  }
+  .sw\:after\:absolute::after {
+    content: var(--sw-tw-content);
+    position: absolute;
+  }
+  .sw\:after\:inset-y-0::after {
+    content: var(--sw-tw-content);
+    inset-block: 0px;
+  }
+  .sw\:after\:right-0::after {
+    content: var(--sw-tw-content);
+    right: 0px;
+  }
+  .sw\:after\:bottom-\[1px\]::after {
+    content: var(--sw-tw-content);
+    bottom: 1px;
+  }
+  .sw\:after\:left-\[calc\(50\%-12px\)\]::after {
+    content: var(--sw-tw-content);
+    left: calc(50% - 12px);
   }
   .sw\:after\:m-\[12\.5\%\]::after {
     content: var(--sw-tw-content);
@@ -66,24 +1033,178 @@
     content: var(--sw-tw-content);
     height: calc(3 / 4 * 100%);
   }
+  .sw\:after\:h-\[3px\]::after {
+    content: var(--sw-tw-content);
+    height: 3px;
+  }
   .sw\:after\:w-3\/4::after {
     content: var(--sw-tw-content);
     width: calc(3 / 4 * 100%);
   }
+  .sw\:after\:w-\[24px\]::after {
+    content: var(--sw-tw-content);
+    width: 24px;
+  }
+  .sw\:after\:w-px::after {
+    content: var(--sw-tw-content);
+    width: 1px;
+  }
+  .sw\:after\:rounded-\[4px\]::after {
+    content: var(--sw-tw-content);
+    border-radius: 4px;
+  }
+  .sw\:after\:bg-\[\#262626\]::after {
+    content: var(--sw-tw-content);
+    background-color: #262626;
+  }
+  .sw\:after\:bg-\[\#f0f0f0\]::after {
+    content: var(--sw-tw-content);
+    background-color: #f0f0f0;
+  }
+  .sw\:after\:opacity-0::after {
+    content: var(--sw-tw-content);
+    opacity: 0%;
+  }
   .sw\:after\:content-\[\'\'\]::after {
     --sw-tw-content: '';
     content: var(--sw-tw-content);
   }
+  .sw\:first\:pl-\[16px\]:first-child {
+    padding-left: 16px;
+  }
+  .sw\:first\:text-center:first-child {
+    text-align: center;
+  }
+  .sw\:last\:border-r-0:last-child {
+    border-right-style: var(--sw-tw-border-style);
+    border-right-width: 0px;
+  }
+  .sw\:last\:pr-\[16px\]:last-child {
+    padding-right: 16px;
+  }
+  .sw\:checked\:border-\[var\(--radio-color\)\]:checked {
+    border-color: var(--radio-color);
+  }
+  .sw\:checked\:border-transparent:checked {
+    border-color: transparent;
+  }
+  .sw\:checked\:bg-\[var\(--checkbox-color\)\]:checked {
+    background-color: var(--checkbox-color);
+  }
+  .sw\:checked\:bg-\[var\(--radio-color\)\]:checked {
+    background-color: var(--radio-color);
+  }
+  .sw\:focus-within\:border-\[\#165dff\]:focus-within {
+    border-color: #165dff;
+  }
+  .sw\:focus-within\:bg-white:focus-within {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:focus-within\:shadow-\[inset_0_0_0_1px_\#165dff\]:focus-within {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #165dff);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  @media (hover: hover) {
+    .sw\:hover\:border-black\/\[0\.12\]:hover {
+      border-color: color-mix(in srgb, #000 12%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .sw\:hover\:border-black\/\[0\.12\]:hover {
+        border-color: color-mix(in oklab, var(--sw-color-black) 12%, transparent);
+      }
+    }
+    .sw\:hover\:bg-\[\#165dff\]:hover {
+      background-color: #165dff;
+    }
+    .sw\:hover\:bg-\[\#165dff\]\/\[0\.05\]:hover {
+      background-color: color-mix(in oklab, #165dff 5%, transparent);
+    }
+    .sw\:hover\:bg-\[\#3975ff\]:hover {
+      background-color: #3975ff;
+    }
+    .sw\:hover\:bg-\[\#adc6ff\]:hover {
+      background-color: #adc6ff;
+    }
+    .sw\:hover\:bg-\[\#e5e6eb\]:hover {
+      background-color: #e5e6eb;
+    }
+    .sw\:hover\:bg-\[\#f2f3f5\]:hover {
+      background-color: #f2f3f5;
+    }
+    .sw\:hover\:bg-\[\#f3f7ff\]:hover {
+      background-color: #f3f7ff;
+    }
+    .sw\:hover\:bg-\[rgba\(22\,93\,255\,0\.05\)\]:hover {
+      background-color: rgba(22,93,255,0.05);
+    }
+    .sw\:hover\:bg-black\/\[0\.03\]:hover {
+      background-color: color-mix(in srgb, #000 3%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .sw\:hover\:bg-black\/\[0\.03\]:hover {
+        background-color: color-mix(in oklab, var(--sw-color-black) 3%, transparent);
+      }
+    }
+    .sw\:hover\:bg-transparent:hover {
+      background-color: transparent;
+    }
+    .sw\:hover\:px-\[8px\]:hover {
+      padding-inline: 8px;
+    }
+    .sw\:hover\:text-\[\#262626\]:hover {
+      color: #262626;
+    }
+    .sw\:hover\:shadow-\[inset_0_0_0_1px_\#165dff\]:hover {
+      --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #165dff);
+      box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+    }
+  }
+  .sw\:focus\:bg-\[\#165dff\]:focus {
+    background-color: #165dff;
+  }
+  .sw\:focus\:ps-\[40px\]:focus {
+    padding-inline-start: 40px;
+  }
+  .sw\:focus\:text-white:focus {
+    color: var(--sw-color-white);
+  }
+  .sw\:focus-visible\:bg-\[\#165dff\]:focus-visible {
+    background-color: #165dff;
+  }
+  .sw\:focus-visible\:bg-\[\#3975ff\]:focus-visible {
+    background-color: #3975ff;
+  }
+  .sw\:focus-visible\:bg-\[\#adc6ff\]:focus-visible {
+    background-color: #adc6ff;
+  }
+  .sw\:focus-visible\:outline:focus-visible {
+    outline-style: var(--sw-tw-outline-style);
+    outline-width: 1px;
+  }
+  .sw\:focus-visible\:outline-2:focus-visible {
+    outline-style: var(--sw-tw-outline-style);
+    outline-width: 2px;
+  }
   .sw\:focus-visible\:outline-\[2px\]:focus-visible {
     outline-style: var(--sw-tw-outline-style);
     outline-width: 2px;
   }
+  .sw\:focus-visible\:outline-offset-2:focus-visible {
+    outline-offset: 2px;
+  }
+  .sw\:focus-visible\:outline-offset-\[-2px\]:focus-visible {
+    outline-offset: -2px;
+  }
   .sw\:focus-visible\:outline-offset-\[2px\]:focus-visible {
     outline-offset: 2px;
   }
   .sw\:focus-visible\:outline-\[\#165dff\]:focus-visible {
     outline-color: #165dff;
   }
+  .sw\:focus-visible\:outline-none:focus-visible {
+    --sw-tw-outline-style: none;
+    outline-style: none;
+  }
   .sw\:focus-visible\:\[outline-style\:solid\]:focus-visible {
     outline-style: solid;
   }
@@ -91,10 +1212,344 @@
     --sw-tw-translate-y: 0px;
     translate: var(--sw-tw-translate-x) var(--sw-tw-translate-y);
   }
+  @media (hover: hover) {
+    .sw\:enabled\:hover\:border-black\/\[0\.12\]:enabled:hover {
+      border-color: color-mix(in srgb, #000 12%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .sw\:enabled\:hover\:border-black\/\[0\.12\]:enabled:hover {
+        border-color: color-mix(in oklab, var(--sw-color-black) 12%, transparent);
+      }
+    }
+    .sw\:enabled\:hover\:bg-\[\#e5e6eb\]:enabled:hover {
+      background-color: #e5e6eb;
+    }
+    .sw\:enabled\:hover\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.12\)\]:enabled:hover {
+      --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.12));
+      box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+    }
+  }
+  .sw\:enabled\:focus\:border-\[\#165dff\]:enabled:focus {
+    border-color: #165dff;
+  }
+  .sw\:enabled\:focus\:bg-white:enabled:focus {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:enabled\:focus\:shadow-\[inset_0_0_0_1px_\#165dff\]:enabled:focus {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #165dff);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:disabled\:flex:disabled {
+    display: flex;
+  }
+  .sw\:disabled\:h-\[12px\]:disabled {
+    height: 12px;
+  }
+  .sw\:disabled\:h-\[16px\]:disabled {
+    height: 16px;
+  }
+  .sw\:disabled\:w-\[12px\]:disabled {
+    width: 12px;
+  }
+  .sw\:disabled\:w-\[16px\]:disabled {
+    width: 16px;
+  }
+  .sw\:disabled\:min-w-\[12px\]:disabled {
+    min-width: 12px;
+  }
+  .sw\:disabled\:min-w-\[16px\]:disabled {
+    min-width: 16px;
+  }
+  .sw\:disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .sw\:disabled\:border-\[\#e5e6eb\]:disabled {
+    border-color: #e5e6eb;
+  }
+  .sw\:disabled\:bg-\[\#f2f3f5\]:disabled {
+    background-color: #f2f3f5;
+  }
+  .sw\:disabled\:bg-\[\#f5f5f5\]:disabled {
+    background-color: #f5f5f5;
+  }
+  .sw\:disabled\:bg-transparent:disabled {
+    background-color: transparent;
+  }
+  .sw\:disabled\:text-\[\#8c8c8c\]:disabled {
+    color: #8c8c8c;
+  }
+  .sw\:disabled\:text-\[\#bfbfbf\]:disabled {
+    color: #bfbfbf;
+  }
+  .sw\:disabled\:opacity-40:disabled {
+    opacity: 40%;
+  }
+  .sw\:disabled\:opacity-100:disabled {
+    opacity: 100%;
+  }
+  .sw\:disabled\:placeholder\:text-\[\#bfbfbf\]:disabled::placeholder {
+    color: #bfbfbf;
+  }
+  .sw\:disabled\:checked\:border-\[\#adc6ff\]:disabled:checked {
+    border-color: #adc6ff;
+  }
+  .sw\:disabled\:checked\:border-transparent:disabled:checked {
+    border-color: transparent;
+  }
+  .sw\:disabled\:checked\:bg-\[\#adc6ff\]:disabled:checked {
+    background-color: #adc6ff;
+  }
+  .sw\:has-\[\:focus-visible\]\:bg-\[rgba\(22\,93\,255\,0\.05\)\]:has(:is(:focus-visible)) {
+    background-color: rgba(22,93,255,0.05);
+  }
+  .sw\:has-\[\:focus-visible\]\:px-\[8px\]:has(:is(:focus-visible)) {
+    padding-inline: 8px;
+  }
+  .sw\:has-\[\[data-first-in-range\]\]\:before\:start-\[12px\]:has(:is([data-first-in-range]))::before {
+    content: var(--sw-tw-content);
+    inset-inline-start: 12px;
+  }
+  .sw\:has-\[\[data-first-in-range\]\[data-last-in-range\]\]\:before\:hidden:has(:is([data-first-in-range][data-last-in-range]))::before {
+    content: var(--sw-tw-content);
+    display: none;
+  }
+  .sw\:has-\[\[data-in-range\]\]\:before\:bg-\[\#f3f7ff\]:has(:is([data-in-range]))::before {
+    content: var(--sw-tw-content);
+    background-color: #f3f7ff;
+  }
+  .sw\:has-\[\[data-last-in-range\]\]\:before\:end-\[12px\]:has(:is([data-last-in-range]))::before {
+    content: var(--sw-tw-content);
+    inset-inline-end: 12px;
+  }
+  .sw\:data-\[active\]\:border-\[var\(--pagination-active-bg\)\][data-active] {
+    border-color: var(--pagination-active-bg);
+  }
+  .sw\:data-\[active\]\:bg-\[\#165dff\][data-active] {
+    background-color: #165dff;
+  }
+  .sw\:data-\[active\]\:bg-\[\#262626\][data-active] {
+    background-color: #262626;
+  }
+  .sw\:data-\[active\]\:bg-\[var\(--pagination-active-bg\)\][data-active] {
+    background-color: var(--pagination-active-bg);
+  }
+  .sw\:data-\[active\]\:font-semibold[data-active] {
+    --sw-tw-font-weight: var(--sw-font-weight-semibold);
+    font-weight: var(--sw-font-weight-semibold);
+  }
+  .sw\:data-\[active\]\:text-\[\#262626\][data-active] {
+    color: #262626;
+  }
+  .sw\:data-\[active\]\:text-white[data-active] {
+    color: var(--sw-color-white);
+  }
+  .sw\:data-\[active\]\:shadow-none[data-active] {
+    --sw-tw-shadow: 0 0 #0000;
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:data-\[active\]\:after\:opacity-100[data-active]::after {
+    content: var(--sw-tw-content);
+    opacity: 100%;
+  }
+  @media (hover: hover) {
+    .sw\:data-\[active\]\:hover\:bg-\[\#262626\][data-active]:hover {
+      background-color: #262626;
+    }
+  }
+  .sw\:data-\[checked\]\:bg-\[\#165dff\]\/\[0\.05\][data-checked] {
+    background-color: color-mix(in oklab, #165dff 5%, transparent);
+  }
+  .sw\:data-\[checked\]\:bg-black\/\[0\.03\][data-checked] {
+    background-color: color-mix(in srgb, #000 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--sw-color-black) 3%, transparent);
+    }
+  }
+  .sw\:data-\[checked\]\:bg-white[data-checked] {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:data-\[combobox-disabled\]\:cursor-not-allowed[data-combobox-disabled] {
+    cursor: not-allowed;
+  }
+  .sw\:data-\[combobox-disabled\]\:bg-white[data-combobox-disabled] {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:data-\[combobox-disabled\]\:text-\[\#bfbfbf\][data-combobox-disabled] {
+    color: #bfbfbf;
+  }
+  .sw\:data-\[combobox-disabled\]\:opacity-100[data-combobox-disabled] {
+    opacity: 100%;
+  }
+  .sw\:data-\[combobox-selected\]\:bg-\[\#165dff\]\/\[0\.05\][data-combobox-selected] {
+    background-color: color-mix(in oklab, #165dff 5%, transparent);
+  }
+  .sw\:data-\[combobox-selected\]\:bg-black\/\[0\.03\][data-combobox-selected] {
+    background-color: color-mix(in srgb, #000 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--sw-color-black) 3%, transparent);
+    }
+  }
+  .sw\:data-\[combobox-selected\]\:text-\[\#262626\][data-combobox-selected] {
+    color: #262626;
+  }
+  .sw\:data-\[disabled\]\:cursor-not-allowed[data-disabled] {
+    cursor: not-allowed;
+  }
+  .sw\:data-\[disabled\]\:rounded-\[3px\][data-disabled] {
+    border-radius: 3px;
+  }
+  .sw\:data-\[disabled\]\:bg-\[\#f2f3f5\][data-disabled] {
+    background-color: #f2f3f5;
+  }
+  .sw\:data-\[disabled\]\:pe-\[36px\][data-disabled] {
+    padding-inline-end: 36px;
+  }
+  .sw\:data-\[disabled\]\:text-\[\#bfbfbf\][data-disabled] {
+    color: #bfbfbf;
+  }
+  .sw\:data-\[disabled\]\:opacity-100[data-disabled] {
+    opacity: 100%;
+  }
+  .sw\:data-\[disabled\]\:shadow-\[inset_0_0_0_1px_\#e5e6eb\][data-disabled] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #e5e6eb);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:data-\[disabled\]\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\][data-disabled] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.08));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  @media (hover: hover) {
+    .sw\:data-\[disabled\]\:hover\:shadow-\[inset_0_0_0_1px_\#e5e6eb\][data-disabled]:hover {
+      --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #e5e6eb);
+      box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+    }
+  }
+  .sw\:data-\[error\]\:border-\[\#ff4d4f\][data-error] {
+    border-color: #ff4d4f;
+  }
+  .sw\:data-\[error\]\:text-\[\#ff4d4f\][data-error] {
+    color: #ff4d4f;
+  }
+  .sw\:data-\[error\]\:shadow-\[inset_0_0_0_1px_\#ff4d4f\][data-error] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #ff4d4f);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:data-\[expanded\]\:bg-white[data-expanded] {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:data-\[expanded\]\:shadow-\[inset_0_0_0_1px_\#165dff\][data-expanded] {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, #165dff);
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
+  .sw\:data-\[in-range\]\:rounded-\[3px\][data-in-range] {
+    border-radius: 3px;
+  }
+  .sw\:data-\[in-range\]\:bg-transparent[data-in-range] {
+    background-color: transparent;
+  }
+  .sw\:data-\[in-range\]\:text-black[data-in-range] {
+    color: var(--sw-color-black);
+  }
+  .sw\:data-\[indeterminate\]\:border-transparent[data-indeterminate] {
+    border-color: transparent;
+  }
+  .sw\:data-\[indeterminate\]\:bg-\[var\(--checkbox-color\)\][data-indeterminate] {
+    background-color: var(--checkbox-color);
+  }
+  .sw\:disabled\:data-\[indeterminate\]\:border-transparent:disabled[data-indeterminate] {
+    border-color: transparent;
+  }
+  .sw\:disabled\:data-\[indeterminate\]\:bg-\[\#adc6ff\]:disabled[data-indeterminate] {
+    background-color: #adc6ff;
+  }
+  .sw\:data-\[marquee\]\:text-clip[data-marquee] {
+    text-overflow: clip;
+  }
+  .sw\:data-\[navigation\]\:min-w-0[data-navigation] {
+    min-width: 0px;
+  }
+  .sw\:data-\[navigation\]\:px-\[12px\][data-navigation] {
+    padding-inline: 12px;
+  }
+  .sw\:data-\[navigation\]\:py-\[4px\][data-navigation] {
+    padding-block: 4px;
+  }
+  .sw\:data-\[navigation\]\:text-\[\#262626\][data-navigation] {
+    color: #262626;
+  }
+  .sw\:data-\[navigation\]\:disabled\:bg-white[data-navigation]:disabled {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:data-\[navigation\]\:disabled\:text-\[\#8c8c8c\][data-navigation]:disabled {
+    color: #8c8c8c;
+  }
+  .sw\:data-\[outside\]\:text-\[\#bfbfbf\][data-outside] {
+    color: #bfbfbf;
+  }
+  .sw\:data-\[outside\]\:opacity-100[data-outside] {
+    opacity: 100%;
+  }
+  .sw\:data-\[position\=left\]\:start-0[data-position="left"] {
+    inset-inline-start: calc(var(--sw-spacing) * 0);
+  }
+  .sw\:data-\[position\=left\]\:ms-0[data-position="left"] {
+    margin-inline-start: 0px;
+  }
+  .sw\:data-\[position\=left\]\:me-\[4px\][data-position="left"] {
+    margin-inline-end: 4px;
+  }
+  .sw\:data-\[position\=left\]\:me-\[8px\][data-position="left"] {
+    margin-inline-end: 8px;
+  }
+  .sw\:data-\[position\=right\]\:end-0[data-position="right"] {
+    inset-inline-end: calc(var(--sw-spacing) * 0);
+  }
+  .sw\:data-\[position\=right\]\:ms-\[4px\][data-position="right"] {
+    margin-inline-start: 4px;
+  }
+  .sw\:data-\[position\=right\]\:ms-\[8px\][data-position="right"] {
+    margin-inline-start: 8px;
+  }
+  .sw\:data-\[position\=right\]\:me-0[data-position="right"] {
+    margin-inline-end: 0px;
+  }
+  .sw\:data-\[selected\]\:rounded-\[3px\][data-selected] {
+    border-radius: 3px;
+  }
+  .sw\:data-\[selected\]\:bg-\[\#165dff\][data-selected] {
+    background-color: #165dff;
+  }
+  .sw\:data-\[selected\]\:text-white[data-selected] {
+    color: var(--sw-color-white);
+  }
+  @media (hover: hover) {
+    .sw\:data-\[selected\]\:hover\:bg-\[\#165dff\][data-selected]:hover {
+      background-color: #165dff;
+    }
+  }
+  .sw\:data-\[visible\]\:after\:bg-\[rgba\(46\,50\,56\,0\.05\)\][data-visible]::after {
+    content: var(--sw-tw-content);
+    background-color: rgba(46,50,56,0.05);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    .sw\:motion-safe\:animate-spin {
+      animation: var(--sw-animate-spin);
+    }
+  }
   @media (prefers-reduced-motion: reduce) {
+    .sw\:motion-reduce\:animate-none {
+      animation: none;
+    }
     .sw\:motion-reduce\:transition-none {
       transition-property: none;
     }
+    .sw\:motion-reduce\:after\:animate-none::after {
+      content: var(--sw-tw-content);
+      animation: none;
+    }
+  }
+  .sw\:\[\&_\*\]\:cursor-col-resize * {
+    cursor: col-resize;
   }
   .sw\:\[\&\:active\:not\(\:disabled\)\:not\(\[data-disabled\]\)\:not\(\[data-loading\]\)\]\:bg-\[\#0044e5\]:active:not(:disabled):not([data-disabled]):not([data-loading]) {
     background-color: #0044e5;
@@ -117,6 +1572,13 @@
   .sw\:\[\&\:active\:not\(\:disabled\)\:not\(\[data-disabled\]\)\:not\(\[data-loading\]\)\]\:ring-\[\#141414\]:active:not(:disabled):not([data-disabled]):not([data-loading]) {
     --sw-tw-ring-color: #141414;
   }
+  .sw\:\[\&\:enabled\:hover\:not\(\:focus\)\]\:bg-\[\#e5e6eb\]:enabled:hover:not(:focus) {
+    background-color: #e5e6eb;
+  }
+  .sw\:\[\&\:enabled\:hover\:not\(\:focus\)\]\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.12\)\]:enabled:hover:not(:focus) {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.12));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
   .sw\:\[\&\:hover\:not\(\:active\)\:not\(\:disabled\)\:not\(\[data-disabled\]\)\:not\(\[data-loading\]\)\]\:bg-\[\#3975ff\]:hover:not(:active):not(:disabled):not([data-disabled]):not([data-loading]) {
     background-color: #3975ff;
   }
@@ -138,6 +1600,10 @@
   .sw\:\[\&\:hover\:not\(\:active\)\:not\(\:disabled\)\:not\(\[data-disabled\]\)\:not\(\[data-loading\]\)\]\:ring-\[\#404040\]:hover:not(:active):not(:disabled):not([data-disabled]):not([data-loading]) {
     --sw-tw-ring-color: #404040;
   }
+  .sw\:\[\&\:hover\:not\(\:focus-within\)\:not\(\[data-disabled\]\)\]\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.12\)\]:hover:not(:focus-within):not([data-disabled]) {
+    --sw-tw-shadow: inset 0 0 0 1px var(--sw-tw-shadow-color, rgba(0,0,0,0.12));
+    box-shadow: var(--sw-tw-inset-shadow), var(--sw-tw-inset-ring-shadow), var(--sw-tw-ring-offset-shadow), var(--sw-tw-ring-shadow), var(--sw-tw-shadow);
+  }
   .sw\:\[\&\:is\(\:disabled\,\[data-disabled\]\)\:not\(\[data-loading\]\)\]\:bg-\[\#adc6ff\]:is(:disabled, [data-disabled]):not([data-loading]) {
     background-color: #adc6ff;
   }
@@ -159,6 +1625,107 @@
   .sw\:\[\&\:is\(\:disabled\,\[data-disabled\]\)\:not\(\[data-loading\]\)\]\:ring-\[\#e5e5e5\]:is(:disabled, [data-disabled]):not([data-loading]) {
     --sw-tw-ring-color: #e5e5e5;
   }
+  @media (hover: hover) {
+    .sw\:enabled\:hover\:\[\&\:not\(\:checked\)\]\:border-\[\#dadbe2\]:enabled:hover:not(:checked) {
+      border-color: #dadbe2;
+    }
+    .sw\:enabled\:hover\:\[\&\:not\(\:checked\)\:not\(\[data-indeterminate\]\)\]\:border-\[\#dadbe2\]:enabled:hover:not(:checked):not([data-indeterminate]) {
+      border-color: #dadbe2;
+    }
+    .sw\:enabled\:hover\:\[\&\:not\(\[data-active\]\)\]\:bg-\[\#f5f5f5\]:enabled:hover:not([data-active]) {
+      background-color: #f5f5f5;
+    }
+  }
+  .sw\:\[\&\:nth-child\(even\)\>td\]\:bg-\[\#f2f3f5\]:nth-child(even) > td {
+    background-color: #f2f3f5;
+  }
+  .sw\:\[\&\:nth-child\(odd\)\>td\]\:bg-white:nth-child(odd) > td {
+    background-color: var(--sw-color-white);
+  }
+  .sw\:last\:\[\&\>td\]\:border-b-0:last-child > td {
+    border-bottom-style: var(--sw-tw-border-style);
+    border-bottom-width: 0px;
+  }
+  @media (hover: hover) {
+    .sw\:data-\[hoverable\]\:hover\:\[\&\>td\]\:bg-\[\#f3f7ff\][data-hoverable]:hover > td {
+      background-color: #f3f7ff;
+    }
+  }
+  .sw\:data-\[hoverable\]\:has-\[\:focus-visible\]\:\[\&\>td\]\:bg-\[\#f3f7ff\][data-hoverable]:has(:is(:focus-visible)) > td {
+    background-color: #f3f7ff;
+  }
+  .sw\:data-\[hoverable\]\:data-\[menu-open\]\:\[\&\>td\]\:bg-\[\#f3f7ff\][data-hoverable][data-menu-open] > td {
+    background-color: #f3f7ff;
+  }
+  .sw\:\[\&\>td\:first-child\]\:rounded-l-\[12px\] > td:first-child {
+    border-top-left-radius: 12px;
+    border-bottom-left-radius: 12px;
+  }
+  .sw\:\[\&\>td\:last-child\]\:rounded-r-\[12px\] > td:last-child {
+    border-top-right-radius: 12px;
+    border-bottom-right-radius: 12px;
+  }
+  .sw\:\[\&\[aria-current\=page\]\]\:font-medium[aria-current=page] {
+    --sw-tw-font-weight: var(--sw-font-weight-medium);
+    font-weight: var(--sw-font-weight-medium);
+  }
+  .sw\:\[\&\[aria-current\=page\]\]\:text-\[\#262626\][aria-current=page] {
+    color: #262626;
+  }
+  .sw\:\[\&\[data-today\]\:not\(\[data-selected\]\)\:not\(\[data-in-range\]\)\]\:bg-\[\#f3f7ff\][data-today]:not([data-selected]):not([data-in-range]) {
+    background-color: #f3f7ff;
+  }
+  .sw\:\[\&\[data-today\]\:not\(\[data-selected\]\)\:not\(\[data-in-range\]\)\]\:text-\[\#0052d9\][data-today]:not([data-selected]):not([data-in-range]) {
+    color: #0052d9;
+  }
+  .sw\:\[\&\[data-variant\=subtle\]\:not\(\:disabled\)\:not\(\[data-disabled\]\)\:hover\]\:bg-\[\#f5f5f5\][data-variant=subtle]:not(:disabled):not([data-disabled]):hover {
+    background-color: #f5f5f5;
+  }
+  input:checked + .sw\:\[input\:checked\+\&\]\:bg-\[var\(--switch-color\)\] {
+    background-color: var(--switch-color);
+  }
+  input:checked + * > .sw\:\[input\:checked\+\*\>\&\]\:start-\[calc\(100\%-14px\)\] {
+    inset-inline-start: calc(100% - 14px);
+  }
+  input:checked + * > .sw\:\[input\:checked\+\*\>\&\]\:start-\[calc\(100\%-20px\)\] {
+    inset-inline-start: calc(100% - 20px);
+  }
+  input:checked:disabled + .sw\:\[input\:checked\:disabled\+\&\]\:bg-\[\#adc6ff\] {
+    background-color: #adc6ff;
+  }
+  input:disabled + .sw\:\[input\:disabled\+\&\]\:bg-\[\#f2f3f5\] {
+    background-color: #f2f3f5;
+  }
+  input:disabled:checked + .sw\:\[input\:disabled\:checked\+\&\]\:\[--radio-icon-color\:inherit\] {
+    --sw-radio-icon-color: inherit;
+  }
+}
+@property --sw-tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --sw-tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --sw-tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --sw-tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --sw-tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --sw-tw-tracking {
+  syntax: "*";
+  inherits: false;
 }
 @property --sw-tw-shadow {
   syntax: "*";
@@ -229,6 +1796,21 @@
   syntax: "*";
   inherits: false;
 }
+@property --sw-tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --sw-tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --sw-tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @property --sw-tw-content {
   syntax: "*";
   initial-value: "";
@@ -254,9 +1836,20 @@
   inherits: false;
   initial-value: 0;
 }
+@keyframes sw-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 @layer sw-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 {
+      --sw-tw-border-spacing-x: 0;
+      --sw-tw-border-spacing-y: 0;
+      --sw-tw-border-style: solid;
+      --sw-tw-leading: initial;
+      --sw-tw-font-weight: initial;
+      --sw-tw-tracking: initial;
       --sw-tw-shadow: 0 0 #0000;
       --sw-tw-shadow-color: initial;
       --sw-tw-shadow-alpha: 100%;
@@ -272,6 +1865,9 @@
       --sw-tw-ring-offset-color: #fff;
       --sw-tw-ring-offset-shadow: 0 0 #0000;
       --sw-tw-duration: initial;
+      --sw-tw-scale-x: 1;
+      --sw-tw-scale-y: 1;
+      --sw-tw-scale-z: 1;
       --sw-tw-content: "";
       --sw-tw-outline-style: solid;
       --sw-tw-translate-x: 0;