@layer theme{:root,:host{--kanban-color-gray-100:var(--gray-100);--kanban-color-white:#fff;--kanban-spacing:.25rem;--kanban-text-xs:.75rem;--kanban-text-xs--line-height:calc(1 / .75);--kanban-radius-md:.375rem;--kanban-radius-lg:.5rem;--kanban-radius-xl:.75rem}}@layer base,components,utilities;.fi-kanban{gap:calc(var(--kanban-spacing) * 4);flex-direction:column;width:100%;min-width:0;display:flex}.fi-kanban-layout{align-items:flex-start;gap:calc(var(--kanban-spacing) * 4);flex-direction:column;width:100%;min-width:0;display:flex}@media(min-width:64rem){.fi-kanban-layout{flex-direction:row}}.fi-kanban-filters.fi-ta-ctn,.fi-kanban-filter-indicators.fi-ta-ctn{flex-direction:column;width:100%;min-width:0}.fi-kanban-filters.fi-ta-ctn:not(.fi-ta-ctn-with-header){overflow:visible}.fi-kanban-filters>div,.fi-kanban-filter-indicators>.fi-ta-filter-indicators{border-block-end-width:0;width:100%;min-width:0}.fi-kanban-filters .fi-ta-filters-below-content{border-block-start-width:0}.fi-kanban-filters-sidebar{flex-shrink:0;width:100%}@media(min-width:64rem){.fi-kanban-filters-sidebar{width:calc(var(--kanban-spacing) * 80)}}.fi-kanban-board{align-items:flex-start;gap:calc(var(--kanban-spacing) * 4);width:100%;min-width:0;padding-bottom:calc(var(--kanban-spacing) * 6);flex:1;min-height:calc(100vh - 13rem);display:flex;overflow-x:auto}.fi-kanban-column{width:calc(var(--kanban-spacing) * 80);border-radius:var(--kanban-radius-xl);background-color:var(--kanban-color-white);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.fi-kanban-column:where(.dark,.dark *){background-color:var(--gray-900)}.fi-kanban-column{max-height:calc(100vh - 12rem);box-shadow:0 0 0 1px var(--gray-950),0 1px 3px #0000000d}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column{box-shadow:0 0 0 1px color-mix(in oklab,var(--gray-950) 5%,transparent),0 1px 3px #0000000d}}.dark .fi-kanban-column{box-shadow:0 0 0 1px #ffffff1a,0 1px 3px #0000001a}.fi-kanban-column-accent{background-color:var(--color-500);flex-shrink:0;width:100%;height:3px}.fi-kanban-column-header{border-bottom:1px solid var(--gray-200)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column-header{border-bottom:1px solid color-mix(in oklab,var(--gray-200) 80%,transparent)}}.fi-kanban-column-header{align-items:stretch;gap:calc(var(--kanban-spacing) * 2.5);padding-inline:calc(var(--kanban-spacing) * 4);padding-block:calc(var(--kanban-spacing) * 3);flex-direction:column;flex-shrink:0;display:flex}.fi-kanban-column-header:where(.dark,.dark *){border-color:var(--kanban-color-white)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column-header:where(.dark,.dark *){border-color:color-mix(in oklab,var(--kanban-color-white) 10%,transparent)}}.fi-kanban-column-heading{justify-content:space-between;align-items:center;gap:calc(var(--kanban-spacing) * 2);min-width:0;display:flex}.fi-kanban-column-label{align-items:center;gap:calc(var(--kanban-spacing) * 2);min-width:0;display:flex}.fi-kanban-column-label>.fi-badge{flex-shrink:0}.fi-kanban-column-header>.fi-badge{align-self:flex-start}.fi-kanban-column-icon{width:calc(var(--kanban-spacing) * 4);height:calc(var(--kanban-spacing) * 4);color:var(--gray-500);flex-shrink:0}.fi-kanban-column-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-kanban-column-title{overflow-wrap:anywhere;min-width:0;color:var(--gray-950);font-size:.875rem;font-weight:600;line-height:1.25rem}.fi-kanban-column-title:where(.dark,.dark *){color:var(--kanban-color-white)}.fi-kanban-column-actions{align-items:center;gap:var(--kanban-spacing);flex-shrink:0;display:flex}.fi-kanban-column-cards{min-height:calc(var(--kanban-spacing) * 24);gap:calc(var(--kanban-spacing) * 3);padding:calc(var(--kanban-spacing) * 3);flex-direction:column;flex:1;transition:background-color .16s;display:flex;overflow-y:auto}.fi-kanban-column-cards:has(>.sortable-ghost){background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column-cards:has(>.sortable-ghost){background-color:color-mix(in oklab,var(--primary-500) 3%,transparent)}}.fi-kanban-empty-state.fi-ta-empty-state{padding-inline:calc(var(--kanban-spacing) * 3);padding-block:calc(var(--kanban-spacing) * 8);border:0}.fi-kanban-column-cards:has(>.fi-kanban-card)>.fi-kanban-empty-state{display:none}.fi-kanban-card{border-radius:var(--kanban-radius-xl);background-color:var(--kanban-color-white);padding:calc(var(--kanban-spacing) * 4);position:relative}.fi-kanban-card:where(.dark,.dark *){background-color:var(--gray-900)}.fi-kanban-card{box-shadow:0 0 0 1px var(--gray-950),0 1px 2px #0000000d}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card{box-shadow:0 0 0 1px color-mix(in oklab,var(--gray-950) 5%,transparent),0 1px 2px #0000000d}}.fi-kanban-card{transition:background-color .16s,box-shadow .16s,opacity .16s}@media(hover:hover){.fi-kanban-card:not(.fi-kanban-card-flat):not(.sortable-chosen):hover{box-shadow:0 0 0 1px var(--gray-950),0 4px 8px -3px #0000001a}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card:not(.fi-kanban-card-flat):not(.sortable-chosen):hover{box-shadow:0 0 0 1px color-mix(in oklab,var(--gray-950) 10%,transparent),0 4px 8px -3px #0000001a}}}.dark .fi-kanban-card{box-shadow:0 0 0 1px #ffffff1a,0 1px 2px #0000001a}@media(hover:hover){.dark .fi-kanban-card:not(.fi-kanban-card-flat):not(.sortable-chosen):hover{box-shadow:0 0 0 1px #ffffff2e,0 4px 8px -3px #0003}}.fi-kanban-card:not(.fi-kanban-card-flat):focus-within{box-shadow:0 0 0 2px var(--primary-500),0 1px 3px #00000014}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card:not(.fi-kanban-card-flat):focus-within{box-shadow:0 0 0 2px color-mix(in oklab,var(--primary-500) 35%,transparent),0 1px 3px #00000014}}.fi-kanban-card-draggable,.fi-kanban-card-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}:is(.fi-kanban-card-draggable,.fi-kanban-card-drag-handle):active{cursor:grabbing}.fi-kanban-card-header{margin-bottom:calc(var(--kanban-spacing) * 3);align-items:flex-start;gap:calc(var(--kanban-spacing) * 2);display:flex}.fi-kanban-card-drag-handle{border-radius:var(--kanban-radius-md);padding:calc(var(--kanban-spacing) * .5);color:var(--gray-400);flex-shrink:0}.fi-kanban-card-drag-handle:where(.dark,.dark *){color:var(--gray-500)}.fi-kanban-card-drag-handle{touch-action:none;margin-inline-start:-.125rem;transition:background-color .16s,color .16s}.fi-kanban-card-drag-handle:hover{background-color:var(--gray-100);color:var(--gray-700)}.fi-kanban-card-drag-handle:hover:where(.dark,.dark *){background-color:var(--kanban-color-white)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card-drag-handle:hover:where(.dark,.dark *){background-color:color-mix(in oklab,var(--kanban-color-white) 5%,transparent)}}.fi-kanban-card-drag-handle:hover:where(.dark,.dark *){color:var(--gray-400)}.fi-kanban-card-drag-handle:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.fi-kanban-card-drag-handle-icon{width:calc(var(--kanban-spacing) * 4);height:calc(var(--kanban-spacing) * 4)}.fi-kanban-card-title{overflow-wrap:anywhere;text-align:start;min-width:0;color:var(--gray-950);flex:1;font-size:1rem;font-weight:600;line-height:1.5rem}.fi-kanban-card-title:where(.dark,.dark *){color:var(--kanban-color-white)}.fi-kanban-card-title>.fi-link{max-width:100%;color:inherit;font-size:inherit;font-weight:inherit;text-align:start;justify-content:flex-start}.fi-kanban-card-actions{border-top:1px solid var(--kanban-color-gray-100);margin-top:calc(var(--kanban-spacing) * 3);justify-content:flex-end;align-items:center;gap:calc(var(--kanban-spacing) * 2);padding-top:calc(var(--kanban-spacing) * 3);flex-wrap:wrap;display:flex}.fi-kanban-card-actions:where(.dark,.dark *){border-color:var(--kanban-color-white)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card-actions:where(.dark,.dark *){border-color:color-mix(in oklab,var(--kanban-color-white) 10%,transparent)}}.fi-kanban-card-compact .fi-kanban-card-title{font-size:.875rem;font-weight:500;line-height:1.25rem}.fi-kanban-card-compact{border-radius:var(--kanban-radius-lg);padding:calc(var(--kanban-spacing) * 3)}.fi-kanban-card-compact .fi-kanban-card-header{margin-bottom:calc(var(--kanban-spacing) * 1.5)}.fi-kanban-card-compact .fi-kanban-card-actions{margin-top:calc(var(--kanban-spacing) * 2);gap:calc(var(--kanban-spacing) * 1.5);padding-top:calc(var(--kanban-spacing) * 2)}.fi-kanban-column-cards:has(>.fi-kanban-card-flat):not(:has(>.fi-kanban-card:not(.fi-kanban-card-flat))){gap:0}.fi-kanban-card.fi-kanban-card-flat{padding:calc(var(--kanban-spacing) * 3);box-shadow:none;background-color:#0000;border-radius:0}.fi-kanban-column-cards>.fi-kanban-card-flat:has(+.fi-kanban-card-flat){border-block-end:1px solid var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column-cards>.fi-kanban-card-flat:has(+.fi-kanban-card-flat){border-block-end:1px solid color-mix(in oklab,var(--gray-950) 7%,transparent)}}.dark .fi-kanban-column-cards>.fi-kanban-card-flat:has(+.fi-kanban-card-flat){border-block-end-color:#ffffff1a}@media(hover:hover){.fi-kanban-card-flat:not(.sortable-chosen):hover{background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card-flat:not(.sortable-chosen):hover{background-color:color-mix(in oklab,var(--gray-950) 3%,transparent)}}.dark .fi-kanban-card-flat:not(.sortable-chosen):hover{background-color:#ffffff0d}}.fi-kanban-card-flat:focus-within{background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card-flat:focus-within{background-color:color-mix(in oklab,var(--gray-950) 3%,transparent)}}.dark .fi-kanban-card-flat:focus-within{background-color:#ffffff0d}.fi-kanban-card-flat .fi-kanban-card-header{margin-bottom:calc(var(--kanban-spacing) * 2)}.fi-kanban-card-flat .fi-kanban-card-title{font-size:.875rem;font-weight:500;line-height:1.25rem}.fi-kanban-card-flat .fi-kanban-card-actions{margin-top:calc(var(--kanban-spacing) * 2);border-block-start-width:0;padding-top:0}.fi-kanban-card-header-actions{justify-content:flex-end;align-items:center;gap:var(--kanban-spacing);flex-wrap:wrap;min-width:0;margin-inline-start:auto;display:flex}.fi-kanban-card-accent{background-image:linear-gradient(115deg,var(--kanban-card-accent),transparent 65%);padding-inline-start:calc(var(--kanban-spacing) * 5)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card-accent{background-image:linear-gradient(115deg,color-mix(in oklab,var(--kanban-card-accent) 7%,transparent),transparent 65%)}}.fi-kanban-card-accent:before{content:"";background-color:var(--kanban-card-accent);border-radius:999px;width:3px;position:absolute;inset-block:.5rem;inset-inline-start:0}.fi-kanban-column-pagination{justify-content:space-between;align-items:center;gap:calc(var(--kanban-spacing) * 2);padding-inline:calc(var(--kanban-spacing) * 3);padding-block:calc(var(--kanban-spacing) * 2);font-size:var(--kanban-text-xs);line-height:var(--tw-leading,var(--kanban-text-xs--line-height));color:var(--gray-500);flex-shrink:0;display:flex}.fi-kanban-column-pagination:where(.dark,.dark *){color:var(--gray-400)}.fi-kanban-column-pagination{border-top:1px solid var(--gray-200)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column-pagination{border-top:1px solid color-mix(in oklab,var(--gray-200) 80%,transparent)}}.fi-kanban-column-pagination{font-variant-numeric:tabular-nums}.dark .fi-kanban-column-pagination{border-top-color:#ffffff1a}.fi-kanban-column-load-more{align-items:center;gap:calc(var(--kanban-spacing) * 2);padding-block:calc(var(--kanban-spacing) * 3);font-size:var(--kanban-text-xs);line-height:var(--tw-leading,var(--kanban-text-xs--line-height));color:var(--gray-500);flex-direction:column;flex-shrink:0;display:flex;position:relative}.fi-kanban-column-load-more:where(.dark,.dark *){color:var(--gray-400)}.fi-kanban-column-load-more{font-variant-numeric:tabular-nums}.fi-kanban-column-load-more-trigger{inset-inline:0;height:1px;position:absolute;top:0}.sorting .fi-kanban-column-load-more-trigger{display:none}.fi-kanban-board,.fi-kanban-column-cards{scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent}@supports (color:color-mix(in lab,red,red)){.fi-kanban-board,.fi-kanban-column-cards{scrollbar-color:color-mix(in oklab,var(--gray-400) 35%,transparent) transparent}}.fi-kanban-board::-webkit-scrollbar{height:6px}.fi-kanban-board::-webkit-scrollbar-track{background:0 0}.fi-kanban-column-cards::-webkit-scrollbar-track{background:0 0}.fi-kanban-board::-webkit-scrollbar-thumb{background:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-board::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--gray-400) 35%,transparent)}}.fi-kanban-board::-webkit-scrollbar-thumb{border-radius:99px}.fi-kanban-column-cards::-webkit-scrollbar-thumb{background:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-column-cards::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--gray-400) 35%,transparent)}}.fi-kanban-column-cards::-webkit-scrollbar-thumb{border-radius:99px}.fi-kanban-column-cards::-webkit-scrollbar{width:4px}.fi-kanban-card.sortable-chosen{box-shadow:0 0 0 1px var(--primary-500),0 6px 16px -6px #0000002e}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card.sortable-chosen{box-shadow:0 0 0 1px color-mix(in oklab,var(--primary-500) 40%,transparent),0 6px 16px -6px #0000002e}}.fi-kanban-card.sortable-ghost{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card.sortable-ghost{background-color:color-mix(in oklab,var(--primary-500) 6%,transparent)}}.fi-kanban-card.sortable-ghost{box-shadow:none;opacity:1;outline:1px dashed var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card.sortable-ghost{outline:1px dashed color-mix(in oklab,var(--primary-500) 45%,transparent)}}.fi-kanban-card.sortable-ghost{outline-offset:-1px}.fi-kanban-card.sortable-ghost>*{visibility:hidden}.fi-kanban-card.sortable-drag{cursor:grabbing;box-shadow:0 0 0 1px var(--primary-500),0 16px 28px -10px #00000040,0 6px 10px -6px #00000026;background-color:#fff}@supports (color:color-mix(in lab,red,red)){.fi-kanban-card.sortable-drag{box-shadow:0 0 0 1px color-mix(in oklab,var(--primary-500) 30%,transparent),0 16px 28px -10px #00000040,0 6px 10px -6px #00000026}}.fi-kanban-card.sortable-drag{opacity:.98;outline:none}.fi-kanban-card.sortable-drag>*{visibility:visible}.dark .fi-kanban-card.sortable-drag{background-color:var(--gray-900);box-shadow:0 0 0 1px #ffffff26,0 16px 28px -10px #00000080}@media(prefers-reduced-motion:reduce){.fi-kanban-column-cards,.fi-kanban-card,.fi-kanban-card-drag-handle{transition:none}}
